body {
   	background-color: #8f8f8f;
   	font-family: Arial, sans-serif;
   	font-size: 12px;
	margin: 0 auto;
}

#leaderboard-ad {
   	width: 990px;
   	height: 130px;
   	margin-left: 5px;
}

#bottom-ad {
   	width: 990px;
   	height: 130px;
   	margin: 0 auto;
}

#preps-main {
   	width: 1000px;
	background-color: #336633;
	margin: 0 auto;
}

#ad-zone {
	float:right;
	overflow:hidden;
	padding-top:0px;
	width:310px;
}

#preps-nav {
   	float: left;
	position: relative;
   	width: 1000px;
   	height: 34px;
}

#preps-nav a {
   	font-family: Arial, sans-serif;
   	line-height: 15pt;
   	color: #fff;
   	text-decoration: none;
}

#preps-nav a:hover {
   	text-decoration: underline;
   	color: #fff;
}
/*
#nav-header {
   	position: relative;
   	width: 1140px;
   	height: 143px;
   	background-color: #333;
}
*/
#header-container {
   	width: 1000px;
   	height: 143px;
   	background-color: #333;
}

#header-image {
   	width: 1000px;
   	height: 143px;
}

#preps-content {
   	position: relative;
	float: left;
	width: 680px;
   	padding: 0px;
   	background-color: #fff;
}

.school-list {
   	list-style-image:url(images/list_dot.aspx);
   	font-size: 12px;
   	color: #fff;
   	font-weight: bold;
   	line-height: 13px;	
   	background-color: #000;
   	padding-right: 5px;
   	padding-bottom: 10px;
   	text-align: left;
}

.school-list li {
   	margin-bottom: 10px;
}
.school-list a {
   	color: #ccc;
}

.school-list a:hover {
   	color: #fff;
   	text-decoration: underline;
}

.school-list-head {
   	font-size: 14px;
   	color: #000;
   	background-color: #669933;
   	font-weight: bold;
   	padding: 0px 10px 0px 10px;
   	text-transform: uppercase;
   	float: left;
   	clear: right;
   	line-height: 25px;
}

#preps-content-school {
   	padding: 10px;
   	background-color: #ccc;
}

.maxpreps_leaders {
   	float: right;
   	padding-left: 5px;
}

#skyscraper-ad {
   	width: 320px;
   	float: right;
   	padding: 10px;
}

h5 {
   	font-family: Arial, Helvetica, sans-serif;
   	font-size: 16px;
   	line-height: 14pt;
}

a {
   	color: #15192F;
   	text-decoration:none;
}

a:hover {
   	color: #000;
   	text-decoration:underline;
}

.footer {
   	font-family: Arial, Helvetica, sans-serif;
   	font-size: 13px;
   	color: #fff;
   	margin: 10px;
   	text-align: center;
}

.footer a {
   	color: #fff;
}

.footer a:hover {
   	font-weight: bold;
   	text-decoration:none;
}

/*# drop down menu #*/ 
/* first set of links */
#one {
	position: relative;
    	margin: 0 0 0 370px;
	padding: 0; 
	list-style: none;
    	width: 120px;
	z-index: 500;
}	
	
/* make the LI display inline it's position relative so that position absolute can be used in submenu */
#one li {
	float: left; 
	display: block; 
	width: 120px; 
	background: #333; 
	position: relative;
	z-index: 500; 
	margin: -30px 0 0 165px;
}
		
/* this is the parent menu */
#one li a {
	display: block; 
	padding: 2px 5px 0 5px; 
	font-weight: bold;
	font-family: Arial, Helvetical, sans-serif;
	font-size: 11pt;
	height: 16px; 
	text-decoration: underline; 
	color: #fff; 
	text-align: center; 
}

#one li a:hover {
	color: #fff;
}
	
/* you can make a different style for default selected value */
#one a.selected {
	color:#f00;
}
	
/* submenu, it's hidden by default */
#one ul {
	position: absolute; 
	left: 0; 
	display: none; 
	margin: 0; 
	padding: 6px 0 0 0; 
	list-style: none;
	text-align: left;
}
		
#one ul li {
	width: 100px; 
	float: left; 
	border-top: 1px solid #fff;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    	margin: 0;
}
		
/* display block will make the link fill the whole area of LI */
#one ul a {
	display: block;  
	height: 8px;
	padding: 10px 5px; 
	color: #fff;
	font-size: 9pt;
	text-decoration: none;
	text-align: left;
}
		
#one ul a:hover {
	text-decoration: underline;	
}
/* end first set of links */

/* second set of links */
#two {
	margin: 0 0 0 370px;
	padding: 0; 
	list-style: none;
}	
	
/* make the LI display inline it's position relative so that position absolute can be used in submenu */
#two li {
	float: left; 
	display: block; 
	width: 120px; 
	background: #333; 
	position: relative;
	z-index: 500; 
	margin: -30px 0 0 321px;
}
		
/* this is the parent menu */
#two li a {
	display: block; 
	padding: 2px 5px 0 5px; 
	font-weight: bold;
	font-family: Arial, Helvetical, sans-serif;
	font-size: 11pt;
	height: 16px; 
	text-decoration: underline; 
	color: #fff; 
	text-align: center; 
}

#two li a:hover {
	color: #fff;
}
	
/* you can make a different style for default selected value */
#two a.selected {
	color:#f00;
}
	
/* submenu, it's hidden by default */
#two ul {
	position: absolute; 
	left: 0; 
	display: none; 
	margin: 0; 
	padding: 6px 0 0 0; 
	list-style: none;
	text-align: left;
}
		
#two ul li {
	width: 100px; 
	float: left; 
	border-top: 1px solid #fff;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    	margin: 0;
}
		
/* display block will make the link fill the whole area of LI */
#two ul a {
	display: block;  
	height: 8px;
	padding: 10px 5px; 
	color: #fff;
	font-size: 9pt;
	text-decoration: none;
	text-align: left;
}
		
#two ul a:hover {
	text-decoration: underline;	
}
/* end second set of links */

/* third set of links */
#three {
	margin: 0 0 0 370px;
	padding: 0; 
	list-style: none;
}	
	
/* make the LI display inline it's position relative so that position absolute can be used in submenu */
#three li {
	float: left; 
	display: block; 
	width: 120px; 
	background: #333; 
	position: relative;
	z-index: 500; 
	margin: -30px 0 0 483px;
}
		
/* this is the parent menu */
#three li a {
	display: block; 
	padding: 2px 5px 0 5px; 
	font-weight: bold;
	font-family: Arial, Helvetical, sans-serif;
	font-size: 11pt;
	height: 16px; 
	text-decoration: underline; 
	color: #fff; 
	text-align: center; 
}

#three li a:hover {
	color: #fff;
}
	
/* you can make a different style for default selected value */
#three a.selected {
	color:#f00;
}
	
/* submenu, it's hidden by default */
#three ul {
	position: absolute; 
	left: 0; 
	display: none; 
	margin: 0; 
	padding: 6px 0 0 0; 
	list-style: none;
	text-align: left;
}
		
#three ul li {
	width: 100px; 
	float: left; 
	border-top: 1px solid #fff;
	padding-left: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    margin: 0px;
}
		
/* display block will make the link fill the whole area of LI */
#three ul a {
	display: block;  
	height: 8px;
	padding: 10px 5px; 
	color: #fff;
	font-size: 9pt;
	text-decoration: none;
	text-align: left;
}
		
#three ul a:hover {
	text-decoration: underline;	
}
/* end third set of links */


/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #one ul {
	margin: 0 0 0 -2px;
}

*html #two ul {
	margin: 0 0 0 -2px;
}

*html #three ul {
	margin: 0 0 0 -2px;
}
/* end styles for drop down menu */