body{ 

  background-color:rgb(255,255,255);
   font-family:Lucida Grande, Helvetica, arial, sans-serif;
  font-size : 0.8em;
  text-align : center;
  margin: 0px;
  padding: 0px;
   
}

#topbar {
    display:block;
    width:100%;
    Background-color: rgb(19,145,159);
    Background-color: #1a606f;
    height:85px;
    border-bottom:solid;
    border-width: 5px;
    border-color: #63828e;
    margin:0px;
}



#topwrapper {
    display:block;
    width:980px;
     margin-left : auto;
  margin-right : auto;
    Background-color: #1a606f;
    height:85px;
        background-image:url('images/barbg.jpg');
    background-position:left;
    background-repeat: no-repeat;
}





#lowerbar {
    display:block;
    width:100%;
    height:30px;
    padding-left:0px;
    margin-left:0px;
}

#lowerwrapper {
    display:block;
    width:980px;
    margin : auto;
    height:30px;
    padding-left:0px;
}


.left {
 display:block;
 float:left;
 }


#logo {
display:block;
 width : 350px;
 height : 65px;
padding-left:10px;
 }
 


#menubar {
   display : block;
   font-size: 10pt;
   padding: 0px;
   border : none;
   border-width : 0px;
   color : #000000;
   margin-left : auto;
   margin-right : auto;
 }



#wrapper {
  display : block;
  width : 900px;
  position top: absolute; 
  padding : 10px 0px 0px 0px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  text-align : center;
}


#wrapper img {
 border:none;
 }



#options {
display:block;
background-color:#fbf29a;
margin: 0px auto;
padding: 3px;
border-top-style:solid;
border-bottom-style:solid;
border-width:thin;
border-color:#f1c55b;
text-align:center;
margin-left:auto; 
margin-right:auto;
}

#blue {
display:block;
background-color:#e6f5fe;
margin: 0px auto;
padding: 3px;
border-top-style:solid;
border-bottom-style:solid;
border-width:thin;
border-color:#8aa8bf;
text-align:left;
font-weight:bold;
font-style: italic;
margin-left:auto; 
margin-right:auto;
line-height:1.5;
}




.maintitle {
  display:block;
  float:left;
  color: #FFFFFF;
  font-family: helvetica, arial, sans-serif; 
  font-size:22pt;
  font-weight:bold;
  text-decoration: none;
  padding: 15px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }

.lowertitle {
  display:block;
  color: #000000;
  font-family: Lucida Grande, helvetica, arial, sans-serif; 
  font-size:20pt;
  font-weight:bold;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
  text-decoration : none;
  }


.tagline {
         display:inline;
         float:left;
		 color: #4B0000; 
         color: #FFFFFF;
		 font-family: helvetica, arial, sans-serif; 
 		 font-size:12pt;
		 font-weight:normal;
		 text-decoration: none;
 		 padding: 0px 0px 0px 0px;
 		 margin: 0px 0px 0px 0px;
 				 }
 				 
 				 



#menubar ul {
display:block;

   margin:0px auto 0px auto;
   padding:0px 30px 0px 0px;
   list-style-type:none;
 }


#menubar li {
font-size: 11pt;
float:left;
margin: 0px 0px 0px 0px;
}

#menubar a {
display:block;
height: 100%
padding: 0px;
margin: 0px;
padding: 5px 10px 5px 10px;
text-decoration:none;
font-weight : bold;
color : black;
}

#menubar a:hover {
color : white;
font-weight: bold;
margin: 0px 0px 0px 0px;
Background-color: #63828e;
}


#menubar li:hover {
font-weight: bold;
margin: 0px 0px 0px 0px;
}

#menubar li:hover a, {
margin: 0px 0px 0px 0px;
color: #4B0000;
}

#menubar .active {
margin: 0px 0px 0px 0px;

} 

#menubar .active a {
cursor: default;
margin: 0px 0px 0px 0px;
padding: 9px 9px 7px 9px;
}




/** Home Page **/


#topsection {
  display : block;
  width : 100%;
  height : 200px;
  padding : 0px;
  color : black;
  text-align : left;
  line-height : 1.4;
  border-bottom-style:dotted;
  border-width:1px;
  overflow:hidden;
}


#links1 {
 float :  right;
  display : inline;
  width : 390px;
  height : 200px;
  padding : 0px 10px 0px 10px;
  color : black;
  text-align : left;
  line-height : 1.4;
  overflow:hidden;
}

#mainarea {
 float :  right;
  display : block;
  width : 600px;
    padding : 10px 10px 10px 10px;
  color : black;
  text-align : left;
  line-height : 1.4;
  overflow:hidden;
     border-left-style:dotted;
  border-width:1px;
}


#nav {
  float :  left;
   display : inline;
  width : 460px;
  height : 200px;
  padding : 35px 10px 10px 15px;
  color : black;
  text-align : left;
  line-height : 1.4;
  overflow:hidden;
   border-right-style:dotted;
  border-width:1px;
 }

#imageholder {
padding: 0px 10px 10px 0px;
float:left;
}

#titletext {
 float :  left;
  display : inline;
  width : 330px;
  height : 398px;
  padding : 0px 10px 10px 10px;
  color : black;
  text-align : left;
  line-height : 1.4;
  overflow:hidden;
   border-right-style:dotted;
  border-width:1px;
  font-size:0.9em;
}


#popposts {
 float :  right;
  display : inline;
  width : 650px;
  padding : 10px;
  color : black;
  text-align : left;
  line-height : 1.4;
  border-bottom-style:dotted;
  border-left-style:dotted;
  border-width:1px;
  overflow:hidden;
}


#externallinks {
display:block;
line-height : 1.4;
 padding : 10px;
text-align : left;
overflow:hidden;
width:250px;

}




/** End of Home Page **/











#content {
  float :  left;
  display : inline;
  width : 500px;
  padding : 0px 0px 0px 10px;
  color : rgb( 51, 51, 51);
  color : black;
  text-align : left;
  line-height : 1.4;
}







#textinfo {
display : inline;
float : left ;
width: 100% ;
font-size : 10pt;
text-align : left;
padding: 5px;
margin-bottom:10px;
}



#textinfo strong {
  font-weight:bold;
  color: #4B0000;
}

#textinfo h2 {
  color: #4B0000;
  font-size : 18pt;
  font-weight:bold;
  margin-bottom : 0px;
  padding-bottom : 1px;
  margin-top : 10px;
  text-align: center;
}  

#image {
  background:url('images/me.png') ;
display : inline;
float : right ;
width: 32% ;
font-size : 10pt;
text-align : right;
padding: 200px 0px 0px 5px;
}



.homelist {
font-size:12pt;
line-height : 1.3; 
}

.besthead {
display:inline;
color: #4B0000;
margin :10px;
font-size:13pt;
line-height : 1.3; 
text-align:center;
font-weight:bold;

}



#wrapper a {
 color : #0707CD;
 text-decoration : none;
}


#wrapper a:hover{
 color : #003366;
 text-decoration : underline;
 
 }




#content h2 {
  color: #4B0000;
  font-size : 26pt;
  font-weight:bold;
  margin-bottom : 5px;
  padding-bottom : 1px;
}  
#content h2 a {
  color: #960000; 
  margin-bottom : 0px;
  font-size : 18pt;
  margin-bottom : 0px;
  padding-bottom : 1px;
}

#content h3 {
  color: #4B0000;
  font-size : 12pt;
  margin :0px;
  padding: 0px;
  font-weight:bold;
}

#content strong {
  font-weight:bold;
  color: #4B0000;
}

.post {
	margin: 0 0 40px;
	text-align: left;
	}

.date {
   text-align: left;
   font-style:italic;
   font-size:smaller;
   margin-top: 0px;
      }

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}



.bold {
  font-weight:bold;
  color: #4B0000;
}	  

.italic {
  font-style:italic;
}


#sidebar {
  padding: 75px 75px 0 0;
  display : inline;	
  float : right;
  width : 263px;
  margin-top : 15px;
  text-align : left;
  line-height : 1.3;
}

#sidebar h3 {
padding-top: 15px 0 5px 0;
}

.sidehead {
  display: block;
  font-family: helvetica, arial, sans-serif; 
  font-weight : 400;
  font-size : 14pt;
  color: #4B0000; 
  font-weight:bold;
  padding: 10px 0 10px 0;
  margin: 0px;
}



.centre {
text-align : center ;
}



#sidebar ul{
display:block;
float:left;
width:100%;
padding-left:0px;
margin-left:0px;
padding-top: 0px;
margin-top:0px;

}


#sidebar li{
display:block;
padding:3px 0 4px 0;
margin-left:0px;
list-style-type: none;
width:100%;
border-bottom-style:dotted;
border-width:1px;

}


#sidebar a {
 color : #0707CD;
  font-size : 9pt;
  text-decoration:none;
}

#sidebar a:hover{
 color : #003366;
  font-size : 9pt;
  text-decoration:underline;
 }

#sidebar a:visited {
text-decoration:none;
}



#footer {
  clear : both;
  width : 100%;
  padding : 10px 0px 30px 0px; 
  text-align : center;
  font color : black;
  font-size : 0.8em;
 color : #FFFFFF;
  background-color: #393a38
 
}

#footer a:visited {
color : #FFFFFF;
}

#footer p {
color : #FFFFFF;
 }
 
#footer a:link {
 color : #FFFFFF;
 }
 
#footer a:hover {
 color:  #960000;
 }
 
#footer a:active {
 color:  #960000;
 }