<!-- This basic style is used throughout the site using 
relative links to the single copy in the top directory -->


<!--
Pages with Internal Styles:
homepage - entire
news - boxsidebar boxnews


-->

<style type="text/css">
<!-- hide from old browsers

<!-- margin, padding etc. goes clockwise top right bottom left -->

#sidebox {
 border: 1px solid #000;
 float: center;
 width: 50%;
 margin: 0px 0px 0px 20px;
 padding: 1px;
 background-color: #d4d4d4;
 cursor: normal;
 font-size: 12px;
 color: #000;
}

#navlinks {
 margin: -2px 0px 0px 0px;
 padding: 2px;
 font-family: arial, sans-serif;
 text-align: center;
 letter-spacing: 1px;
 font-weight: bold;
}

#navlinks a:link, #navlinks a:visited {
 margin: 2px;
 text-decoration: none;
 background-color: #003366;
 padding: 2px;
 color: #ffffff;
 font-size: 11px;
 border: 1px solid #003366;
}

#navlinks a:hover{
 color: #666666;
 background-color: #ffffff;
 border: 1px solid #000000;
}

.box {
border: #ffffff 1px solid; 
color: #000000;  
background-color: ffffff; 
width: 90%; 
padding: 5px;  
font-size: 90%; 
}

.boxborder {
border: #000000 1px solid; 
text-color: #ffffff;  
background-color: #ffffff; 
width: 90%; 
padding: 5px;
font-size: 85%;  
}

.boxbordernarrow {
border: #000000 1px solid; 
text-color: #ffffff;  
background-color: #ffffff; 
width: 75%; 
padding: 5px;
font-size: 85%;  
}


.boxgrey {
border: #000000 1px solid; 
color: #000000;  
background-color: e9e9e9; 
width: 90%; 
padding: 10px;  
font-size: 90%; 
}

.boxhomepage {
border: #000000 1px solid; 
color: #000000;  
background-color: e9e9e9; 
width: 90%; 
padding: 10px;  
font-size: 80%; 
}

.boxmenu {
border: #000000 1px solid; 
text-color: #ffffff;  
background-color: #4B82B8; 
width: 90%; 
padding: 5px;
font-size: 80%;  
}


.boxcolumn {
border: #ffffff 1px solid; 
color: #000000;  
background: ffffff; 
width: 90%; 
padding: 15px; 
font-size: 85%; 

}

.boxlist {
border: #000000 1px solid; 
color: #000000;  
background: #ffffff; 
width: 80%; 
padding: 20px;
font-size: 90%;  
margin: 5px 10% 0px 10%;

}

.classesbox {
border: #000000 1px solid; 
color: #000000;  
background: #ffffff; 
width: 90%; 
padding: 20px;
font-size: 90%;  
margin: 5px 20px 0px 15px;

}

.boxnews {
border: #000000 1px solid; 
color: #000000;  
background: #ffffff; 
width: 90%; 
padding: 10px;
font-size: 80%;  
margin: 5px 10px 0px 10px;

}

.boxsidebar {
border: #000000 1px solid; 
color: #000000;  
background-color:ffffff; 
width: 90%; 
padding: 10px;  
font-size: 75%; 
}


BODY {font-family: Arial, sans-serif; color: #000000; }
H1, H2, H3, H4 {font-family: Arial, sans-serif; color: #000000; }
TD  {font-family: Arial, sans-serif; color: #000000; }


DIV {font-size: 90%; }
DIV.smalltext {font-size: 85%; }
DIV.smallertext {font-size: 75%; }
DIV.largetext {font-size:  120% }
DIV.grey (font-color: #555555; }
DIV.red  {font-color: #ff0000; }

TABLE.special {font-size: 90%; }

SPAN.largetext {font-size; 120%; }

a.archive:hover  {color: green; background: #e9e9e9; font-weight:bold; text-decoration: NONE;}

a.hover {color: green; background: #e9e9e9; font-weight:bold; text-decoration: NONE;}


a:active {color: white;text-decoration: NONE;}

a.challenge:hover {background: blue; text-decoration: NONE; font-weight:bold}
a.challenge:link  {color: #ffffff; text-decoration: none; }
a.challenge:visited  {color: #e9e9e9; text-decoration: none; }


a.special:hover {color: 0000ff; text-decoration: NONE; font-weight:normal;}
a.special:visited  {color: #990099; }

a.quiz:hover {background: blue; color: #ffffff; text-decoration: NONE; }
a.kids:hover {background: red; color: #ffffff; text-decoration: NONE; }
a.javascript:hover {background: green; color: #ffffff; text-decoration: NONE; }


// end hide -->
</style>

<!-- 
Use     DIV.small text    like this:  
<DIV class=smalltext> <A HREF="science.html"  class=sidebar>Science</A> </DIV>
-->

