@charset "utf-8";


.main {width: 882px;
border-style:solid;
border-width:10px;
border-color: #012c94;
margin:0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}



#uwci_header {width:100%; overflow:auto;}
#uwci_header h1 {
	font-size:36px !important;
	color:#33333;
	margin:0;
	padding:49px 0 0 0;
	float: left;
}

#uwci_header #logo {
	float: left;
}

#uwci_header #ship {
	float: right;
}

#menu{
	overflow:auto;
	color:#00529c;
	font-size:150%;
	font-weight:bold;
	background-image:url(../images/nav_bg.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	width:835px;
	margin-left:13px;
	padding-bottom:21px;
	
}

#menu ul{margin: 0; padding: 0; float: left; list-style:none}
 
#menu ul li{display: block; float: left; padding: 12px 0 0 18px; height:27px; margin-right:7px;}
 
#menu ul li a{text-decoration: none; color:#666666;}
 
#menu ul li a:hover {text-decoration:underline;}

#menu .home { background-image:url(../images/nav_home.gif); width:203px;}
#menu .books { background-image:url(../images/nav_books.gif); width:237px;}
#menu .onstate { background-position:0 -39px;}

.contentarea {
	width: 859px;
	overflow:auto;

}

.leftside {
	width:500px;
	float: left;
	position: relative;
	padding-left:13px;
	background-image:url(../images/left_bg.gif);
	background-repeat:no-repeat;
	background-position: 13px 0px;
}



.leftcol1 {
	width:256px;
	float: left;
	background-image:url(../images/right_bg.gif);
	background-repeat:no-repeat;
	vertical-align: top;
	font-weight:bold;
/*
	border-style: solid;
	border-width: 1px;
*/

}

.leftcol2 {
	width:244px;
	float: left;
	background-image:url(../images/right_bg.gif);
	background-repeat:no-repeat;
	vertical-align: top;
	font-weight:bold;
}

.rightside {
	width:336px;
	position: relative;
	float: left;
	background-image:url(../images/right_side_bg.gif);
	font-weight:bold;
	background-repeat:no-repeat;
	background-position: 0px 0px;
/*
	border-style: solid;
	border-width: 1px;
*/
}

.rightcol {
	width:335px;
	float: left;
	vertical-align: top;
	font-weight:bold;
/*
	border-style: solid;
	border-width: 1px;
*/
	
}

.rightheaders {
	font-size: 18px;
	color: #616566;
	width: 270px;
	padding: 0px 0 10px 25px;
	float: left;
	vertical-align: middle;
	background-image:url(../images/right_bg.gif);
	background-repeat:no-repeat;
	background-position: 5px 0px;
/*
		border-style: solid;
	border-width: 1px;
*/
}

.headers {
	font-size: 18px;
	color: #616566;
/*
	border-style: solid;
	border-width: 1px;
*/
	text-align: top;
	padding: 0 0 0 25px;
}
.oneline {padding-top:3px;}

.subheaders {
	font-size: 12px;
	color: #333;
	padding: 0 0 0 25px;
	color: #616566;
}

.pics {
	padding: 5px 0 20px 0;
	float: left;
}

.articles{
	font-size: 14px;
	padding-bottom: 50px;
	font-weight:bold;
	width: 500px;
	float:left;
}

.articles_left{
	float:left;
	width:256px;
}

.articles_right{
	float:left;
	width:244px;
}

.articleshdr {
	color: #499309;
}

.activities{
	font-size: 14px;
	padding-top: 20px;
	font-weight:bold;
	width: 500px;
	float:left;
}


#catlinks li {
padding: 6px 19px 6px 0;
list-style: none;
font-weight: normal;
}

#catlinks a {
	color: #333;
	text-decoration: underline;
}

#catlinks v {
	color: #616566;
	text-decoration: underline;
}

#printlinks {
	width: 221px;
	float: left;
	padding-left: 10px;
/*
		border-style: solid;
	border-width: 1px;
*/
}	

#printlinks li {
padding: 3px 0px 6px 0px;
list-style: none;
font-weight: normal;
font-size: 14px;

}

#printlinks a {
	color: #333;
	text-decoration: underline;
}

#printlinks v {
	color: #616566;
	text-decoration: underline;
}

.greenbox {
	width: 470px;
	margin: 20px 0 50px 0;
	padding: 10px 10px 10px 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #85c436;
	float: left;

}

.boxheaders {
	width: 470px;
	background-image:url(../images/right_bg.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	float: left;
	vertical-align: middle;
}

#games {
	font-size: 12px;
	padding-top: 20px;
}

#games a {
	color: #1766ff;
	text-decoration: underline;
}

#games v {
	color: #333;
	text-decoration: underline;
}

.gamepod {
	width: 80px;
	float: left;
	margin-right: 35px;
	text-align: center;
}



#clublinks ul li{
    line-height:2em;
    margin: .25em 0;
    padding: 0 0 0 15px;
    background:url(../images/arrow.gif) no-repeat 0 8px;
    border-color: #e8e8e8;
	border-width: 1px;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:solid;
	border-left-style:none;
}


#clublinks li {
padding: 0px 19px 6px 0;
list-style: none;
font-weight: normal;
font-size: 14px;
}

#clublinks a {
	color: #333;
	text-decoration: none;
}

#clublinks v {
	color: #616566;
	text-decoration: none;
}


.largelink a {
	color: #00529c;
	text-decoration: underline;	
}

.largelink v {
	color: #00529c;
	text-decoration: underline;	
}

.logos {
	width: 324px;
 	padding: 250px 0 0 10px;
}


/* books page styles */

#booksholder {width:838px; margin-left:12px; color:#616566;	font-family:Helvetica, Arial, sans-serif;}

#booksmenu{width: 100%;	overflow:auto;}	
#booksmenu P {margin:0; padding:0 0 12px 0; font-size:116.7%;}	
#booksmenu ul{margin: 0; padding: 0 0 18px 0; float: left; list-style:none} 
#booksmenu ul li{display: block; float: left; margin:0; padding:0 25px 0 22px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:0 2px;} 
#booksmenu ul li a{text-decoration: underline; color:#00529c;}

#books_top h1 {margin:0; padding: 0; font-size:150%;}
#books_top p {margin:0; padding: 0; font-size:91.7%;}

.agegroup_holder {border-bottom:1px solid #e8e8e8; width:100%; overflow:auto; margin-top:12px; }
.agegroup_header {background-image:url(../images/agegroups_bg.gif); background-repeat:no-repeat; height:30px;}
.agegroup_header h2 {margin:0; padding:3px 0 0 16px; font-size:150%} 

.agegroup_podholder {margin-top:16px; width:100%; overflow:auto;}
.agegroup_podholder div {float:left; text-align:center}
.podtitle {margin:0; padding:6px 0 0 0; font-style:italic; font-weight:bold;}
.podauthor {margin:0; padding:0;}
.age {margin:0; padding:24px 0 5px 0; font-weight:bold; font-size: 14px;}

.recommended {width:130px; margin-right:10px; height:300px;}
.recommended .podtitle {padding-top:10px; font-size:116.7%; letter-spacing:0px; font-weight: normal;}

.infants {width:89px; margin-right:18px; height:160px;}
.age1 {width:89px; margin-right:18px; height:190px;}
.age5 {width:89px; margin-right:18px; height:210px;}

.lastpod {margin-right:0px !important}

.backtotop {background-image:url(../images/arrow_up.gif); background-repeat:no-repeat; background-position:0 2px; float:right; padding:0 0 10px 16px;}
.backtotop a {color:#00529c; text-decoration:underline;}

.selections {width:130px; margin-right:8px; height:270px;}
.selections .podtitle {padding-top:10px; font-size:116.7%; letter-spacing:0px; font-weight: normal;}

.footer {
	padding: 20px 0 40px 0;
	float: left;
}

.footer #logo {
	width: 111px;
	float: left;
}
 
.footer #text {
	width: 300px;
	float: left;
	font-weight: bold;
	line-height: 24px;
	padding-top: 8px;
}

.largefooter {
	font-size: 26px;
}

.medfooter {
	font-size: 18px;
}
