/*--------------------- zero out elements ----------------------*/

* {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul { margin: 0 0 15px 0; }

html, body { 
margin: 0;
padding-top: 10px;
background:#000066;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #FFF;
font: 13px/21px "Comic Sans MS", verdana, arial, sans-serif;
}

#pagewrap {
width: 840px;
text-align:left;
margin: 0 auto;
padding: 10px 0 0 0;
background-color: #4265DC;
}

#container {
width: 780px;
margin: 0 auto 0 auto;
background-color: #4265DC;
border: 1px solid #FFF;
text-align: left;
}



#container3 {
	width: 780px;
	margin: 10px auto 0 auto;
	background-color: #4265DC;
	text-align: left;
	
}



#home_container {
width: 780px;
margin: 0 auto 0 auto;
background: #4265DC url(images/home.jpg) 50% 0 no-repeat;
height: 550px;
text-align: left;
}

#home_container p {
font: normal 16px "Comic Sans MS", verdana, helvetica, arial, sans-serif;
color: #FFF;
text-align: center;
padding: 460px 0 5px 0;
}

#home_container span { display: block; padding: 8px 0 0 0; }

#container3 .leftcol {
float: left;
width: 215px;


}

#container3 .leftcol p {
	color: #FFF;
	font: 13px/19px "Comic Sans MS", verdana, arial, sans-serif;
	padding: 0 20px 0 0;
}

#container3 .leftcol p a {
	color: #FFCC33;
	text-decoration: underline;
	font-weight: bold;
}

#container3 .maincol {
	margin-left: 215px;	
border-left:1px dotted #FFFFFF;}



#container3 .maincol p {
	padding: 0 10px 0 30px;
	
}

#container3 .maincol p a {
	color: #FFCC33;
	
}
	


* html #container3 .maincol { margin-left: 212px; height: 1%; } /* Fix the 3-pixel jog in just IE/Win 6 */


/*--------------------- for top menu ----------------------*/
ul#nav {
margin: 0px auto;
white-space: nowrap;
width: 820px; /* force layout */
text-align: center;
list-style:none;
background-color: #4265DC;
}

#nav li {
float: left;
width: 16.1%;/* 100% divided by 6 items but not really */
white-space: nowrap;

}

#nav li.current a {color:#FFCC33; }

#nav a {
color: #FFF;
text-decoration: none;
font: bold 16px "Comic Sans MS", verdana, arial, sans-serif;

}



#nav a:hover { color: #96d5fa; }


/*--------------------- levi and jenna's run ----------------------*/

#run {
width: 350px;
margin: 0 auto 0 auto;
text-decoration: none;
border: 1px solid #fff;
text-align: center;
padding: 2px;

}

#run a {
color: #fff;
font: bold 14px "Comic Sans MS", verdana, arial, sans-serif;
text-align: center;
text-decoration: none;
}

#run a:hover {
color: #FFCC33;
}






.clr {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}


#footer {
width:100%;
margin-top: 10px;
/* clear: both; */
}

#footer p {
font: 10px "Comic Sans MS", verdana, helvetica, arial, sans-serif;
color: #FFF;
text-align: center;
}

#box { 
float: right;
width: 80px;
border: 2px solid #FFCC33;
margin: 0 0 5px 25px;
background-color: #FFFFFF;
padding: 8px;
}



#box a {
color: #4265DC;
	text-decoration: underline;
	font-weight: bold;
}


/*--------------------- for assorted vertical spacing needs ----------------------*/

.spacer1 {padding: 3px 0;}
.spacer2 {padding: 5px 0;}
.spacer3 {padding: 10px 0;}
.spacer4 {padding: 15px 0;}
.spacer5 {padding: 25px 0;}
.spacer6 {padding: 100px 0;}

/*--------------------- let's get to regular old styling needs for content  ----------------------*/

img { border: none; }

a:link, a:visited { color: #A85959; text-decoration: underline; }
a:hover { color: #A85959; text-decoration: none; }


h1 { font: bold 24px/28px "Comic Sans MS", verdana, arial, sans-serif; color:#96d5fa;; margin: 0 0 30px 0; text-align: center; }

h2 { font: bold 12px/19px verdana, helvetica, arial, sans-serif; margin-bottom: 8px; color: #990000; text-align:left; }

h3 { font: 12px/19px verdana, helvetica, arial, sans-serif; margin-bottom: 8px; color: #990000; text-align:left; }

p {
	font: 14px/23px "Comic Sans MS", verdana, helvetica, arial, sans-serif;
	color: #FFF;
	padding: 0 30px 0 30px;
	text-indent: 30px;
}

.medium {
font: 11px/16px verdana, helvetica, arial, sans-serif;
color:#A85959;
}

.small {
font: 10px/15px verdana, helvetica, arial, sans-serif;
color:#A85959;
}

.bigger {
font: 12px/20px verdana, helvetica, arial, sans-serif; 
color: #666058;
}

.centered {text-align: center; }

.floatright {
float: right;
margin: 0 15px 0 8px;
padding: 0 5px 5px 0;


}


.floatleft {
	float: left;
	margin: 0 3px 3px 25px;
	display: inline;
	padding: 0 5px 0px;
}


.floatleft2 {
	float: left;
	margin: 0 20px 15px 0;
	display: inline;
	
}