body {margin: 0; background-color:#009DDC; 	padding: 0; font-family: Verdana, Arial,Helvetica, sans-serif; }
p {text-align:justify;}
#container { width: 800px; margin: 15px auto 0 auto; background-color: #FFF; color: #333; border: 8px solid #FFF; }

#header { background-color:#002D62; border-bottom: 5px solid #FFF; height:70px; float:left; width:800px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF;}

#left { float:left; width: 140px; color: #564b47; margin: 0px;  margin-top:5px; }
#leftmenu{width:140px;  }
#leftmenu dl {margin-top:0px; }
#leftmenu dt dl {list-style:none; }

#leftmenu dt a:link, #leftmenu dt a:visited  {	background-color:#002D62; font-size:0.9em; display:block;
	color:#FFF; text-decoration:none; line-height:24px; border-bottom:1px solid #FFF; width:140px; padding-left:10px;}
#leftmenu dl a:hover  {text-decoration:underline; background-color:#009DDC; color:#FFF; }
#leftmenu dt a.sel , #leftmenu dt a.sel:visited {	background-color:#009DDC; font-size:0.9em; display:block;
	color:#FFF; text-decoration:none; line-height:24px; border-bottom:1px solid #FFF; width:140px; padding-left:10px;}

.headertext { color:#002D62; }

.separator { display:block;  width:140px; line-height:5px;}	

#content { margin-top:5px; margin-bottom:10px; float:right; width:630px; background-color: #ffffff; font-size:0.8em;
 height:auto; min-height:400px; _height:400px; }

#content a {text-decoration:none; color:#009DDC; font-weight:bold;}
#content a:hover {text-decoration:underline;}

#footer{  margin: 0; padding-bottom:5px; color: #FFF; background-color: #002D62;  text-align:center; width:800px;float:left;}	
div#footer a {color:#FFF; font-size:0.7em; text-decoration:none; }
div#footer a:hover {text-decoration:underline;}

div#footnote {color:#000; text-align:center; width:800px; clear:left; font-size:0.55em; margin-top:4px;}


h1{color:#002D62; font-size:1.4em; margin-bottom:5px; margin-top:0px;  }

h3 {color:#009DDC;}

#RegisterPanel label {width:150px; margin-top:5px; float:left;margin-left:30px; }
#RegisterPanel input { width:200px; margin-bottom:4px;}

.handy {
	cursor: pointer;
	cursor: hand;
	color:#009DDC;
	text-decoration:underline;
}

.warning {color:Red;}

#infodiv {background-color:#fff;  position:absolute;display:none; width:310px; padding:0px;}
.staffinfo {display:none;}


#gencontact {float:left; width:310px; padding:4px; }

#staffphotos {width:300px; float:right;  }

#staffphotos a { width:120px;  border:2px solid; border-color:#ccc;  
    display:block; float:left;}
#staffphotos a:hover {border:2px solid #009DDC;}
#staffphotos a:active {border:2px solid #009DDC;}
#staffphotos a:focus {border:2px solid #009DDC;}

.staffphoto { background-colour:#fff; width:124px; height:168px;  float:right; margin-right:10px; margin-bottom:10px;}
