/*************** General ****************/
* { 
padding : 0;
margin : 0;
} 

.clear {
clear: both;
height: 0;
}

body { 
font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 13px;
background-image : url(images/bg.jpg); 
background-color :  #99cccc;;
background-repeat : repeat-x;
}
 
p { 
color : #787878;
}
 
h1 { 
font-size : 1.6em;
}
 
h2 { 
font-size : 1.4em;
}
 
h3 { 
font-size : 1.2em;
}
 
a { 
color : #99cccc;
text-decoration : none;
} 

a:hover { 
color : #003366;
text-decoration : under;
} 

/*************** Wrapper ****************/

#wrapper { 
margin : 0 auto;
width : 822px;
} 

/*************** Header ****************/

#header { 
color : #333;
width : 820px;
float : left;
padding : 0 0 0 0;
height : 200px;
margin : 0 0 0 0;
background-image : url(images/header.jpg);
background-repeat : no-repeat;
} 


#header h3 { 
margin-left : 320px;
margin-top : -60px;
} 

/*************** Logo ****************/

.logo h1#lineone { 
font-size : 1.7em;
font-weight : lighter;
padding-top : 90px;
padding-left : 25px;
color : #003366;
border : none;
top : 0;
left : 14px;
letter-spacing : -1px;
} 

.logo h1#lineone span { 
color : #99cccc;
} 

.logo h3#linethree span { 
color : #99cccc;
} 

.logo h2#linetwo { 
padding-left : 25px;
font-size : 0.9em;
text-transform : none;
top : 25px;
left : 14px;
color : #99cccc;
} 

.logo h3#linethree { 
padding-left : 25px;
font-size : 2.5em;
text-transform : none;
padding-top : 0px;
left : 14px;
color : #003366;
} 

.logo a { 
color : #99cccc;
text-decoration : none;
} 

/*************** Navigation ****************/

#navigation { 
float : left;
width : 820px;
color : #333;
padding : 10px 0 10px 0;
margin : -40px 0 0 15px;
} 

#navigation ul { 
list-style-type : none;
text-align : center;
} 

#navigation li { 
display : inline;
} 
#navigation a { 
float : left;
width : 150px;
text-decoration : none;
color : #003366;
padding : 3px;
} 

#navigation a:hover { 
color : #82aeaf;
} 

/*************** Leftcolumn ****************/

#leftcolumn { 
color : #333;
margin : 0 0 0 10px;
padding : 0 0 10px 0;
height : 350px;
width : 210px;
float : left;
} 

/*************** Leftnav ****************/

.leftnav ul { 
list-style : none;
} 

.leftnav li { 
margin : 0 0 2px 0;
} 

.leftnav li a { 
display : block;
width : 199px;
height : 40px;
line-height : 30px;
background : url(images/nav.jpg) no-repeat left top;
text-indent : 10px;
color : #99cccc;
text-decoration : none;
font-weight : bold;
padding-top : 5px;
} 

.leftnav li a:active, .leftnav li a:hover { 
background-position : right top;
color : #003366;
font-weight : 800;
} 

/*************** News ****************/

.news { 
background-image : url(images/leftboxtop.jpg);
background-repeat : no-repeat; 
margin-top : 25px;
width : 200px;
min-height : 100px;
} 

.news h3 { 
color : #336698;
font-family : verdana;
font-size : 1em;
margin-left : 10px;
margin-right : 10px;
margin-top : 4px;
padding-top : 20px;
padding-bottom : 5px;
padding-left : 5px;
}
 
.news h4 { 
font-family : verdana;
font-size : 0.9em;
padding-top : 10px;
padding-left : 15px;
padding-bottom : 5px;
color : #46df32;
margin-left : 10px;
}
 
.news p { 
font-family : verdana;
font-size : 0.75em;
padding-left : 15px;
padding-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
padding-right : 20px;
background-color : #eff6ff;
}
 
.news a   { 
color : #000080 ;
} 


.news  a:hover  { 
color : #99cccc ;
} 

/*************** Newsbottom ****************/

.newsbottom { 
height : 15px;
background-image : url(images/leftboxbottom.jpg);
background-repeat : no-repeat;
}

/*************** Rightcolumn ****************/
  
#rightcolumn { 
float : right;
color : #333;
margin : 0 10px 0 0;
padding : 0 0 0 0;
min-height : 350px;
width : 578px;
display : inline;
border-left : 5px solid #99cccc;
border-right : 5px solid #99cccc;
background-color : #ffffff;
} 

#rightcolumn h1 { 
margin : 0 5px 0 5px;
padding : 0 0 0 5px;
color : #C0C0C0;
background-color : #003366;
}
 
#rightcolumn h2 { 
margin : 10px 5px 0 5px;
padding : 0 0 0 5px;
color : #C0C0C0;
background-color : #003366;
}
 
#rightcolumn p { 
padding : 10px 5px 0 5px;
text-align : justify;
font-size : 1.1em;
}
 
#rightcolumn li { 
   font-family: sans-serif,Geneva, Arial, Helvetica;
	font-size: 14px;
	text-align:center;
	color : #000000;
}

#rightcolumn a   { 
color : #000080 ;
} 

#rightcolumn span { 
color : #000080 ;
} 


#rightcolumn a:hover  { 
color : #99cccc ;
} 

#rightcolumn h3 { 
margin : 10px 5px 0 5px;
background-color : #eff6ff;
}

/*************** Highschool ****************/
  
#highschool { 
float : right;
color : #333;
margin : 0 10px 0 0;
padding : 0 0 0 0;
min-height : 350px;
width : 578px;
display : inline;
border-left : 5px solid #99cccc;
border-right : 5px solid #99cccc;
background-color : #ffffff;
} 

#highschool h1 { 
margin : 0 5px 0 5px;
padding : 0 0 0 5px;
color : #C0C0C0;
background-color : #003366;
}
 
#highschool h2 { 
margin : 10px 5px 0 5px;
padding : 0 0 0 5px;
color : #C0C0C0;
background-color : #003366;
}

#highschool h3 { 
text-align:center; 
background-color : #eff6ff;
}
 
#highschool p { 
padding : 10px 5px 0 5px;
text-align : justify;
font-size : 1.1em;
}
 
#highschool ul { 
   font-family: sans-serif,Geneva,Helvetica,Arial; 
	font-size: 11px;
	padding : 10px 5px 0px 20px;
	color : #000080;
}

#highschool a   { 
color : #000080 ;
} 


#highschool a:hover  { 
color : #99cccc ;
} 

/*************** Inset ****************/

.inset { 
float : right;
width : 250px;
height : 250px;
padding : 10px;
margin : 10px 5px 5px 5px;
color : inherit; 
font-size : 85%;
background-image : url(images/adbg.jpg);
background-repeat : no-repeat;
}

.inset p { 
text-align:justify;
color : #000080 ;
}

/*************** Adunit ****************/

.adunit { 
width : 478px;
height : 70px;
margin : 10px auto;
background-image : url(images/468au.jpg);
background-repeat : no-repeat;
}
 
.adunit h3 { 
padding-left : 15px;
padding-top : 5px;
}

/*************** Righttop ****************/
 
.righttop { 
float : right;
color : #333;
margin : 0 0 0 0;
padding : 0 0 0 0;
height : 15px;
width : 598px;
display : inline;
background-image : url(images/rcbg.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}

/*************** Rightbottom *************/ 

.rightbottom { 
float : right;
color : #333;
margin : 0 0 0 0;
padding : 0 0 0 0;
height : 11px;
width : 598px;
display : inline;
background-image : url(images/rcbgb.jpg);
background-repeat : no-repeat;
background-position : 0 0;
}

/*************** Footer *************/ 
 
#footer { 
width : 598px;
height : 70px;
float : right;
clear : both;
color : #333;
margin : 0px 0 0px 0;
padding : 0 0 0 0;
background-image : url(images/footer.jpg);
background-repeat : no-repeat;
}
 
#footer p { 
text-align : center;
padding-top : 10px;
font-size : 80%;
}