*{
padding: 0;
margin: 0;
}

body { 
font-family : Lucinda Sans, Verdana, sans-serif;
font-size : 13px;
background-image: url('images/bg.png');
background-repeat: repeat;
}

#wrapper { 
margin : 5px auto 5px auto;
width : 790px;
} 

#container {
background-color: #ffffff;
width: 790px;
margin-left: auto;
margin-right: auto;
min-height:600px;
float: right;
text-align: left;
}

.image {
background-repeat: no-repeat;
}

#rightcolumn img { 
border : 0px;
} 

img.floatTL { 
float : left;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 10px;
margin-left : 5px;
} 

img.floatTR { 
float : right;
margin-left : 7px;
margin-bottom : 0;
margin-top : -2px;
margin-right : 10px;
} 

.clear { 
clear : both;
} 

#header { 
color : #333;
width : 790px;
float : left;
padding : 0;
height : 120px;
/*background : url(images/header2.png) no-repeat;*/
} 

#topnav{
width: 790px;
padding-left: 10px;
text-align: left;
}

#topnav a{
text-decoration: none;
color: #555555;
}
#topnav a:hover{
text-decoration: none;
color: #000000;
}

.logo{
margin-top: 10px;
margin-right: 10px;
float: right;
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: right;
height: 90px;
}

.logo h1{
font-size: 1.7em;
font-weight: lighter;
font-family:helvetica, arial, sans-serif;
padding-top: 10px;
padding-left: 5px;
color: #8cbbff;
border: none;
top: 0;
left: 2px;
letter-spacing: -1px;
margin-right: 98px;
margin-top: 5px;
}

h3{
margin-top: 1em;
}

#navigationbar{
float: left;
width: 790px;
color: #333333;
margin: 0000;
background: #ffffff;
}

.menu{
width: 790px;
/*background-image: url('images/menu.png');*/
background: #dddddd;
height: 40px;
}

#leftcolumn{
color: #333333;
background: #ffffff;
margin: 0000;
padding: 10px;
min-height: 580px;
width: 200px;
float: left;
}

.leftbox a{
border: 0px;
text-decoration: none;
}

.leftbox img{
border: 0px;
text-decoration: none;
}

.leftbox, .leftbox-2{
width: 190px;
min-height: 136px;
color: #ffffff;
margin: 0;
float: left;
display: inline;
background-image: url(images/greybox-l.png);
background-repeat: no-repeat;
}

.leftbox-2{
margin-top: 15px;
}

.leftbox-2 img{
border: 0px;
text-decoration: none;
}

.leftboxbottom, .leftboxbottom-2{
height: 15px;
width: 190px;
float: left;
display: inline;
background-image: url(images/greybox-s.png);
background-repeat: no-repeat;
margin-bottom: 10px;
}

.col-l{
width: 160px;
float: left;
padding: 10px 0 8px 10px;
}

.col-l p{
margin: 11px 0 0 0px;
color: #336699;
}

.col-l a{
color: #e78229;
}

.col-l ul{
display: list-item;
list-style-type: none;
}
.col-l li{
padding-top: 5px;
padding-bottom: 3px;
border-bottom: 1px dotted #336699;
}

.col-l li a{
color: #336699;
text-decoration: none;
}

.col-l li a:hover{
color: #8eb88f;
}

#rightcolumn{
float: right;
color: #333333;
background: #ffffff;
margin: 0000;
padding: 0px;
width: 570px;
min-height: 600px;
display: inline;
background-image: url(images/content_bg3.png);
background-repeat: no-repeat;
font-family: LucindaSans, sans-serif;
text-align: justify;
}

#rightcolumn p{
margin: 11px 10px 0 0;
padding-top: 5px;
text-align: justify;
line-height: normal;
}

#rightcolumn ul{
margin-left: 10px;
padding-left: 10px;
}

#rightcolumn a{
text-decoration: none;
}

#rightcolumn a:hover{
text-decoration: underline;
}

#rightcolumn a:visited{
text-decoration: none;
}

.col p{
margin: 11px 0 0 0;
padding: 5px;
}

#footer{
width: 770px;
clear: both;
height: 40px;
background: url(images/footer.png) no-repeat bottom;
margin: 0 0 0 0;
padding-left: 10px;
padding-right: 10px;
}

#footer p{
padding-top: 5px;
text-align: right;
line-height: normal;
font-size: xx-small;
}

#footer a{
text-decoration: underline;
color: #e78229;
}

#footer a:hover{
text-decoration: none;
}

hr{
width: 400px;
margin: 10px auto 10px auto;
}

.center{
text-align: center!important;
}

/* Menu adapted from http://sperling.com/examples/menuh/ */
#menuh-container{

}

#menuh{
font-size: small;
font-family: arial, helvetica, sans-serif;
width:100%;
float:left;
margin:2em;
margin-top: 8px;
margin-left: 8px;
}
		
#menuh a{
text-align: center;
display:block;
border-top: 1px dotted #336699;
white-space:nowrap;
margin:0;
padding: 0.3em;
font-weight: bold;
}
	
#menuh a, #menuh a:visited{
color: #336699;
background-color: #dddddd;
text-decoration:none;
}
	
#menuh a:hover{
color: #336699;
background-color: #bbbbbb;
}	
			
#menuh a.top_parent, #menuh a.top_parent:hover{
background-position: right;
border: 0px;
background-image: url('images/arrow.png');
background-repeat: no-repeat;
}

#menuh a.top_parent:hover{
background-image: url('images/arrow_2.png');
background-repeat: no-repeat;
}

#menuh a.parent, #menuh a.top_parent:hover{
border: 0px;
}
	
#menuh ul{
list-style:none;
margin:0;
padding-top:0;
float:left;
width:8em;
}

#menuh li{
position:relative;
min-height: 1px;
vertical-align: bottom;
}

#menuh ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
padding: 1em;
margin:-1em 0 0 -1em;
}

#menuh ul ul ul{
top:0;
left:100%;
}

div#menuh li:hover{
cursor:pointer;
z-index:100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul{
display:none;
}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul{
display:block;
}
/* end menu */

/*activities*/
.activity_images{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 5px;
width: 400px;
text-align: center;
}

.activity_images img{
margin: 2px;
}
/*end activities*/

/*calendar*/
.unavailable{
background-color: #666666;
}

.calendar_table{
width: 560px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid #27409d;
}

.calendar_table td{
width: 25%;
border: 1px solid #ddd;
padding-left: 6px;
}

.calendar_table tr{
height: 2em;
}

.termheader {
font-size: 125%;
background-color: #27409d;
color: #fff;
}
/*end calendar*/

/*contact*/
.contact_table{
width: 560px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid #27409d;
}

.contact_table tr{
border-bottom: 1px solid #27409d;
}

.contact_table td{
padding-left: 5px;
}

.tableheader{
background-color: #27409d;
font-size: 125%;
color: #ffffff;
height: 2em;
}

.odd{
background-color: #ffffff;
}

.even{
background-color: #dddddd;
}

table a{
text-decoration: none;
}

table a:hover{
text-decoration: underline;
}
/*end contact*/

/*curriculum*/
.subject_name{
font-weight: bold;
font-size: 110%;
}
/*end curriculum*/

/*index*/
.image{
background-repeat: no-repeat;
margin-top: 10px;
margin-bottom: 20px;
margin: 10px;
}

blockquote{
font-style: italic;
}

.indexleftboxcontainer{
width: 155px;
float: right;
margin-right: 60px;
margin-bottom: 10px;
}

.indexleftbox{
width: 135px;
float: right;
padding-left: 10px;
padding-right: 10px;
min-height: 400px;
background-image: url('images/middle.png');
background-repeat: repeat;
text-align: left;
margin-top: -5px;
margin-bottom: -5px;
color: #000000;
font-family: sans-serif;
}

.indexattendance{
color: #ff0000;
padding: 1em;
}

.indexrightbox{
width: 55%;
float: left;
margin-bottom: 200px;
}

.logos{
text-align: center;
width: 800px;
margin-left: auto;
margin-right: auto;
}
/*end index*/

/*links*/
.content em{
margin-left: 10px;
}
/*end links*/

/*location*/
#rightcolumn #location{
margin-left: 60px;
}
/*end location*/

/*news*/
.post {
padding-top: 1em;
padding-bottom: 1em;
}

.post a, a:visited{
text-decoration: underline;
color: #000000;
}

.post a:hover{
text-decoration: none;
}

.postmetadata{
display: none;
}

small{
font-size: 110%;
}

.entry{
font-size: 100%!important;
}

h2 {
font-size: 110%;
}
/*end news*/

/*policies*/
#policies_list{
margin-top: 10px;
}
/*end policies*/

/*sitemap*/
.sitemap{
margin-left: 10px;
padding-left: 10px;
list-style: none;
}
/*end sitemap*/

/*staff*/
.staff_table{
width: 500px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid #27409d;
}

.staff_table tr{
border-bottom: 1px solid #27409d;
}

.staff_table td{
padding-left: 5px;
}
/*end staff*/

/*uniform*/
.uniform_images{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
padding: 5px;
width: 400px;
text-align: center;
}

.uniform_images img{
margin: 2px;
}
/*end uniform*/

/*vacancies*/
.vacancytable{
width: 500px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid #27409d;
}

.vacancytableheaders{
text-align: left;
width: 100px;
}
/*end vacancies*/