
/*
cream F2EBC3
blue 9EC2DC
red  D75151

*/

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #555555;
	margin:5px 0;
	background-color: #F1EBC8;
	background-image: url(../images/bk.gif);
	background-repeat: repeat;
}

h1 { 
   color: #D75151;
   font-size: 16px; }

 h2, h3 {
   color: #0D66A2;
  font-size: 14px;
 
 }
 h3 {
   color: #0D66A2;
  font-size: 12px;
 
 }

hr { height:1px; color:#C8BE8B; }



p, li{	line-height: 16px; }

.bullet {
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif);
	list-style-type: none;


}

#content a { color: #D75151; text-decoration: none;   }

#content a:visited {	color:  #333;	 }

#content a:hover {	color: #D75151; text-decoration:none;	}

#content a:active { 	color: #D75151;	 }



 #wrapper{ 
	margin: auto;
	width: 794px;
	text-align: left;
    background:url(../images/bod_mid.gif) top center repeat-y;
  }
 #header {
    width: 758px;
    height: 100px;
    margin: 0 auto;
    padding-top: 5px;
 
 }

 #topNav{
	width: 758px;
	margin:  0 auto;
	background-color: #CEC8A6;
	height: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F1EBC8; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1EBC8; 
 }
 
 #topNav ul {
    margin: 3px 0 0 0 ;
 }
 #topNav ul li {
   padding: 0 10px 2px 0;
   display: inline;
 
 }
  #topNav ul li {
   padding: 0 10px 2px 0;
   display: inline;
 
 }
 
   #topNav ul li a{
   padding: 0 10px 2px 0;
   display: inline;
   color: #333;
   text-decoration: none;
 
 }
 
 
body#welcome  #topNav ul li a#welcomeLink{
	padding: 0 10px 2px 0;
	display: inline;
	color: #0D66A2;
	text-decoration: none;
	
 }
 
 body#rates  #topNav ul li a#ratesLink{
	padding: 0 10px 2px 0;
	display: inline;
	color: #0D66A2;
	text-decoration: none;
	
 }
 
 
  body#contact  #topNav ul li a#contactLink{
	padding: 0 10px 2px 0;
	display: inline;
	color: #0D66A2;
	text-decoration: none;
	
 }
    #topNav ul li a:active{
   padding: 0 10px 2px 0;
   display: inline;
   color: #9EC2DC;
   text-decoration: none;
 
 }

   #topNav ul li a:hover {
   padding: 0 10px 2px 0;
   display: inline;
  color: #fff;
   text-decoration: none;
 }
 

 #photoheader {
	clear: both;
	margin: auto;
	height: 201px;
	width: 758px;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #9EC2DC; 
 }
 #photobar {
 margin: auto;
 
 width: 758px;
 
 }
 
#content {
  margin: 0 auto 30px auto;
  width: 794px;
  background-color: transparent;
	font-size: 12px;
	color: #555555;
	text-align: left;

}
.leftcontent {
	width:340px;
	float: left;
	margin: 10px 10px 10px 25px;
	/*border: thin solid #FF0000;*/
}

#main #leftcontent { 
margin: 10px 10px 10px 25px;
width:350px; 
float: left;
}

.rightcontent { 
width:360px; 
margin: 10px 25px 10px 0; 
float:right; 	
/*border: thin solid #FF0000;*/
  }

#main #rightcontent { 
margin: 10px;
width:350px; 
float:right;   }

input, select, textarea { 
font:12px Arial, Helvetica, sans-serif;
color: #555555; }



/*BORDER ELEMENTS*/



#borderTop {width:794px; height:11px; background:url(../images/top_bdr2.gif) no-repeat; margin: auto;}

#borderBot {width:794px; height:11px; background:url(../images/bot_bdr2.gif) no-repeat;  margin: auto;}



/*UTILITY NAV*/

#utilityNav {width:400px; position:absolute; margin-left:400px; margin-top:5px; font-size:10px; z-index:90; }

#utilityNav a {padding: 0 15px 0 0;}

.black {
color: #555555;
text-decoration: none;

}


#blue{

	color: #9EC2DC;
	font-style: italic;

}
.attn {
margin-top: 0;
background-color: #ABC7DB;
padding: 10px;
line-height: 18px;
}

#footer {
margin: auto;
	text-align: center;
	width: 758px;
	color:#999;
	font-size: 11px;
	border-top-width:5px;
	border-top-style: solid;
	border-top-color: #CEC8A6;	
}
#footer a { 
color:#747462}



.message {background:#f5f5f5; color:#000;display:none;width:250px;padding:10px;}
.contact {text-align:right; color: #555555;
}
.contact label {
margin-right: 0; text-align: right;}
.contact ul {list-style-type:none;width:250px; }
.contact li {list-style-type:none; padding-bottom: 5px;}
.contact li.special {display:none;}
.contact input {
	width:150px;

	
}
.contact textarea {width:150px; }


#leftpic{

width: 378px;
float:left;
height: 200px;
}

#rightpic{

width: 378px;
height: 200px;
float:right;

}




















