/*
Font size is set at 62.5% so that 
1em = 10px.
*/
body {
   margin:0;
   padding:0;
   background:#bfa399 url(../images/pattern.jpg);
   font-family:Trebuchet MS, Georgia, Arial;
   font-size:62.5%;
   color:#682304
   }
   
h1,h2,h3,h4,p,ul,li {
   margin:0;
   padding:0
   } 
   
p  {
   font-size:1.4em;
   line-height:1.4em
   }  
   
p.emphasis {  
   font-size:1.6em;
   font-weight:bold;
   line-height:1.7em
   }   
   
p a {
   text-decoration:none;
   color:#732306;
   font-weight:bold
   }   

ul {
   list-style-type:none;
   }
   
/* 
"margin: 0 auto" with a width will center the layout
in the browser window
*/ 

#wrap {
   margin:0 auto;
   margin-top:15px;
   padding:0;
   width:800px;
   background:#f2eed8;
   }
   
#masthead {
   margin:0 10px; 
   padding:0; 
   } 
   
#masthead h1 {
   padding:15px 0 0 0;  
   float:left;	
   font-size:3em;
   }	
   
#masthead h1 a {
   text-decoration:none;
   color:#f29f05
   }   	
   
#masthead span {
   color:#682304
   } 
   
#masthead h2 {
   padding:30px 0 0 3px; 
   float:left;
   font-size:1.5em;
   color:#732306;
   }
   
#nav {	
   float:right;	 
   list-style:none;
   margin:20px 0 0 0;
   font-size:1.4em;
   }

#nav li { 	  
   float:left
   }   

#nav li a{ 		
   padding:0 10px 0 20px;
   color:#732306;
   text-decoration:none
   }  

#nav li a:hover, #nav li a.active {
    background: url('../images/link_on.gif') no-repeat left center
	}

#header {
   clear:both;
   margin:0 10px;
   padding:0; 
   }
   
#footer {
   clear:both;
   margin:0 10px;
   padding:0; 
   }     

/*
Setting vert align to bottom eliminates gap after image
*/   
#header img {
   vertical-align:bottom
   }
      
#header h2 {  
   margin:0;
   padding:5px; 
   color:#732306;
   text-align:center;
   font-size:1.5em;
   line-height:1.4em; 
   letter-spacing:.1em;
   background:#f29f05
   }	      
   
#header span {
   color:#fff;
   }
   	  
#main {
   margin:0 10px;
   }
      
#content { 
   margin:0;
   padding:0 20px 20px 0;
   float:right;	 
   width:390px;
   }

#content h3 {	
   padding:20px 0 5px 0;
   font-size:1.9em;
   } 
   
.zemContactForm fieldset {
   border: none;	
   padding-top:3em;
   padding-bottom: 1em;
   }
.zemContactForm legend {
   display:none
   }
.zemContactForm label {
   float: left;
   width: 50px;
   margin: 0 10px 0 0;
   text-align: right;
   font: 1.5em bold Trebuchet MS, Georgia, Arial;
   color: #732306;
   }
.zemContactForm input {
   margin-bottom: 1em;
   background: #fff !important; 
   border:dotted 1px #f29f05
   }
.zemContactForm textarea {
   width:300px;
   border:dotted 1px #f29f05
   }   
.zemContactForm br {
   clear: left;
   }		   
   
.zemContactForm .zemSubmit {
   margin: 1.5em 0 0 60px;
   padding:5px;	
   border:none;
   text-decoration:none;
   font-size:1em;
   font-weight:bold;
   letter-spacing:.1em;
   color:#fff;
   background:#732306 !important	 
   }
            
#sidebar { 
   margin:0; 
   padding:0;
   float:left;    
   width:350px;
   background:#e9e2bc
   }	
   
#sidebar img {
   margin: 20px 0 0 86px;
   padding:0px;
   border:1px solid #732306;    
   background:#fff  
   }   
   
#sidebar h5 {  
   margin:0;
   padding:20px 0 0 20px; 
   text-align:center;
   font-size:1.8em
   }  
   
#sidebar p {  
   margin:0; 
   padding:20px 20px 30px 30px;
   text-align:center
   }   
   
#footer { 
   padding:6px 0;
   font-size:.8em;
   letter-spacing:.1em;
   text-align:center;
   background:#ede8c9;
   }   		
   
#footer a {
   text-decoration:none;	
   color:#732306;  
   font-weight:bold;
   }   

/* Hide from IE5/Mac \*/
* html #footer { height:1%;}
/* End hide from IE5/Mac */