/* CSS Document */

html {margin: 0; padding: 0; height: 100%}
body {
font: 11px georgia; 
margin: 0; 
padding: 0; 
background:  #fff;
color: #333; 
text-align:center; /* for IE */
background-image: url('images/bg.jpg') ; height: 122px; background-repeat: repeat-x;
  background-attachment: fixed;

 
 }

/* zero out the spacing around pre, form, body, html as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html { margin:0; padding:0 } 

/*header*/

h1 {
font: 18px georgia;
color: #333;
font-weight: bold;
margin: 1.0em 0 1.0em 0;
}

h2 {
font: 11px georgia;
color: #333;
font-weight: bold;
margin-bottom: 5px;
}

/*links*/

#nav a:link { 
color: #fff;
text-decoration: none; }
#nav a:visited { 
color: #fff;
text-decoration: none;}
#nav a:hover { 
color: #669966; text-decoration: none; }


a:link { 
color: #009900;
text-decoration: underline;}
a:visited { 
color: #339933;
text-decoration: none;}
a:hover { 
color: #333; text-decoration: underline; }


/*body*/

#wrapper {
text-align: left;
width: 800px;
border: 1px solid #333;
padding: 1px;

margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
background: #fff;

}

#header {
border-bottom: 1px groove #333;
}

.himg {border: 0; }

#head1 a:link { text-decoration: none;  border: 0;}

#head1 { width: 800px; height: 34px;}

#head2 { 
width: 800px;
height: 122px; 
background: url("images/h2.jpg");
padding: 0;
margin: 0;
}

#head3 { 
width: 800px;
height: 24px; 
background: url("images/h3.jpg");
padding: 0;
margin: 0;
}

#content {
float: left;
width: 490px;
line-height: 1.8em;
padding: 10px;
margin: 0 10px 0 0;
text-align: justify;
}

#content ul { margin-left: 2em;}

#movie {float: right; border: 1px solid #333; margin: 1.0em 0.3em 1.0em 1.0em; width: 240px; height: 360px; }

/* nav style */

#nav { padding: 5px 0 0 5px;}

#nav li {
font-size: 12px;
display: inline;
list-style-type: none;
padding: 0 1.5em 0 0;
}

#home .home, #facilities .facilities, #staff .staff, #homelife .homelife, #activelife .activelife, #contact .contact, #safety .safety { font-weight: bold; }


/*form styles*/

#form {
width: 450px;
font-size: 10px;
margin-top: 20px;
}

input {
border: 1px solid #999;
font: 11px arial;
width: 160px;
margin-left: 5px;
margin-bottom: 15px;
}

textarea {
margin-left: 5px;
border: 1px solid #999;
font: 11px arial;
}

legend {
border: 1px solid #333;
padding: 2px;
margin-bottom: 20px;
background: #66CC66;
}

fieldset {
border: 1px solid #ccc;
}

label {
margin-left: 5px;
}

.submitbutton {
background: #fff;
width: 80px;
height: 40px;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
}
/*end*/


#footer {

}

#footer p { font-size: 10px; padding: 5px; margin: 0; }

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}

.image {
float: left; margin: 1.5em 3.0em 1.5em 0; border: 1px solid #333;
}