/*  THE WRAPPER ID MAKES SURE THE PAGE IS CENTERED */
#wrapper
{
    width: 100%;
    min-height: 155px;
    height: auto !important;
    height: 155px;
    
    position: relative;    
    float: left;            
    background-image: url(/themes/default/images/dropshadow.png);
    background-repeat: repeat-y;
    background-position: center;    
    _background-image: none;
    
}


/*  NOW THE SITE IS CENTERED WE CAN FLOAT THINGS TO THE LEFT INSIDE THE WRAPPER
    THIS MEANS THAT WE CAN CENTERING AND COLUMNS TO BOOT */
#site
{
    width: 800px;        
    margin: 0 auto;      
    min-height: 100px;
    position: relative;
    
    padding: 4px;
    padding-top: 0px;
    padding-bottom: 0px; 
    _border: solid 1px #cdcdcd;
    _border-top: 0px;
    _padding: 0px;
    _background-color: #f9f5e9;           
}

#content
{	
    height: auto !important;
	min-height: 100px;
	height: 100px;		
    width: 845px;	
    border-top: 0px;            
}
#content #footer
{
    width: 760px;
    padding: 0 20px 10px 20px; 
    float: left;
}

#content #footer .snippet { width: 760px; }

#content #masthead
{
    width: 780px;
    padding-left: 20px;    
    height:100px;        
    position: relative;
    
}

#footer td { vertical-align: middle; }
#footer .telephone { width: 175px; font-size: 1.3em; color: #826542; }
#footer .email { width: 310px; font-size: 1.3em; color: #826542; }
#footer a,
#footer strong { color: #000; }

iframe { border: solid 1px #cdcdcd; }