html{height: 100%;}



body { 

  font-family: arial, sans-serif;

  padding: 0px;

  margin: 20px;

  font-size: .78em;

  background-color:#5B8DAB;




    

}



p { 

  margin: 0px;

  padding: 0px 0px 16px 0px;

  line-height: 1.7em;

  color:#216E9D;

}



h1, h2, h3, h4 { 

  font-family: tahoma, sans-serif;

  font-size: 110%;

  letter-spacing: .1em;

  padding: 7px 0px 5px 0px; 

  margin: 0px 0px 12px 0px; 


}




h1 { 

  color:#819a3c;

}


h2 { 

  color:#237DA4;


}


h3 { 

  color:#2A619A;


}


h4 { 

  color:#2A619A;


}

/* header */

#banner { 

  width: 700px;

  height: 230px;

  background: #fff url(/img/tealsky6.jpg) no-repeat left center; 

  border-bottom: solid 5px #FFF;  

}



#banner h1 { 

  font-size: 250%;

  font-weight: normal;

  padding: 0px 12px 0px 0px;

  float: right;  

}






/* main content */

#main_content { 

  width: 700px;

  overflow: hidden;

  margin: 0px 0px 0px 0px;

  background: #F3F8EA url(/img/bg_teal.jpg) repeat-y;


  
} 



/* left column */

.leftCol { 

  float: left;

  width: 160px;

  padding: 15px 25px 15px 0px;



}



/* nav items */

.nav { 

  text-align: left;

  width: 160px;

  float: left;

  margin: 0px 0px 0px 0px;

}



.nav h1, .nav h3, .nav p{margin: 8px 10px 10px 12px;}



.nav ul { 

  width: 160px; 

  padding-top: 4px; 

  margin: 4px 0px 0px 10px;


}



.nav li { 

  list-style: none; 

  padding: 1px 3px 1px 0px; 
  
}



.nav li a, .nav li a:visited { 



  padding: 6px 2px 6px 10px; 

  text-decoration: none; 

  display: block;

  font-weight: bolder;

  color:#6998BD;

  background-color:#fff;

  border-top: 1px solid #B2C7DB;

  border-right: 1px solid #B2C7DB;

  border-bottom: 1px solid #B2C7DB;

  border-left: 4px solid #B2C7DB;


} 


.nav li a:hover {

  padding: 6px 2px 6px 10px; 

  text-decoration: none; 

  display: block;

  font-weight: bolder;

  color:#fff;

  background-color:#A6C343;

  border-top: 1px solid #83A7CB;

  border-right: 1px solid #83A7CB;

  border-bottom: 1px solid #83A7CB;

  border-left: 4px solid #83A7CB;

}






/* unordered list */

ul

{ margin: 2px 0px 18px 16px;

  padding: 0px;

  color:#237DA4;

  font-weight:bolder;

}



ul li

{ list-style-type: square;

  margin: 0px 0px 6px 0px; 

  padding: 0px;

}




/* ordered list */

ol

{ margin: 2px 0px 18px 16px;

  padding: 0px;

  color:#3B6F9F;

  font-weight:bolder;

}



ol li

{ 

  margin: 0px 0px 6px 0px; 

  padding: 0px;

}

/* page content */

#content { 

  text-align: left;

  width: 450px;

  float: left;

  padding: 22px 15px 15px 15px;

}



#content h1{font-size: 125%;}



#content a, #footer a{border-bottom: 1px dotted; color:#0064CF;}



#content a:hover, #footer a:hover{border-bottom: 1px solid;}



/* footer */

#footer { 

  background: #daf0f6 url(/img/footer.jpg) no-repeat;

  width: 700px;

  height: 40px;

  padding-top: 4px; 

  margin-bottom: 0px;

  text-align: center; 


}


#footer p {

padding: 10px;

}


img { 

  border: 0px; 


}



a{outline: none;}






/* margin lefts / margin rights - to centre content */

#main, #footer, #banner, #main_content

{ margin-left: auto; 

  margin-right: auto;

}



/* main container */

#main{width: 700px;

  border: solid #ffffff 3px;

}


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



/* START OF THE FORM CSS */
div#formcontainer {width:290px; margin-left:0px; margin-top:20px;}
div#formcontainer form  {border:1px solid #f4f8ea;}
div#formcontainer div.clearfix {border-top: 1px solid #f4f8ea;} /* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:120px; float:left; color:#5988B8; font-size:7.9pt;} /* this is the text label on the left of each input */
/* END OF THE FORMS CSS*/


.box {

        margin:10px 0 10px 0;

        padding:10px 10px 5px 10px;

        width:400px;

        color:#216E9D;

        background:#FBFCFC;

        border-top:1px solid #d8d8d8;

        border-right:1px solid #d8d8d8;

        border-bottom:4px solid #d8d8d8;

        border-left:4px solid #ebf2f8;

        line-height:1.3em;

}