body{

 margin: 0;

 padding: 0;

 font-family: arial,verdana,helvetica,sans-serif;

 font-size: 12px;

 text-align: center;

 background-color: #669999;

}

#header{

	background: #ffffff url('http://www.fernandinabeach-realestate.com/images/fbheader.jpg') no-repeat top center;

	margin: 0 5px 5px 5px; 

	height: 100px; 

	width: 750px; 

	margin: 0 auto;

}

#container{

  width: 535px;

  background-color:#ffffff;

  overflow:hidden;

  margin:0 auto;

  padding: 0 0 0 210px;  /*The width of the menu */

	border-left: 5px solid #ffffff;

	border-bottom: 5px solid #ffffff;

	text-align: left;

}

* html #container{

  height:1%; /* So IE plays nice */

}



#content{

  background-color: #ffffff;

  width: 100%;

  padding:5px;

  border-left:200px solid #F5F5F5;

  margin-left:-210px;

  float:right;

}

#menu{

  background-color: #F5F5F5;

  width:200px;

  float:left;

  margin-left:-210px;
	
	text-align:center;
	
	padding-top: 5px;

}

#footer{

 width: 750px;

 height: 50px;

 background-color: #669999;

 text-align: center;

 font-size: 10px;

 color: #ffffff;

 border: solid #999999;

 border-width: 1px 0px 0px 0px;

 padding: 0;

 margin:0 auto;

}

#footer a:link{

color:#FFFFFF;

}

#footer a:visited{

color: #FFFFFF;

}



a:link{

color:#333333;

}

a:visited{

color: #999999;

}

a:active{

color: #003300;

}

a:hover{

color: #663300;

}



h1.smhead{

 font-size: 16px;

 color: #663300;

 margin: 0;

}



h2.smhead2{

 font-size: 14px;

 color: #663300;

 margin: 0;

 padding: 0;

}



h2.resume{

 font-size: 14px;

 margin: 10px 0px 0px 0px;

}



h1, h1 a, h1 a:hover, h1 a:visited{

 text-decoration: none;

 color: #669999;

 margin: 5px 0px 0; 

}







form.resume{

margin: 0;

padding: 0;

}



label{

width: 5em;

float: left;

text-align: right;

margin-right: 0.5em;

display: block

}



label2{

width: 7em;

float: left;

text-align: right;

margin-right: 0.5em;

display: block

}



.submit{

display: block;

text-align: right;

margin-right: 1.0em;

margin-top: 0.5em;

}



.boxtop{

padding:2px 2px 2px 5px;

background-color:#669999;

color: #FFFFFF;

font-weight: bold;

}



.boxbot{

padding: 5px 5px 5px 5px;

}

.boxbot2{

padding: 0px 0px 0px 0px;

}



.covertop{

position: absolute;

width: 188px;

height: 60px;

background-color:#FFFFFF;

}



.coverbot{

position: absolute;

margin-top: 440px;

width: 188px;

height: 60px;

background-color:#FFFFFF;

}



.boxborder{

border: 1px solid #669999;

margin: 5px 5px 5px 5px;

}



li{

list-style image: url(images/bullet.jpg);

margin: 5px 0px 0px 0px;

}



#nav {

float: left;

width: 100%;

margin: 0 0 0 0;

padding: 70px 0 0 0;

list-style: none;

}

	

#nav li { 

float: left;

margin: 0;

padding: 0;

}

	

#nav a {

float: left;

display: block;

padding: 6px 30px 6px 5px;

text-decoration: none;

font-weight: bold;

font-size: 90%;

color: #FFFFFF;

background: url(../img/nav_slant.gif) no-repeat top right;

}

	

#nav #nav-1 a {

padding-left: 20px;

}

	

#nav a:hover {

color: #663300;

}