#container {
width: 650px;
background-color: #fff;
margin: 0 auto; 
}

#header {
width: 650px;
background: url(images/stripes.gif) repeat-y;
padding: 3px 0 0 0;
height: 125px;
}

#leftColumn {
width: 140px;
height: 300px;
background-color: #fff;
float: left;
padding: 25px 10px 20px 0;
border-right: 1px solid #fff;
}

#contentColumn {
width: 419px;
background-color: #fff;
float: left;
padding: 28px 50px 20px 30px;  
}

#footer {
width: 650px;
height: 30px;
background-color: #369 ;
clear: left;
}

#logoAndNavigation {
background-color: #FFF;
float: left;
}

ul#navigation {
margin: 0;
padding: 0;
list-style: none;
}

ul#navigation li a {
font: 11px/26px Verdana, Arial, Helvetica, sans-serif;
background-color: #69c;
color: #FFF;
text-decoration: none;
display: block;
width: 122px;
padding-left: 18px;
border-bottom: 1px solid #FFF;
}

ul#navigation li a:hover {
background-color: #9CF;
}

ul#staticlist {
margin: 0;
padding: 0;
list-style: none;
}

ul#staticlist li {
font: 11px/26px Verdana, Arial, Helvetica, sans-serif;
background-color: #69c;
color: #FFF;
text-decoration: none;
display: block;
width: 122px;
padding-left: 9px;
padding-right: 9px;
border-bottom: 1px solid #FFF;
}

ul#stdlist {
font: 11px/16px Arial, Helvetica, sans-serif;
color: #666;
list-style: disc;
}

h1.logo a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/logo.gif);
}
h1.logo {
margin: 0;
}

h1.welcome a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/welcome.gif);
}
h1.welcome {
margin: 0;
}

h1.staff a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/staff.gif);
}
h1.staff {
margin: 0;
}

h1.curriculum a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/curriculum.gif);
}
h1.curriculum {
margin: 0;
}

h1.pupils a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/pupils.gif);
}
h1.pupils {
margin: 0;
}

h1.events a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/events.gif);
}
h1.events {
margin: 0;
}

h1.dates a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/dates.gif);
}
h1.dates {
margin: 0;
}

h1.project a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/project.gif);
}
h1.project {
margin: 0;
}

h1.gallery a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/gallery.gif);
}
h1.gallery {
margin: 0;
}

h1.resources a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/resources.gif);
}
h1.resources {
margin: 0;
}

h1.contact a {
font: 10px/14px Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
width: 140px;
height: 40px;
border-bottom: 1px solid #FFF;
background-image: url(images/contact.gif);
}
h1.contact {
margin: 0;
}

#bigPicture {
width: 404px;
height: 121px;
background-color: #CCFFFF;
float: left;
background-image: url(images/montage.jpg);
border: #FFF solid;
border-width: 0 1px 1px;
}


#headerRightBlock {
width: 104px;
height: 121px;
background-color: #003366;
float: left;
background-image: url(images/ghcrcolmed.png);
border-bottom: 1px solid #FFF;
margin: 0;
}

.invisible {
position:absolute;
left:-9999px;
}


p {
font: 11px/16px Arial, Helvetica, sans-serif;
color: #666;
margin: 5px 0 10px 0; 
}


h2 {
font: normal 16px/18px Arial, Helvetica, sans-serif;
color: #369;
margin-bottom: 5px;
}

h3 {
font: bold 12px/14px Arial, Helvetica, sans-serif;
color: #333;
margin-bottom: 5px;
}

dl {
margin: 0;
padding: 0;
text-align: right;
}


dt {
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
background-color: #F2F3EE;
padding: 0 5px 0 0;
margin: 5px 0 0 0;
}


dd a {
width: 125px; /* needs this for the hover */
display: block;
font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
color: #999;
text-decoration: none;
border-bottom: 1px dotted #DDD;
padding-right: 5px;
}


dd {
margin: 0;
padding: 0;
}


dd a:hover {
background-color: #eee;
}

#day,#date,#year {
font: 11px/26px Verdana, Arial, Helvetica, sans-serif;
background-color: #69c;
color: #FFF;
text-align: center
}

#highlighter {
position:absolute;
left:0;
top:0;
font: 11px/26px Verdana, Arial, Helvetica, sans-serif;
color: #666;
clip:rect(0px 0px auto 0px)
}