body 
   {
	background-color: #c3ecbc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url(site-bg.gif);
	background-repeat: repeat-x;
  }

h1
    {
  font-size: x-large;
  color: #12230c;
  padding-left: 10px;
  padding-right: 10px;  
  }

h2
    {
  font-size: large;
  color: #12230c;
  padding-left: 10px;
  padding-right: 10px;  
  }
  
h3
    {
  font-size: medium;
  color: #12230c;
  padding-left: 10px;
  padding-right: 10px;  
  }  
hr
  { 
  position: absolute;
  left: 10px;
  width: 570px;
 }  
    
 a:link{color:#12230c; text-decoration:underline}   
 a:visited{color:#193612; text-decoration:underline}
 a:hover{color:#12230c; text-decoration:none} 

 
div#container 
   {
  left: 50%;
  margin-left: -480px;
  position: absolute;
  top: 10px;
  width: 960px;
  }

div#header
   {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 960px;
  height: 114px;
  background-color: #193612;
  }
 
div#banner
   {
  position: absolute;
  top: 114px;
  left: 180px;
  width: 780px;
  height: 20px;
  background-color: #12230c;
  font-weight: bold;
  color:#c3ecbc;
  }
  
div#bannertitle
   {
  position: absolute;
  top: 114px;
  left: 0px;
  width: 180px;
  height: 20px;
  padding-left: 10px;
  background-color: #12230c;    
  font-weight: bold;
  color:#c3ecbc;
  }  
   
div#content 
   {
  position: absolute;
  top: 134px;
  left: 180px;
  width: 780px;
  background-color: white;
  color: black;
  font-size: small;
  z-index: 2;
  }

div#content p
   {
  padding-left: 10px;
  padding-right: 10px;
  }   
  
div#navigation
  {
  position: absolute;
  top: 134px;
  left: 0px;
  width: 180px;
  height: 600px;
  padding-top: 10px;
  color: white;
  background-color: #5f351d; 
  background-image: url(navtriangle.png);
  background-repeat: no-repeat;
  background-position: bottom right;  
  z-index: 1;  
  }
  
  div#navigation p.mainhead
{
	font-weight: bold;
  padding-left: 10px;
}

  div#navigation p.disabledhead
{
	font-weight: bold;
  padding-left: 10px;  
  color: #12230c;
}

  div#navigation p.selectedhead
{
	font-weight: bold;
  padding-left: 10px;  
  background-color: #193612; 
}

  .offsettable
   {
   position: relative;
   border: 0;
   left: 10px;
  }

 .emphasised
 {
   color: #5f351d;
   font-style: oblique;
 }
 
 a.head:link{color:white; text-decoration:underline; font-weight:bold}   
 a.head:visited{color:#c3ecbc; text-decoration:underline; font-weight:bold}
 a.head:hover{color:yellow; text-decoration:none; font-weight:bold}   

.imagebox
/* The thumbnails which appear in the top right of each page */
  {
  float: right;
	width: 190px;
  height: 190px;
  }
  
.alertbox
/* The boxes on the index page which highlight particular events*/
{
  color: white;
  text-align: center;
  vertical-align: middle;
  background-color: #12230c;
  background-repeat: no-repeat;
}