html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:813px; 
 text-align:left; 
 margin:0 auto; 
} 
 
#header{
 position:relative; 
 height:146px; 
 background-color:#FFFFFF; 
 width:100%;
 display:block;
 overflow:auto;
 background-image: url(images/header.png);
} 

ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:10pt;
background-color:#1F179C;
font-family:Arial;
margin:0;
padding-left:80px;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#ffffff;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}
 
#leftcol{
 width:176px; 
 float:left; 
 position:relative;
  }
 
#twocols{
 width:637px; 
 float:right; 
 position:relative; 
  }
 
#maincol{
 background-color: #FFFFFF;  
 float: left; 
  position: relative; 
 width:492px; 
color:#1F179C;
font-family:Arial;
font-size:10pt;
 }

#maincol a{
text-decoration:none;
color:#1F179C;
}

.logos{
	position: relative; 
		margin: 0; 
		padding: 5px 0; width: 487px; 
		height: 124px; 
		background-image: url(images/logos.png); 
		background-repeat: no-repeat;}

#scholastic-logo-link { 
		position: absolute; 
		top: 10px; 
		left: 20px; 
		width: 100px; 
		height: 100px; 
		background-color: transparent; 
		}

#caulfeild-logo-link { 
		position: absolute; 
		top: 10px; 
		left: 135px; 
		width: 125px; 
		height: 50px; 
		background-color: transparent; 
		}

#cats-logo-link { 
		position: absolute; 
		top: 10px; 
		left: 275px; 
		width: 100px; 
		height: 60px; 
		background-color: transparent; 
		}

#maplewood-logo-link { 
		position: absolute; 
		top: 10px; 
		left: 380px; 
		width: 75px; 
		height: 80px; 
		background-color: transparent; 
		}

#coastalhealth-logo-link { 
		position: absolute; 
		top: 65px; 
		left: 130px; 
		width: 125px; 
		height: 50px; 
		background-color: transparent; 
		}

#capilano-logo-link { 
		position: absolute; 
		top: 75px; 
		left: 260px; 
		width: 115px; 
		height: 40px; 
		background-color: transparent; 
		}

h2{
color:#FF0000;
font-family:Arial;
font-size:14pt;
}

.google_map{
position:absolute;
top:100px;
left:220px;
}
 
#footer{
 height:129px; 
  background-color:#FFFFFF; 
 clear:both;
 display:block;
 overflow:visible;
color:#A2D162;
font-family:Arial;
font-size:8pt;
} 

#footer a{
text-decoration:none;
color:#A2D162;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:8pt;
}
 

 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}