body, html{
font:12px Verdana, Arial, Helvetica, sans-serif;
margin:.5em 0 0 0;
padding:0;
background:#fff;
color:#000;
}
body{
min-width:785px;
}
#wrapper {
background:#CCCCFF;
margin:0 auto;
width:785px;
}

#header {
background:#fff;
}
	
#nav {
background:#fff;
border:1px solid #CCCCFF;
padding:1px;
text-align:right;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
	#nav ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	#nav li{
	display:inline;
	margin:0;
	padding:0;
	}
	a.nav:link, a.nav:visited{
	color:#666666;
	background-color:#fff;
	padding:1px;
	text-decoration:none;
	}
	a.nav:hover{
	color:#FF9900;
	background-color:#fff;
	text-decoration:underline;
	padding:1px;
	}
	
#leftContent {
background:#CCCCFF;
float:left;
width:180px;
padding:2px;
}
	html>body #searchBox{
	padding:2px 0 0 0;
	}
	html>body #kidsThemes{
	padding:1.5em 0 0 0;
	}
	html>body #collegeTeams{
	padding:1.5em 0 0 0;
	}
	html>body #pickSport{
	padding:1.5em 0 2em 0;
	}
	input.btn{
	color:#fff;
	font:bold 10px Verdana,Arial,Helvetica,sans-serif;
	background-color:#B9B8FE;
	border:1px solid #4d4d4d;
	padding: 2px;
	}
	input.btnhov{
	background-color:#8583FF;
	}
	ul.articlesList{
				font:10px Verdana, Arial, Helvetica, sans-serif;
				line-height: 15px;
				background-color:#fff;
				color:#666666;
				list-style: none;
				margin-left: 0;
				padding:.1em 0 .2em 1.2em;
				text-indent: -1em
			}
			ul.articlesList li{
				list-style-image: none;
				list-style-type: none;
			}
	#creditList{
				background-color:#fff;
				margin-left: 0;
				padding:.4em 0 .4em 1.2em;
				text-align:center;
			}
	
#mainContent {
background:#fff;
float:right;
width:600px;
}
	h1{
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
	color:#0F0F40;
	text-align:left;
	width:595px;
	margin-left:5px;
	}
	html>body h1{
	margin: 0 0 0 5px;
	}
	span.description{
	font-weight:normal;
	color:#666666;
	background-color:#fff;
	font-size:9px;
	}
	
#indexbtmImgs {
background:#CCCCFF;
clear:both;
text-align:center;
padding:.2em .2em .2em .2em;
}
html>body #indexbtmImgs {
padding:.4em .2em .4em .2em;
}
	.indexbtmImgs{
		border:1px solid #fff;
	}

#btmContent {
background:#CCCCFF;
clear:both;
text-align:center;
padding:.4em .2em -.1em .1em;
list-style:none;
}
html>body #btmContent {
padding:.4em 0 0 0;
}
	#btmContentTable{
		width:782px;
		text-align:center;
	}
	html>body #btmContentTable{
		width:785px;
		text-align:center;
	}
	.btmContent{
		background:#fff;
		color:#666666;
		padding:.5em;
	}

#footer{
	height:85px;
	background-color:#fff;
	color:#666666;
	text-align:center;
	clear:both;
} 
	a.footer:link, a.footer:visited{
		font-size:10px;
		color:#666666;
		background-color:#fff;
		padding:1px;
		text-decoration:none;
	}
	a.footer:hover{
		font-size:10px;
		color:#FF9900;
		background-color:#fff;
		text-decoration:underline;
		padding:1px;
	}
	p.copy{
		font-size:9px;
		color:#000;
	}

/*Styling for Image Rollovers*/

#imgRollover {
 width: 565px;
 height: 463px;
 background: url(../graphics/imgs.jpg) no-repeat;
 margin: 10px auto 10px; padding: 0 0 5px 0;
 position: relative;
 border: 0;
 overflow:hidden;
}
#imgRollover li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#imgRollover a {display: block; text-indent: -9999px; text-decoration: none;}

#girls {left: 388px; top: 0px; width: 177px; height: 140px; z-index: 40;}
#boys {left: 388px; top: 163px; width: 177px; height: 140px;}
#college {left: 388px; top: 323px; width: 177px; height: 140px;}
#sports {left: 191px; top: 323px; width: 177px; height: 140px;}
#hummels {left: 0px; top: 323px; width: 171px; height: 140px;}


#girls a {height: 140px;}
#boys a {height: 140px;}
#college a {height: 140px;}
#sports a {height: 140px;}
#hummels a {height: 140px;}

.bgirls #girls a, #girls a:hover {background: url(../graphics/imgs_on.jpg) 0px 0px no-repeat;}
.bboys #boys a, #boys a:hover {background: url(../graphics/imgs_on.jpg) 0px -149px no-repeat;}
#college a:hover {background: url(../graphics/imgs_on.jpg) 0px -298px no-repeat;}
#sports a:hover {background: url(../graphics/imgs_on.jpg) 0px -447px no-repeat;}
#hummels a:hover {background: url(../graphics/imgs_on.jpg) 0px -596px no-repeat;}