html {margin:0;padding:0}

body { font: 10px Arial,sans-serif;
 background-color:white;
 margin:0;padding:0; 
 color: black;
 background-image: url("images/bg.jpg");}

#container {
           margin-left: auto;
           margin-right: auto;
           text-align: center;
           width: 750px;
           border: solid black 1px;
           background-color: white;
           /*border-right: solid black 1px;*/
   }
   
   img.header {
      margin: auto 0;
   }
   
   .navcontainer {
        width: 685px;
        padding: 15px;
        margin: 3px 0 20px 0;
        border: 1px solid #800000;
        background: #fff;
}

/* the nav items with semi-circle indicator */

#navCircle {
        margin: 0;
        padding: 0 0 20px 67px;
        border-bottom: 1px solid #800000;
}

#navCircle li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navCircle a:link, #navCircle a:visited {
        float: left;
        font-size: 14px;
        line-height: 14px;
        font-weight: Bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #800000;
}

#navCircle a:link.active, #navCircle a:visited.active, #navCircle a:hover {
        padding-bottom: 6px;
        color: #666666;
        background: url("images/circle.gif") no-repeat bottom center;
}

.rightcolumn {
	width:170px;
	float: right;
	border-left: 2px;
	border-left-style: solid;
	border-left-color: #800000;
	padding-left:5px;
	text-align: center;
	height: auto;
	
	}
	

.leftcolumn {
	width:170px;
	float: left;
	border-right: 2px;
	border-right-style: solid;
	border-right-color: #800000;
	padding-right:10px;
	text-align: centre;
	height: auto;
	
	}
	
.midcolumn {
	width:160px;
	float: left;
	border-left: 2px;
	border-left-style: solid;
	border-left-color: #800000;
	padding-left:10px;
	border-right: 2px;
	border-right-style: solid;
	border-right-color: #800000;
	padding-right:10px;
	text-align: centre;
	height: auto;
	
	}
	
.cleartcolumn {
	width:170px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	text-align: centre;
	height: auto;
	
	}
	
 
 #below {
    text-align: left;
    padding-left:15px;
    padding-right:15px;
 }
  
h1 {
      font-size: 22px;
      text-align: center;
      font-weight: normal;
      color:#800000;}
      
h2 {
      font-size: 18px; 
      padding-top: 5px;
      color:#800000;}
      
h3 {
      font-size: 12px;
      font-weight: normal;
      padding-top: 1px;
      padding-left: 1px;
	  padding-bottom: 1px;
	  text-align: center;	
      color:#666666;}
      
h4 {
      font-size: 12px;
      font-weight: normal;
	  padding-left: 36px;
      color:#666666;}
      
h5 {
      font-size: 16px;
      font-weight: normal;
	  padding-top: 1px;	
	  padding-left: 16px;
	  padding-right: 190px;
      color:#666666;}
      
h6 {
      font-size: 16px;
      font-weight: normal;
	  padding-top: 1px;	
	  padding-left: 16px;
	  padding-right: 16px;
      color:#666666;}
      
.left {
      font-size: 16px;
      font-weight: normal;
	  padding-left: 200px;	
      color:#666666;}
      
.left2{
      font-size: 16px;
      font-weight: normal;
	  padding-left: 245px;	
      color:#666666;}
      
h8 {
      font-size: 16px;
      font-weight: normal;
      border-bottom: 1px;
      padding-top: 1px;
	  padding-bottom: 1px;
	  text-align: left;	
      color:#666666;}
      
       
blockquote {
   border: solid 1px #800000;
   padding: 5px;
}

.olist {
   list-style: upper-alpha;
}

.olist li{
   line-height: 125%;
}

a:link {
   color: #800000;
    text-decoration: none;
}

a:active, a:hover {
  
    text-decoration: none;
}

a:visited {
   color: #800000;
   
}

#footer {
        width: 515px;
        padding-top: 0px;
        padding: 0 100px 6px 100px;
        margin: 20px 90px 20px 15px;
        border: 1px solid #800000;
        text-align: center;
        background: #fff;
}