/*Full Reset***************/
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
*{margin:0px; padding:0px;} img {border:none;} a {outline:none;}
/*End of resets -----******/

a { text-decoration:none; }
.curved { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:3px solid; }

.p10 {width:10%}
.p20 {width:20%}
.p25 {width:25%}
.p30 {width:30%}
.p40 {width:40%}
.p50 {width:50%}
.p60 {width:60%}
.p70 {width:70%}
.p80 {width:80%}
.p90 {width:90%}
.p10 {width:100%}

/*--------------------------------*/
/*Mojo*/
/*--------------------------------*/
body { background-color:  #BED9EA; }
.container {
	display:block; overflow:hidden; margin:0px auto; padding:0px; 
	width:980px; color:#FFF;
	background:url(../_img/bg.jpg) repeat-y;
}

/*--------------------------------*/
/*Header*/
/*--------------------------------*/
.header {display:block; overflow:hidden; margin-top:50px; clear:both; }
.mainLogo{
	float:left;
	width:769px;
}

.subLogo{
	float:right;
	width:191px;
}

/*--------------------------------*/
/*Nav*/
/*--------------------------------*/
.nav{
	float:left;
	width:769px; height:60px;
}
.nav ul {display:inline; list-style:none; margin:0px; padding:0px;}

.nav li { 
	padding:0px; margin-left:8px;
	display:block; float:left;
}

#nav .home{
	margin-left:0px;
}

#nav li ul{
	display:block;
}
#nav li{display:block;overflow:hidden;float:left;list-style:none;}
#nav li ul{display:none;}
#nav li:hover ul{
	display:block;overflow:hidden;position:absolute;font-size:11px;
	margin:0px 0px 0px 0px; width:290px; padding:9px;
}
#nav li:hover ul li a{height:auto; display:inline; width:auto;}
#nav li:hover ul li{float:left; width:125px; line-height:12px; margin-top:5px; margin-bottom:5px;}
#nav li:hover ul a{background:none;}
#nav a{display:block;overflow:hidden;color:#FFFFFF; cursor:pointer;}
#nav a:hover{color:#FFFF00;}
#nav li:hover ul a:hover{}

#nav .home a{width:133px; height:60px; background-color: #005DAB;}
#nav .schoolinfo a{width:178px; height:60px; background: #028040;}
#nav .learningzone a{width:151px; height:60px; background: #C6121B;}
#nav .parent a{width:133px; height:60px; background: #6D0C6B;}
#nav .events a{width:133px; height:60px; background: #F77A1E;}

#nav .home ul{background-color: #005DAB; border: 1px solid #005DAB;}
#nav .schoolinfo ul{border: 0px; background: #028040 top no-repeat;}
#nav .learningzone ul{background: #C6121B; border: 1px solid #C6121B;}
#nav .parent ul{background: #6D0C6B; border: 1px solid #6D0C6B;}
#nav .events ul{background: #F77A1E; border: 1px solid #F77A1E;}

/*--------------------------------*/
/*Forms*/
/*--------------------------------*/
fieldset {
	border:0px;
	padding:0; margin:0;
}

fieldset p {
	display:block; overflow:hidden;
	line-height:20px; margin:0px; padding:0px 0px 10px 0px;
}

label {
	display:block; overflow:hidden;
	width:150px; padding-right:20px;
	float:left;
	text-align:right;
}

textarea {
	border:1px solid #000000;
	width:386px;
	padding:7px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

/*--------------------------------*/
/*Main*/
/*--------------------------------*/

.button_frame {
	width:305px;
	float:right;
	margin-right:20px;
}

.button_frame img {
	margin-top:10px;
}
.main{
	display:block; overflow:hidden;
}

.image_frame {
	height:244px; width:954px;
	overflow:hidden;
}

.image_frame .main_comment {
	width:550px;
	float:left;
	margin:20px 0 0 20px;
}

.image_frame .small_comment {
	width:400px; height:50px;
	line-height:25px;
	float:left;
	margin-left:20px;
}

.image_frame h1 {
	color:#0072BB;
	font-size:32px;
	font-weight:normal;
	line-height:45px;
	margin-top:-5px;
	margin-bottom:10px;
}

.image_frame h3 {
	color:#898989;
	font-size:14px;
	font-weight:normal;
}

.content_frame {
	width:595px;
	margin-top:10px;
	float:left;
	padding:20px;
}
.content_frame  h2 {
	color:#FFF;
	padding:0;
	margin:0;
	font-size:22px;
	font-weight:normal;
}
.content_frame  p{
	color:#FFFFFF; font-size:14px;
	padding-right:5px;
}
.content_frame .image {
	float:right;
	height:244px; width:233px;
	padding-right:-3px;	
}

.content_wide {
	width:954px;
	margin-top:10px;
}
.content_wide  .line{
	width:920px; height:1px;
	margin: 0 0 20px 20px;
	background-color:#707070;
}
.content_wide h2 {
	margin: 10px 0 10px 20px;
	color: #00A651; 
}
.content_wide p {
	margin: 0 20px 20px 20px;
	color:#898989; font-size:14px;
}

.t2 {
	width:920px; min-height:120px;
	margin: 10px 0 20px 20px;
}

.t2 .content {
	width:920px;
}

.t2 h3 {
	margin:0px;
	font-size:16px; font-weight:normal;
	float:left;
}

.t2 p {
	margin:0px;
}

	.t2 .navigation {
		width:900px; height:35px;
		margin: 0 0 20px 0px;
	}

	.t2 #menunav-container {
		display:inline;
		height:35px;
		margin: 20px 0px 22px 40px;
	}
	.t2 .bt {
		margin-top:15px;
	}
	
	.t2 .top_nav a{
		float:left;
		background:url(../_img/button_left.png) no-repeat left top;
		padding:0 0 0 18px;
		text-decoration:none;
		margin-right:15px;
	}

	.t2 .top_nav a span{
		float:left;
		display:block;
		background:url(../_img/button_right.png) no-repeat right top;
		text-align:center;
		padding:5px 18px 9px 0px;
		font-weight:bold;
		color:#FFF;
	}

	.t2 .top_nav a:hover{background-position:0% -36px;}
	.t2 .top_nav a:hover span{background-position:100% -36px;}

	
	

.t3 {
	width:920px; height:150px;
	border-bottom: 1px solid #707070;
	margin: 0 0 20px 20px;
}
.t3 .image {
	width:188px; height:130px;
	float:left;
	margin-right:10px;
}
.t3 .content {
	width:715px; height:150px;
	float:right;
}

.t3 p {
	margin:0px;
}

.t3 h3 {
	margin:0px;
	font-size:18px; font-weight:normal;
}


.t4 {
width:920px; height:100px;
border-bottom: 1px solid #707070;
margin: 0 0 20px 20px;
}
.t4 .image {
	width:108px; height:80px;
	float:left;
	margin-right:10px;
}
.t4 .content {
	width:795px; height:100px;
	float:right;
}

.t4 p {
	margin:0px;
}

.t4 h3 {
	margin:0px;
	font-size:18px; font-weight:normal;
}
/*--------------------------------*/
/*Footer*/
/*--------------------------------*/
.footer {
	width:954px; margin-top:10px; overflow:hidden; display:block;
	background-color:#FFFFFF;
}

.logos {
	height:75px; width:960px; margin:10px 0;
}

.col1 {
	width:230px;
	margin:3px 3px 0 20px;
	float:left;
}

.col2 {
	width:230px;
	margin:3px 3px 0 0;
	float:left;
}

.col3 {
	width:230px;
	margin:3px 3px 0 0;
	float:left;
}

.col4{
	width:230px;
	margin:3px 3px 0 0;
	float:left;
}

.footer h4 {
	font-size:12px; font-weight:bold; margin:12px 0; padding:0px;
	color: #555555;
}
.footer p {
	font-size:12px; line-height:2px;
	color: #898989;
}

.footer a {
	font-size:12px; line-height:2px;
	color: #898989;	
}