@charset "utf-8";
/* CSS Document */

html,body {

	text-align: center;
   	color:white;
}

body {

	background:white;
	color:black;
	font-family:"Trebuchet MS", trebuchet, sans-serif;
	min-width:953px;
	font-size:100%;
}

a:link img{
	
	border:none;
}
#wrapper{

	min-width:953px;
	position: relative;
  	margin: 0px auto;
  	height: 558px;
	width: 953px;
	border: none;
  	text-align: left;
  	top:0px;
	font-size:.85em;
}

#header{

	position: relative;
	left:0px;
	top:0px;
}

#htop{
	position:relative;
	left:0px;
	top:0px;
	height:75px;
	text-align:left;
	background-image:url(../images/logo4.jpg);
	background-repeat:no-repeat;
}

#welcome{
	float:right;
	text-align:right;
	font-size:.8em;
	font-weight:bold;
	color:black;
	margin-bottom:10px;	
	margin-top:10px;
	z-index:50;
	
}

#hbot{
	clear:both;
	background:white;
	position:relative;
	/*margin-top:5px;*/
	color:black;
	font-weight:bold;
	
}

#hbot .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}


#hbot .bd {

 background:transparent url(../images/nav/t.gif) no-repeat 0px 0px;
 

}

#hbot .bd .c {

 background:transparent url(../images/nav/tr.gif) no-repeat right 0px;

}

#hbot .ft {
 background:transparent url(../images/nav/f2.gif) no-repeat 0px 0px;
}

#hbot .ft .c {
 background:transparent url(../images/nav/fr2.gif) no-repeat right 0px;
}

#navmain{
	
	font-size:100%;
	position:relative;
	padding:0px;
	margin:0px;
	text-align:left;
	padding:0 0 1px 0;
	margin: 0 0 0 0;

}

#navmain ul{
	padding:0;
	margin: 0;
	margin-top:4px;
	padding-top:4px;
	
}

#navmain ul li{

	display:inline;
	list-style-type:none;
	padding:0;
	margin: 0;
	padding-left:10px;
	padding-right:5px;

}

#navmain a:link{color:black; text-decoration:none;}

#navmain a:visited{color:black; text-decoration:none;}
#navmain a:hover{color:white; text-decoration:underline;}


#navmain #active a:link{color:white; text-decoration:none;}
#navmain #active a:active{color:white; text-decoration:none;}
#navmain #active a:visited{color:white; text-decoration:none;}
#navmain #active a:hover{color:white; text-decoration:underline;}


#navmain #active a{

	display:inline;
	font-style:italic;
	font-size:1.4em;
	color:white;
	line-height:1.6em;
	
}

#current #currenttext a:link{color:white; text-decoration:none;}
#current #currenttext a:active{color:white; text-decoration:none;}
#current #currenttext a:visited{color:white; text-decoration:none;}
#current #currenttext a:hover{color:white; text-decoration:underline;}

#portals{

	visibility:visible;
	color:white;
	font-weight:bold;
	text-align:right;
	float:right;
	height:45px;
	width:300px;
	background:white;
	position:relative;
	top:-11px;
	right:0px;
	background:transparent url(../images/nav/portals2.gif) no-repeat;
	margin-bottom:-11px;

}

#portals p{
	
	margin:0px 10px 0px 0px;
	font-size:10px;
	font-style:italic;
	color:white;
}

a.students { 

margin-top:0px;
margin-left:2px;
float:right; 
display:block;
width: 81px;  
height: 23px;  
background: url(../images/nav/portals/students2.gif) no-repeat 0 0;  
}  

a:hover.students {  
background-position: -81px;  
} 

a.parents {  

margin-top:0px;
margin-left:2px;
float:right;
display:block;
width: 81px;  
height: 23px;  
background: url(../images/nav/portals/parents2.gif) no-repeat 0 0;  
}  

a:hover.parents {  
background-position: -81px;  
} 

a.teachers {  

margin-top:0px;
margin-left:2px;
float:right;
display:block;
width: 81px;  
height: 23px;  
background: url(../images/nav/portals/teachers2.gif) no-repeat 0 0;  
}  

a:hover.teachers {  
background-position: -81px;  
} 

#breadcrumb{


text-align:left;
margin-top:3px;
margin-left:215px;
zoom:1;
color:black;
font-size:small;
font-style:italic;

}

#breadcrumb a{
	
}

#breadcrumb a:link {color:#000099;}
#breadcrumb a:visited {color:#000099;}
#breadcrumb a:hover {color:#CC0000;}
#breadcrumb a:active {color:#CC0000;}

#main{

	clear:right;
	position: relative;
	margin-left:215px;
	min-height:400px;
	height:auto !important;
  	height:400px;
	left:0px;
	margin-top:0px;
	background-image:url(../images/mainback.gif); background-repeat:no-repeat;
	padding: 8px 0 0 8px;
	
}



#leftnav{
	
	clear:both;
	position:relative;
	float:left;	
	width:215px;
	top:-11px;
	color:white;

}

.left{
	position:relative;
}

.left .hd .c{
font-size:1px;  /* ensure minimum height */
 height:16px;
}

.left .ft .c {
 font-size:1px; /* ensure minimum height */
 height:15px;
}

.left .ft .c {
 height:15px;
}

.left .hd {
 background: url(../images/nav/lefttop/t2.gif) no-repeat 0px 0px;
}

.left .hd .c {
 background: url(../images/nav/lefttop/tr2.gif) no-repeat right 0px;
}

.left .bd {

padding-left:10px;

background: url(../images/nav/lefttop/b.gif) repeat-y 0px 0px;
 
}

.left .bd .c {

padding-right:25px;
background: url(../images/nav/lefttop/br.gif) repeat-y right 0px;
padding-bottom:1px; /* added this to fix an odd bottom repeat in IE6 (of course) */
}

.left .ft {
 background: url(../images/nav/lefttop/f.gif) no-repeat 0px 0px;

}

.left .ft .c {
 
 background: url(../images/nav/lefttop/fr.gif) no-repeat right 0px;

}

.left p{
	
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
text-align:right;


}


.left hr{

margin: 15px 5px 5px 5px;
color:#666;
background-color:#666;
height:2px;
border: 2px dashed #666;


}
#ql p{
padding:3px;
text-align:left;
	
}


.qlhead{
	
	font-weight:bold;
	font-style:italic;
	font-size:1.1em;
	margin-bottom:15px;
}

#ql a:link {color:white;}
#ql a:visited {color:white;}
#ql a:hover {color:#CC0000;}
#ql a:active {color:white;}



#main a:link {color:#30F;text-decoration:none;}
#main a:visited {color:#30F;text-decoration:none;}
#main a:hover {color:#CC0000; text-decoration:underline;}
#main a:active {color:#30F;text-decoration:none;}

#main h1{
	
	display:inline;
	margin-bottom:0px;
	margin-top:5px;
	margin-left:0;
	font-size:2.5em;
	font-weight:bold;
	letter-spacing:-1px;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:10px;

}

#main h2{
	margin:0;
	margin-top:2px;
	margin-left:5px;
	padding:0;
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	color:#999;
	padding-right:10px;
}

#main h3{
	padding-right:10px;
	
}

#main h4{
	padding-right:10px;
	
}



#main p{
	
	margin-top:5px;
	margin-bottom:0px;
	margin-left:10px;
	
	
	
}


	
.float-top-right{
	float:right;
	/*margin:0px 0px 10px 10px;*/
	padding:0px 0px 10px 10px;
}

#admingrid h1{
	margin:0;
	padding:0;
	font-size:1.1em;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0px;
}

#admingrid h2{
	margin:0;
	padding:0;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	color:#369;
	margin-bottom:5px;
}

#admingrid img{
	border:2px solid black;
	margin-bottom:15px;
}

.center{
	
	text-align:center;	
}

#footer{

	clear:both;
	position:relative;
	height:1.5em;
	line-height:1.5em;
	text-align:right;
	color:black;
	font-size:1em;
	font-weight:bold;
	margin-top:	10px;
	padding-bottom:5px;
	border-top:2px dashed #999999;
	
}

.indent20{
	padding-left:20px;	
}

.rightpic{
	
	
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	border: 2px solid #999999;
}


.altback{
	background-color:#CCC;
}

.yellowback{
	background-color:#FEFBE2;
}


#newscontainer{
	width:95%;	
	margin:0;
	padding:0;
}

#newsleft{
	width:320px;
	float:left;
	margin:0;
	padding:0;
}

#newsright{

	width:320px;
	float:right;
	margin:0;
	padding:0;
}


.eventheader{
	
	padding:2px 2px 2px 2px;
	font-weight:bolder;
	background-color:#999;
	color:white;
	font-size:150%;
	letter-spacing:-2px;
	border:1px solid #333;
}

.eventcontent{
	padding-left:15px;
	font-size:90%;
	line-height:100%;
	padding-top:5px;
	padding-bottom:5px;
}

#right_menu{
	float:right;
	margin:50px 0 10px 20px;
	padding:10px;
	border:1px dashed #666;
	background:#CCC;
}

#right_menu h1{
	padding:0px;
	margin:0px;
	font-size:1.4em;
}

#right_menu p{
	padding:0px;
	margin:0px 0px 3px 0px;
}

.bigger_font{
	font-size:150%;
	font-weight:bold;
}

#oec{
	margin-left:25px; border:1px solid #CCC;
	
}

#oec  td{
	 border:1px solid #CCC;
	 padding:2px;
}

#schools p{
	padding:0px;
	margin:0px;
		
}

#schools td{
	padding:5px 3px 5px 3px;
		
}

#policy{
	float:left;
	width:400px;
	
}

#policy p{
	font-size:8pt;
	margin:0;
	padding:0;
	line-height:normal;
	text-align:left;
	font-weight:normal;
	font-family:arial;
	letter-spacing:0;
	font-style:italic;
	color:#999;
}

.twopxborder{
	border:2px solid #666;	
}

.storypic{
	height:180px;
	width:250px;
	border:2px solid black;
	margin:10px;
	
}

.nomargin{
	margin:0px;
	padding:0px;
	
}

#main img{
	margin:5px;	
}




#teacherportal{background-image:url(../images/teacher_portal_back.gif); background-repeat:no-repeat;background-position:right top;}
#parentportal{background-image:url(../images/parent_portal_back.gif); background-repeat:no-repeat;background-position:right top;}
#studentportal{background-image:url(../images/student_portal_back.gif); background-repeat:no-repeat;background-position:right top;}


table.eventgrid{
	padding-left:20px;
	border:none;
	
	}

table.eventgrid td{
	width:50%;
	border:2px solid #666;
	background:#ECECEC;
	text-align:center;
	vertical-align:top;
	valign:top;
	padding:10px;
	margin:0px;
}

table.eventgrid p{


	
}

table.eventgrid img{


border:2px solid white;

}

#homeannounce{
	width:350px;
	border: 2px solid #009;
	background:#009;
	color:white;
	text-align:center;
	margin-bottom:15px;
}

#homeannounce .heading{
	background:#FFF;
	color:#006;
	font-size:1.5em;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	padding:5px;
	margin:0px;
	
}

#homeannounce .smallright{
	margin:0px;
	padding:0px 5px 5px 5px;
	font-size:.8em;
	text-align:right;

}

#homeannounce .smallright a:link {color:white;}
#homeannounce .smallright a:visited {color:white;}
#homeannounce .smallright a:hover {color:#CC0000;}
#homeannounce .smallright a:active {color:white;}

#homeannounce p{
	font-size:1.2em;
	color:white;
	padding:0px 10px 10px 10px;
	text-align:left;
	
}