/************* What's New box **********/

.boxtitle{
	background: #144371 url(tab-left.png) no-repeat top left;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 1.2em;
	width: 130px;
}
.boxtitle span{
	background: #144371 url(tab-right.png) no-repeat top right;
	margin-left: 10px;
	display: block;
	padding: 5px 10px 5px 0;
	width: 100%;
	height: 100%;
}
.box{
	border: 1px solid #144371;
	padding: 5px;
}


/* News scroller styles */

#newsticker{
	overflow: hidden; margin-top: 10px; position: relative;
	width: 100%; height: 25px; background-color: #e1e1e1;
}
#newsticker h3{
	background-color: #003466; color: #fff; margin: 0; padding: 0; z-index: 1;
	position: absolute; left: 0; top: 0; width: 70px; height: auto; font-size: 1em; padding: 5px 10px;
}
#newsticker ul{
	margin: 0; padding: 0; 
	position: absolute; top: 0; left: 90px; width: 1050px; 
}
#newsticker li{
	margin: 5px 0; padding: 0; list-style: none; float: left; width: 450px;
}
#newsticker li a{

}
#newsticker li a span{
	color: #003466; margin-right: 5px; 
}


/* Carousel styles */

#content #carousel{
    width: 790px; overflow: hidden;
    margin: 10px 0; height: 615px;
    position: relative;
	border-top: 5px solid #e5e5e5;
	border-bottom: 5px solid #e5e5e5;
}
#content #carousel ul{
    position: absolute; left: 0; top: 5px;
    width: 3000px; height: 600px;
    list-style: none; margin: 0; padding: 0;
    list-style-type: none;
}
#content #carousel li{
    list-style: none; 
    margin: 0; padding: 0;
    width: 395px;
    float: left; min-height: 600px;
}
#content #carousel .photoStoryWrapper{
    width: 335px;
    margin: 0 0 0 30px;
}

#content #carousel .slidenav{
    position: absolute;
    left: 0; top: 0; width: 20px; height: 100%;
    z-index: 100;
}
#content #carousel .slidenav.next{
    left: auto; right: 0;
}
#content #carousel .slidenav a{
    display: block;
    padding: 5px;
    width: 10px; height: 100%;
    background: #e5e5e5 url(blueArrowLeft.gif) no-repeat center;
}
#content #carousel .next a{
    background: #e5e5e5 url(blueArrowRight.gif) no-repeat center;
}
#content #carousel .slidenav a:hover{
    background-color: #ccc;
}
#content #carousel .slidenav.disabled a, #content #carousel .slidenav.disabled  a:hover{
    opacity:0.25; filter:alpha(opacity=25); -moz-opacity:0.25; 
	cursor: default; background-color: #e5e5e5 ;
}


/* Library table */

.library{
    margin: 10px 0;
}
.library h3{
    border-top: 1px solid #fff; padding: 5px 10px 5px 15px; margin: 0;
    font-size: 1.2em; 
	background: #759CC2 url(arrow-white-right.gif) no-repeat 2px 9px; color: #fff;
}
.library h3.over{
    cursor: pointer; color: #003466;
}
.library h3.open{
    cursor: pointer; border-top-color: #ccc; color: #fff;
	background: #003466 url(arrow-white.gif) no-repeat 2px 9px;	
}
.library table{
    width: 100%;
}
.library div{
     border: 1px solid #003466; display: none;
}
.library td, .library th{
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}
.library th{
    background: #759CC2; color: #fff;
    font-weight: bold;
    vertical-align: bottom;
}
.library td.subhead{
    background-color: #003466; font-size: 1.4em; color: #fff;
    font-weight: bold;
}
.library td.alt{
    background-color: #f5f5f5;
}
.library td.first, .library th.first{
    text-align: left; width: 25%;
}
#content .library td img{
    padding: 0; margin: 0;
}

/************* Tabs **********/

#tabs{
	height: 40px; margin: -10px; margin-bottom: 20px; width: 810px; overflow-y: hidden;
	background-color: transparent;
}
#tabs ul{
	margin: 0 10px; padding: 0; list-style: none;
	border-bottom: 3px solid #144371; overflow: hidden;
	height: auto !important; height: 31px;
}
#tabs li{
	background: #759CC2 url(tab-left.png) no-repeat top left;
	margin: 0 1px 0 0; padding: 0; 
	float: left; list-style: none;
}
#tabs a{
	margin-left: 10px;
	display: block;
	background: #759CC2 url(tab-right.png) no-repeat top right;
	color: #fff;
	padding: 10px 15px 7px 5px;
	width: 120px;
	text-align: center;
}
#tabs .tabOn{
	background: #144371 url(tab-left.png) no-repeat top left;
}
#tabs .tabOn a, #tabs .tabOn a:hover{
	color: #fff; cursor: default;
	background-color: #144371;
	text-decoration: none;
}