html, body{ 
 margin-left:0; 
 margin-right:0;
 margin-top:10px;
 margin-bottom:10px;
 padding:0;
 background:#141414;}
 
 body{text-align:center;}
 
 html {
	font-size:76%; 
	font-family:georgia, palatino linotype, times new roman, serif;
	}

#page{ 
 width:640px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; }p {color:#000000; line-height: normal;} 

a{text-decoration:none; color:#173142;font-weight:bold;}
a:hover{ text-decoration:underline; color:#356C8E}
.link{ color:#173142;font-weight:bold;}
	
#content {
float: left; 
 display:inline;
 width:640px; 
 position: relative; 
 border-top:2px solid #5194BF;
	border-left:2px solid #5194BF;
	border-right:2px solid #5194BF;
	background:#ffffff;}


#content img{display: inline; border-style:none;
}



#head {
background: url(images/header.jpg) top no-repeat; 
background-color:#141414;
	width:640px;
	position: relative; 
   height:182px; 
	font-size:1em; 
	border-top:1px solid #5194BF;
	border-left:2px solid #5194BF;
	border-right:2px solid #5194BF;	}
	
#head img{border-style:none;
margin-left:auto; margin-right:auto; }


.center{text-align:center; margin: 15px auto 15px auto;}
	
#headmenu {margin-top: 160px; text-align: center;
 color:#ffffff; text-decoration:none; font-family:verdana; border-style: none; }



#foot {
	text-align:center;
	width:640px;
  	height:50px;
	clear:both;
	background:url(images/wrapper.jpg) no-repeat;
	font-size:1em; 
	border:2px solid #5194BF;
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	color:#ffffff;	}



#content p {
	padding-top:1px; padding-left:7px; line-height:17px;}
	
#headpara{margin-left:20px;line-height:14px;}
#headpara p.intro{margin-top: 15px;line-height:14px;text-align:center;}

#middlesection{margin-top:25px; margin-left:0px; float:right; width:200px; margin-right:15px; border: dotted #000000 1px; background-color:#DCE4EB; color:#000; display:block; margin-bottom:10px;}
#middlesection img{margin: 0 auto;}



ul{float:left; width:400px;margin:0;line-height:16px;padding: 0;}

li{float:left; width: 190px; list-style-type:none; list-style-position:inside;  margin:0;padding: 0 0 0 9px; background: url(images/arr.gif) no-repeat 0 6px;}

#middlesection ul{width: 250px;float:right;margin: 10px 0 0 0;padding:0;line-height: 16px;font-size:10px;}
#middlesection li{width:245px; float:right; margin:0px;padding:0 0 0 9px;list-style-type:none;list-style-position: inside; list-style-image: none; background: url(images/arr.gif) no-repeat 0 6px;}
#centerdivs{text-align:center;}
#middlesection2{
margin:0 auto; text-align:left;
width:516px;height:240px; border: dotted #000000 1px; background-color:#ffffff; color:#000;}
#middlesection2 p{text-align:left; line-height: 16px;font-size:11px;}

#middlesection2 ul{width: 318px;float:left;margin:10px 0 0 0;padding:0;line-height: 16px;font-size:11px;}
#middlesection2 li{width:290px; float:left; margin:0 0 0 10px;padding:0 0 0 9px;list-style-type:none;list-style-position: inside; list-style-image: none; background: url(images/arr.gif) no-repeat 0 6px;}

#middlesection3{margin-top:5px; margin-left:auto; width:515px; margin-right:auto; border: dotted #000000 1px; background-color:#ffffff; color:#000; margin-bottom:15px;}
#middlesection3 p{text-align:left; line-height: 16px;font-size:11px;}

p.boldhead {
text-align: center;
font-size:1.5em; 
line-height: 22px;
margin-top: 15px;

color: #657F93;
font-weight:bold;}


.bold {font-weight:bold;}
.left {float:left; margin:10px 5px 0 5px; display:inline; }

.lefthome {margin-top:15px; margin-bottom:15px; margin-left:auto; margin-right:auto;}
.right {float:right;
margin-top: 10px; margin-right:10px; margin-bottom:10px;
border:1px solid #000; display:block;}
.righthome {float:right;
margin:10px 10px 20px 0;}
.lefttext {margin-top: 20px;float:left; width:200px; text-align:left;}
.righttext {float:right; width:300px; text-align:justify;}

img {margin-left:65px;}
.intro img{margin: 0 auto;
vertical-align: text-bottom;}
.center img{
margin:0 auto;
}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
