/*Hide the banner images (main) and captions on load - this avoids having everything show up and then disappear*/
#g1, .captions
{
	display: none;
}	

.gallery{
    width: 761px;
    height: 301px;
    *height: 304px;
    _height: 304px;   
    position: relative;
    padding: 0;
    margin: 0;
    right: 0;
    background-image: url(../images/programs/bannerShell.gif);/*Blank shell for load */
    background-repeat: no-repeat;
    background-position: right top;    
    /*border: solid 1px red;*/
    text-align: right;
}
.galleryCont{   
    width: 761px;
    height: 301px;
    padding: 0;
    margin: 0;
}

.galleryCont div
{
	top: 0px;
	left: 4px;
}

/*captions style*/

.captions
{
	text-align: left;
	position: absolute;
	left: 30px;
	top: 265px;
	z-index: 10;
}	

.captions ul, .captions li
{
	margin:0;
	padding:0;
	list-style:none;
	color: #fff;
	font-weight: 700;
	font-family: Arial, Sans-Serif;	
}

.captions li
{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:25px;
		/*border: solid 1px black;*/
		overflow:hidden; 
		font-size:16px;
}

.captions li a
{
	color: #fff;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
	font-weight: 700;
	font-size:16px;
}

.captions li a:link
{
	color: #fff;
	text-decoration: none;
}

.captions li a:visited
{
	color: #fff;
	text-decoration: none;
}	
	
.captions li a:hover
{
	color: #fff;
	text-decoration: underline;
}	
	

#prevBtn, #nextBtn
{ 
	display: block;
	width:15px;
	height:15px;
	position:absolute;
	left:670px;
	top:267px;
	z-index: 12;
}	

#nextBtn
{ 
	left:696px;
}														

#prevBtn a, #nextBtn a
{  
	display: block;
	width:15px;
	height:15px;
	outline-style: none;
	outline: none;
	background:url(../images/bannerIcons/prev.gif) no-repeat 0 0;
}
	

#nextBtn a
{ 
	background:url(../images/bannerIcons/next.gif) no-repeat 0 0;	
}

/*end of captions style*/