body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #c61400;
	background-position: top center;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #4e4e4e;
}

body, div, img, container, table, td, h1, h2 {
	margin: 0px;
	padding:0px;
	border: 0px;
}
.hide {	display: none; }
.floatL { float: left; }
.floatR { float: right; }
.clearB { clear: both; }
.inline { display:inline; }

h1 	{ color: #336699; font: 22px Arial, Verdana, Helvetica, sans-serif; font-weight: bold; padding-bottom: 5px; }
h2 	{ color: #085f8d; font: 13px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 5px; }
h3 {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin:0 0 10px 22px; color:#9eb65f; line-height: 12px; }

/* **********************  End Generic Styles/Classes  ******************** */

#container { width: 990px; padding: 30px 0 30px 0; margin: 0 auto; }

#hp-header { 
	width: 912px; 
	background: #649de3 url(images/hp-header.jpg) no-repeat;
	height: 271px;
	color: #fff;
	font-family: Arial, Verdana Helvetica, sans-serif; 
	font-size: 12px;
	margin: 0 39px 0 39px;  
}
#hp-header a { font-weight: bold; color:#fb9d00; text-decoration: none;}
#hp-header a:hover { text-decoration: underline;}
#hp-welcome { width: 430px; padding: 55px 85px 0 45px;}

#header { 
	width: 912px; 
	background: #649de3 url(images/header.jpg) no-repeat;
	height: 171px;
	color: #fff;
	font-family: Arial, Verdana Helvetica, sans-serif; 
	font-size: 12px;
	margin: 0 39px 0 39px;  
}
#header a { font-weight: bold; color:#fb9d00; text-decoration: none;}
#header a:hover { text-decoration: underline;}
#welcome { width: 463px; padding: 55px 0 0 45px;}

.side-bg { background: #68a4ed url(images/hp-sidebar-repeat.jpg) repeat-x top; color: #000000; }
.hp-left { background: url(images/hp-l-top.gif) no-repeat top; }
.hp-right{ background: url(images/hp-r-top.gif) no-repeat top; }

#mainnav { 
	width: 912px; 
	background: url(images/bg-nav.jpg) repeat-x bottom; 
	height: 16px;
	display: block; 
	color: #fff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 39px 0 39px; 
	padding: 10px 0 10px 0;
}
#mainnav a { 
	padding: 10px 14px 8px 14px;
	height: 50px;
	color: #fff;
	text-decoration: none;
	margin-top: 10px; 
} 
#mainnav a:hover { 
	padding: 10px 14px 8px 14px;
	color: #fff;
	text-decoration: none;
	background: #649de3;
}
#activelink { 
	display: inline;
	padding: 10px 14px 8px 14px;
	color: #fff;
	text-decoration: none;
	background: #649de3;
}
#hp-students { 
	width: 400px; 
	display: block;
	margin-right: 26px; 
	padding-left: 25px;
	min-height:277px; 
	background:url(images/col-bg.jpg) repeat-x top;
	font: 12px Arial, Verdana, Helvetica, sans-serif; 
	border-bottom:1px dashed #949494; 
}
#hp-students a { font-weight: bold; color:#f26528; text-decoration: none;}
#hp-students a:hover { text-decoration: underline;}
.pic-border { border:8px solid #e3e3e3; margin: 0 20px 10px 0; }
.pic-border2 { border:8px solid #e3e3e3; margin: 0 0 10px 20px; }

#downloads { 
	width: 450px;  
	display: block; 
	min-height:100px; 
	color:#f26528;
	background: #f8f8f8 url(images/download-bg.gif) no-repeat top;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 30px;
	margin-top:30px; 
	line-height: 20px;
}
#downloads a { font-weight: bold; color:#f26528; text-decoration: none;}
#downloads a:hover { text-decoration: underline;}
#downloads table{ margin: 10px 0 0 24px; }

#coolideas { 
	width: 450px;  
	display: block; 
	min-height:100px; 
	color:#486fab;
	background: #f8f8f8 url(images/cool-ideas-bg.gif) no-repeat top;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	padding-top: 30px; 
	line-height: 20px;
}
#coolideas a { font-weight: bold; color:#486fab; text-decoration: none;}
#coolideas a:hover { text-decoration: underline;}
#coolideas table{ margin: 10px 0 0 24px; }
#coolideas li{ margin:0 0 10px 0; padding-left:-3px; list-style-position:inside; color:#486fab; list-style: square; }


#side-pledge { 	
	width: 161px;
	font: 11px Arial, Verdana, Helvetica, sans-serif; 
	color:#31385b;
	font-weight: bold;
	border-bottom:1px dashed #fff; 
	border-top:1px dashed #fff;
	margin: 2px 0 10px 15px;
	padding: 8px 0 8px 10px; 
	line-height: 15px;
	}
	
#next { 	
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#68a4ed;
	font-weight: bold;
	margin-right: 40px;
}
#next a { font-weight: bold; color:#68a4ed; text-decoration: none;}
#next a:hover { text-decoration: none;}
#next img { margin-bottom: -8px; padding-left: 5px;}

#content { 
	width: 450px;
	display: inline;
	margin-right: 26px;
	padding-right: 20px;
	padding-left: 25px;
	float: right;
	height:100%; 
	background:url(images/col-bg.jpg) repeat-x top;
	font: 12px Arial, Verdana, Helvetica, sans-serif; 
	border-left:1px dashed #949494; 
	line-height: 20px;
}
#content a { font-weight: bold; color:#f26528; text-decoration: none;}
#content a:hover { text-decoration: underline;}

#hp-list { line-height:1.3em; padding-top: 8px; }
.hp-tabholder {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;  margin:18px 20px 0 24px; color:#494949; line-height: 15px; }
.hp-tabholder strong{color:#000;}
.hp-tabholder a {color:#494949; text-decoration:none; } 
.hp-tabholder a:hover {color:#494949; text-decoration:underline; } 

.tab-bg { background: url(images/tab-bg.jpg) repeat-x top; }
.tabholder {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin-left:5px; margin-right:6px; color:#494949;} 
.tab { color:#494949; text-decoration:none; } 
.tab_on { color:#494949; text-decoration:underline; } 
.tab a:hover {color:#494949; text-decoration:underline; } 
.li_tab {margin:0 0 3px -30px; padding-left:-3px; list-style-position:inside; color:#494949;}
.li_tab a:hover {text-decoration:underline;}


.tabholder {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;  margin:18px 20px 0 24px; color:#000; line-height: 15px; }
.tabholder strong{color:#000;}
.tabholder a {color:#000; text-decoration:none; } 
.tabholder a:hover {color:#000; text-decoration:underline; } 
.tab-ttl { width:174px; height: 20px; background: url(images/tab-sidebar.gif) no-repeat top; padding-top: 14px; margin-left: 10px; }

.hp-school { font:100% Arial, Verdana, Helvetica, sans-serif; padding-left:5px; color:#31385b; font-weight:bold;}
.hp-graph { font:95% Arial, Verdana, Helvetica, sans-serif; padding-left:5px; color:#000;}
.hp-total { 
font:250% Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
padding-left:5px; 
color:#fff;
width:170px;
height: 34px;
background: url(images/total-bg.gif) no-repeat; 
margin: 8px 2px 5px 0;
}
.hp-curve-top { background: url(images/hp-content-top.jpg) no-repeat top; }
.curve-top { background: url(images/content-top.jpg) no-repeat top; }
.hp-col-btm { background: url(images/hp-col-r.gif) no-repeat top; }
.col-btm { background: url(images/col-r.gif) no-repeat top; }
.hp-colL { background: url(images/hp-col-l.gif) no-repeat top; }
.colL { background: url(images/col-l.gif) no-repeat top; }

.field-login { 
	width: 171px;
	height:18px;
	background:#fff;
	border:1px solid #999;
	margin:0; 
	padding:2px 0 0 6px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#666;
}
.field-login2 { 
	width:178px; height:20px;
	background:#fff;
	border:1px solid #999;
	margin:0; 
	padding:2px 0 0 6px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#666;
}
.field-login3 { 
	width:171px; height:60px;
	background:#fff;
	border:1px solid #999;
	margin:0; 
	padding:2px 0 0 6px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#666;
}
.field-login4 { 
	width:60px; height:20px;
	background:#fff;
	border:1px solid #999;
	margin:0; 
	padding:2px 0 0 6px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#666;
}

/*******************/
/*  subnav styles  */
/*******************/
.subBg { 
background:url(images/col-bg.jpg) repeat-x top; 
margin-left: 22px; 
width: 168px;
min-height: 276px;
}
.subTtl { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:110%; font-weight: bold; color:#000; line-height: 15px; padding: 40px 0 5px 12px;}
.subTtl a { color:#000; text-decoration: none; }
.subTtl a:hover { color:#000;  text-decoration: underline; }
.subNav { width: 149px; display:block; padding: 0 0 10px 0;}
.subNav a {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	color:#708831;
	text-decoration: none;
	display: block;
	width: 157px;
	padding: 7px 0 7px 12px;
}
.subNav a:hover {
	background: url(images/subnav-o.jpg) repeat-y top;
	color:#708831;
	text-decoration: none;
	padding-left: 12px;
}
.activeLink {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#5e7423;
	display: block;
	width: 157px;
	background: url(images/subnav-o.jpg) repeat-y top;
	padding: 7px 0 7px 12px;
}

/*******************/
/*  footer styles  */
/*******************/

#footer { line-height: 5px;}
#hp-logos { width: 560px; padding: 10px 0 30px 100px; margin: 10px 0 0 24px; border-top:1px dashed #949494; }
#utility {
	color: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 25px 0 0 0;
}
#utility a { color: #fff; text-decoration: none; }
#utility a:hover { color: #fff; text-decoration: underline; }

#credits {
	color: #ffdfa2;
	font: 10px Arial, Verdana, Helvetica, sans-serif;	
} 
#credits a { color: #ffdfa2; text-decoration: none; }
#credits a:hover { color: #ffdfa2; text-decoration: underline; }