/* ---------------------------------------------------- */
/* NEW SLIDESHOW STYLES
/* ---------------------------------------------------- */

/*FIXED WIDTH TO KEEP CDC TEMPLATE WRAPPER WIDE ENOUGH*/
#wrapper{
width: 1000px;	
}

#slideshow {
width: 795px;
height: 300px;
border: 1px solid #CDCDCD;
padding: 3px;
font-family: arial, helvetica, sans-serif;
position: relative;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
position: relative;
overflow: hidden;
width: 795px;
}

#slideshow .slides ul {
/* total width of all slides -
795px multiplied by 3 in this case */
width: 2385px;
margin: 0px;
padding: 0px;
}

#slideshow .slides li {
width: 795px;
height: 300px;
float: left;
overflow: hidden;
padding: 0px;
margin: 0px;
}

#slideshow .slides li img{
position: absolute;
left: 0px; 
top: 0px;
border: 0px;
}

/*#slideshow .slides li div{

}*/

/*#slideshow .slides h2 {
padding: 0px 10px 5px;
color: #fff;
font-size: 2em;
text-shadow: 2px 2px 0px #000;
}*/


#slideshow .slides p{
position: absolute;
bottom: 0px;
padding: 0px;
z-index: 9;
background: transparent url(/nchhstp/images/slideshow/caption-bg.png) 0 0 repeat;
color: #fff;
margin: 0px;
display: block;
width: 785px;
padding: 10px;
}

#slideshow .slides p strong{
font-size: 1.25em;
margin-right: 5px;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
position: absolute;
right: 5px;
top: 5px;
height : 24px;
display : inline;
z-index: 10;
}

#slideshow .slides-nav li {
float: left;}
 
#slideshow .slides-nav li a {
color: #fff;
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 2px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
background-image : url(/nchhstp/images/slideshow/slide-nav.png);
}

#slideshow .slides-nav li a:hover {
text-decoration : none;
}

#slideshow .slides-nav li.on a { 
/*position: relative; */ 
background-image : url(/nchhstp/images/slideshow/slide-nav.png);
background-position : 0 -24px;
}