/* This is the style sheet that controls the appearance of the website. 											*/
/* Author: 	Wouter Hanekom																							*/
/* Owners:	Silverstream School																						*/
/* Each page is layed out in  four distinct areas. Header, Left Column, Main Column, Footer							
---------------------------------------------------------------------------------------------
|																							|
|	HEADER							 														|
|																							|
---------------------------------------------------------------------------------------------
|				|																			|
|  LEFT COLUMN	|		MAIN COLUMN														|
|	Shield		|																			|
|	Menu		|																			|
|				|																			|
|				|																			|
---------------------------------------------------------------------------------------------
|																							|
|	FOOTER																					|
|																							|
---------------------------------------------------------------------------------------------*/

/* ******************************************************************************************* 
	Values for the page 
******************************************************************************************* */
html
{
/*font: 18px "Georgia, New York, serif";*/
font:17px Arial, Helvetica, sans-serif;
color:#333;
padding:0;
margin:0;
}
body 
{
background-color: #ffffff;
color:black
}
div.container
{
width:974px;
margin-left: auto;
margin-right: auto;
line-height:150%;
text-align:left;
}
.indent
{
margin-left: 50px;
}
/* ******************************************************************************************* 
	Values for the header 
******************************************************************************************* */
div.header
{
width: 844px;
font-family: Arial, Helvitica, sans-serif;
font-variant: small-caps;
color: white;
background-color:#2767af;
/* clear:left;*/
height: 110px;
/*background-image: url(visions.png);
background-repeat: no-repeat;
background-position: center center;*/
}
h1.header
{
font-family: "Palatino Linotype";
margin: 8px;
margin-left: 15px;
padding-top: 40px;
padding-left:10px;
}
.headimg
{
float:right;
margin-top: -75px;
margin-right: -130px;
padding-bottom: 20px;
}
/* ******************************************************************************************* 
	Values for the Left Column
******************************************************************************************* */
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
.menu
{
margin-top: 15px;
width:160px;
min-height: 600px;
}
.buttons
{
width:160px;
}
/*.buttons a
{
display: block;
margin-top: 1px;
color: #FFFFFF;
background-color: #9a202f;
padding: 3px;
padding-left: 8px;
border-left: 10px solid #00197b;
border-right: 6px solid #FFFFFF;
/*border-left: 10px solid #eeff60;*/
/*font: 14px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}*/
.buttons a
{
display: block;
margin-top: 1px;
color: #FFFFFF;
background-color: #2767af;
padding: 3px;
padding-left: 8px;
border-left: 10px solid #579e0a;
border-right: 6px solid #FFFFFF;
font: 14px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}
a.current
{
border-right: 6px solid #2767af;
border-left: 10px solid #ffffff;

}
.buttons a:hover 
{
border-left: 10px solid #ffffff;
border-right: 6px solid #579e0a;
/*border-right: 2px solid #33CCFF; */
text-decoration: none;
color: #ffffff;
/*background-color:#00197b;*/
background-color:#579e0a;
}
/* ******************************************************************************************* 
	Values for the Main Column
******************************************************************************************* */
div.content
{
margin-left:200px;
/*border-left:1px solid #9a202f; */
padding:1em;
}
div.content h2
{
font-family: "Palatino Linotype";
font-size: 1.4em;
}
.content a
{
color: #00197b;
}
.content a:hover
{
color: #3a7f0a;
text-decoration: overline;	
}
.content a.pdf
{  
padding-left: 26px;
background: transparent url(22x22_pdf.png) no-repeat center left;
}
.content a.web
{  
padding-left: 26px;
background: transparent url(22x22_globe.png) no-repeat center left;
}
.content a.intra
{  
padding-left: 18px;
background: transparent url(16x22_silvers.png) no-repeat center left;
}
#main
{
border-bottom:1px solid #579e0a;
margin-top: 20px
}
div.img
{
float: right;
margin-left: 15px;
clear: right;
}
div.contentright
{
margin-top: 10px;
margin-left: 15px;
margin-right: 5px;
float: right;
width: 370px;
}
div.contentleft
{
margin-top: 10px;
margin-right: 15px;
margin-left:5px;
float: left;
width: 370px;
}
div.contentboth
{
margin-top: 10px;
margin-right: 15px;
margin-left:205px;
float: left;
width: 600px;
}
div.contentright p, div.contentleft p, div.contentboth p
{
margin-left: 20px;
font-size: .9em;
}
div.quicklink
{
font-size: 16px;
width: 215px;
float: right;
padding: 2px;
margin-left: 15px;
border-style: solid;
border-color: #579e0a;
border-width: 2px;
}
/* ******************************************************************************************* 
	Values for the Footer
******************************************************************************************* */
div.footer
{
height: 45px;
margin-top:5px;
padding-left:15px;
color:white;
background-color:#2767af;
clear:both;
}
.footer a
{
color:#FFFFFF;
font-weight:normal;
}
.footer a:hover
{
color: #EEFF60;
font-weight:normal;
text-decoration:overline;
}
#contact
{
margin-top:5px;
line-height:110%;
font-size:15px;
float:left;
}
#copy
{
margin-top: 15px;
font-size: 12px;
float: right;
}