/*  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: 840px;        
    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: 820px;
    padding-left: 20px;
	float: left;		
	margin: 0 auto;	
	background-color: #f9f5e9;		
	color: #8b7f73;
	background-image: url(/themes/default/images/sub-nav.png);
	background-position: top;
	
	height: 46px;
	padding-top: 12px;
}
#content #footer .snippet { padding: 0px; width: 188px; }
#content #footer .snippet p { float: right; text-align: right; padding: 0px; padding: 0px; margin: 0px; line-height: 20px; }
#content #footer .snippet p a { color: #8B7F73; }
#content #masthead
{
    width: 840px;
	margin-top: 5px;
	min-height:215px;
    height:auto !important;
    height:215px;	
    float: left;
    background-image: url(/themes/default/images/site-banner.png);	
    background-repeat: no-repeat;    
    background-position: bottom	;    
}