body
{
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", 
	"Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, 
	Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 85%;
	color:#000;
	background-color: #cecece;
	margin: 0px; 
	padding: 0px;
}

#wrapper 
         {margin: 0 auto;
          position: relative;
          width:65em;
          background-color: #f8f7f7;
    }

#container 
{
min-height:500px;
left: 0px;
position: relative;
top: 0px;
width: 100%;



}

.clear {clear: both;
	     height: 1px;
	     margin-top: -1px;
	     overflow: hidden;
}
   .goldlinebottom { 
               height: 2px;
	           margin: 0;
	           padding: 0 0 1px 0;
               border-bottom: 1px solid #978547;
   }
   
/* main grids  */

#headarea
  {    position:relative;
       width: 100%;
       height:95px;
       padding:0px;
       margin:0px;
       background-color: #f8f7f7;
      
       }

#logo_stone {position:relative;
       top: 6px;
       left:45px;
       width: 50%;
       height:82px;
       padding:0px;
       margin:0px;
       background-image:url(/images/hmda_logo_small.jpg);
       background-repeat: no-repeat;
      
     
       }

#address {
        position:absolute;
       top: 17px;
       left:78%;
       width: 13em;
       height:70px;
       padding:0px;
       margin:0px;
       
     
       }
       
       
#navlist
      {position: relative;
       width: 100%;
       padding:0px;
       margin:0px;
       z-index:15;
      

       }

   

   
/* columns */

.content {
	position: relative;
	width: 65em;
	padding:0px;
    margin-top: 4em;
    min-height: 530px;
    background-color: #f8f7f7;
       }
.content-slide {
	position: relative;
	width: 50em;
	padding:0px;
    margin: 4em 0 0 15em;
    min-height: 460px;
    background-color: #f8f7f7;
       }       

       
.contentbelow {
	position: relative;
	width: 65em;
	padding:0px;
	margin: 0;
    background-color: #f8f7f7;
    height: 8em;
       }
       
#left-col {
           float: left;
           width: 30em;
           padding:0px;
           margin:0px;
           

           } 
           
.left-inner {float:left;
             width: 90%; 
             margin:  0 5% 2% 5%;
             padding:0px;
             }
           

.left-inner-left {float:left;
              width: 40%;
             margin: 0;
             padding:0;
              background-image:url(/images/globe-bg.jpg);
              background-repeat: no-repeat;
             }
             
.left-inner-left-blank {float:left;
              width: 50%;
             margin: 0;
  
             } 
.left-inner-left-gold {float:left;
              width: 90%;
             margin: 0;
             padding:0px;
  
             }             
             

.left-inner-right {float:left;
             width: 50%;
             margin: 15px 0 0 0em;
             padding:0; 
             
             }


#right-col {
            float:left;
            width: 34em;
            padding:0px;
            margin-top: 10px;
            background-color:#f8f7f7;
            
            
}

#thumbnails  {
            width: 90%;
            padding:1em;
            margin: 0px;
 

}	 

.left-slide {float:left;
              width: 12em;
             margin: 2em 3em 0em 15px;
             padding:0;
             background-color: #f8f7f7;
           
             }
           
 

/* images  */

img, img a, .genimg, .small, .small a {border: 0;}



.genimg    {padding: 7px 5px 3px 0px;
            float:left;}

.embed-left{float: left;
          margin: 0;
          padding: 0px 8px 8px 0px;
          height: 150px;
          width: 150px;}

.small  {float: left;
          margin: 0;
          padding: 10px;
          height: 75%;
          width: 14%;}
         
.smallfirst
         {float: left;
          margin: 0;
          padding: 10px 10px 10px 22px;
          height: 75%;
          width: 14%;}          

 .right {float: right;
          margin: 0;
          padding: 5px;} 
          
          
  .thumbs  {width: 72px;
           height:99px;
         padding: 6px;
         margin: 5px;
         border: 1px solid #796b3c;
         }
                 


.image_resize{ float:left; margin:0px; padding:0; width:100%; }


#swf_safe{position: absolute;
          top: 36px;
          left:13px;
          }

   

/* typography  */




h1 { font-size: 1.3em;
     font-weight: normal;
     color: #666;
     margin: 0px;
     padding: 10px 0 2px 0;
    
}

h1 a{ 
     color: #999;
     text-decoration: none;
     margin: 0px;
     padding: 10px 0 2px 0;
}

h1 a:hover{ 
     color: #666;
     text-decoration: underline;

}

h2 { font-size: 1.1em;
     font-weight:normal;
     color: #666;
     margin: 0px;
     padding: 10px 0 2px 0;
   

}

h2 a{ 
     color: #999;
     text-decoration: none;
     margin: 0px;
     padding: 10px 0 5px 0;
}

h2 a:hover{ 
     color: #4d6f56;
     text-decoration: underline;     
     }



span.tealish {
color:#4d6f56;}

  


h3 {font-size: 1em;
    color:#796b3c;
    margin: 0px;
    padding: 10px 0px 6px 0px;
    font-weight:normal;
    line-height: 1.3em;
    
}

h3 a{
    color:#999;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    text-decoration: underline;
}

h3 a:hover{
    color:#a32945;
    text-decoration: underline;
    
}
h4 {font-size: 1em;
    color:#796b3c;
    margin: 0px;
    padding: 0px 0px 4px 0px;
}
h4 a{
    color:#796b3c;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

h4 a:hover{
    color:#999;
    text-decoration: underline;
}

p  {color: #666;
   font-size: 0.9em;
   line-height: 1.3em;
   margin: 0px;
   padding: 0px 0 6px 0;
  
   }

p a {color:  #660000;
     text-decoration: none;
     }
p a:hover {color:  #4d6f56;
     text-decoration: underline;
     }
     
     
p.gold {color:#796b3c;
         font-size: 0.7em;
         line-height: 1.2em;     
   

}
     
        
p.goldline  {color: #999;
   font-size: 0.9em;
   line-height: 1.3em;
   margin: 0px 0px 20px 0px;
   padding: 0px 0px 20px 0px;
   border-bottom: 1px solid #978547;
   }   

 
   
p.left-inner {color:#949494;
           font-size: 0.8em;
           line-height: 1.2em;
           margin: 0px;
           padding: 0px 0px 5px 0px;

}


p.address  {color: #949494;
   font-size: 0.8em;
   margin: 0px 0px 3px 0px;
   padding: 0px;
   }
   

p.statement {color: #000;
             font-size: 0.9em;
             line-height: 1.3em;
              padding: 0px 0px 10px 0px;
              margin: 0;
             }
             
  
     
p.legendleft {font-size: 0.8em;
             padding: 5px 0 10px 0;
             margin: 0;
             color:#978547;
             text-align: left;
             }
             
p.firstpic {font-size: 1em;
             padding: 5px 0 10px 0;
             margin: 0;
             color:#cccccc;
             text-align: center;
             }
           
	
   
/* horizontal menu  */




#menu {

font-size : 0.85em;
width : 96%;
float : left;
list-style : none;
line-height : 1.1em;
padding : 0  ;
margin :  0 2%;
/*background: #f8f7f7 url("/images/navbg.jpg") repeat-x; */
border-top: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;




}

#menu ul {
list-style : none;
padding : 0;
margin : 0;
position : absolute;
top: 3.5em;
left : -999em;
height : auto;
width : 12em;
font-weight : normal;
text-align: center;

}


#menu li {
float : left;
padding : 0.7em 0 0.6em 0px;

}


#menu li.first {

padding-left : 8%;

}

#menu li a { 
display : block;
color : #5c5c5c;
text-decoration : none;
padding : 0 20px;
margin: 0;


}
#menu li a span.white {color: #949494;
                   font-size: 0.9em;

}

#menu li:hover a span.white {color: #978547;
                   font-size: 0.9em;

}



#menu li li {
width : 12em;
border-bottom : 1px solid #fff;
padding : 0;


}
#menu li li.last {
width : 12em;
border-bottom : none;


}



#menu li li a {
padding : 4px 10px;
margin: 2px 0px;
font-size : 0.9em;
color : #dddddd;
text-align: center;
}
#menu li ul ul {
margin : 0px;
}
#menu li li:hover {
background : #cbcbcb;
}
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
color:#978547;
}
#menu li:hover a, #menu li.sfhover a {
color : #796b3c;
}



/*dropdown font color */
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
color : #fff;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
left : -999em;
}

/*dropdown bg color */
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, 
#menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
left : auto;
background : #949494;
}
#menu li:hover, #menu li.sfhover {
background : #f8f7f7;
}

.vertical {margin: 0px;
           padding: 0 0 1em 0;
           width: 100%;
           height: auto;
}

.vertical ul {float:left; 
              width: 100%;
              font-size: 1.1em;
              line-height: 1.6em;



}

.vertical li, .vertical li a {float: left;
                              width: 100%;
                              text-decoration: none;
                              color:#4d6f56;
                              list-style: none;
                              padding: 0px;
                              margin: 0;
                              
}

.vertical li a:hover {color: #660000;
                      text-decoration: underline;
}

	

/* footer  */


#footer {
        clear:both;
        float:left;
        width:100%;
        height: 32px;
        margin: 0px auto;
        padding-top: 15px;
        background-color: #fff;
        border-top: 1px #949494;
       
}



#footer ul { font-size: 0.75em; list-style: none;   
            padding: 0em 0em 0.3em 0em;   
            margin: 5px; text-align: center; }
            
#footer li {display:inline; margin: 0px; 
            padding: 0px 8px 0px 8px; 
            border-right: 1px solid #cbcbcb;}

#footer li.last {border-right: none;}


#footer li a { color: #949494; 
               text-decoration: none;}

#footer li a:hover  {color: #796b3c; 
                     text-decoration: underline;} 

/* form stuff */

form.jwmm fieldset {
margin-bottom : 10px;
}
form.jwmm legend {
padding : 0 2px;
font-weight : bold;
}
form.jwmm label {
display : inline-block;
line-height : 1.8;
vertical-align : top;
color:#4d6f56;
}
form.jwmm fieldset ol {
margin : 0;
padding : 0;
}
form.jwmm fieldset li {
list-style : none;
padding : 5px;
margin : 0;
}
form.jwmm fieldset fieldset {
border : none;
margin : 3px 0 0;
}
form.jwmm fieldset fieldset legend {
padding : 0 0 5px;
font-weight : normal;
}
form.jwmm fieldset fieldset label {
display : block;
width : auto;
}
form.jwmm em {
font-weight : bold;
font-style : normal;
color : #f00;
}
form.jwmm label {
width : 120px;
}
form.jwmm fieldset fieldset label {
margin-left : 123px;
}
form.jwmm {
width : 370px;
font-size : 1.1em;
color : #333;
}
form.jwmm legend {
padding : 0 5px;
font-weight : bold;
}
form.jwmm legend{
color : #660000;
}
form.jwmm fieldset {
border : none;
border-top : 1px solid #978547;
}
form.jwmm fieldset fieldset {
background : none;
}




	

/* footer  */


#footer {
        clear:both;
        float:left;
        width:100%;
        height: 32px;
        margin: 0px auto;
        padding-top: 15px;
        background-color: #fff;
        border-top: 1px #949494;
       
}



#footer ul { font-size: 0.75em; list-style: none;   
            padding: 0em 0em 0.3em 0em;   
            margin: 5px; text-align: center; }
            
#footer li {display:inline; margin: 0px; 
            padding: 0px 8px 0px 8px; 
            border-right: 1px solid #cbcbcb;}

#footer li.last {border-right: none;}


#footer li a { color: #949494; 
               text-decoration: none;}

#footer li a:hover  {color: #796b3c; 
                     text-decoration: underline;}