html, body{ 
 margin:0 auto; 
 padding:0; 
 text-align:center; 
 font-family:Century Gothic;
 font-size:14px;
} 

body 
{
 background-color:White;
 background: #FFF url(Images/page_bg.gif) center no-repeat;
 color:#A19F86;
}
 
#pagewidth{ 
 width:848px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 
} 

#wrapper 
{
   min-height:300px;
}

div.inner 
{
   width:500px;
   margin:auto;
}
 
#header{
 position:relative; 
 width:100%;
 text-align:center; 
} 
 
#leftcol{
 width:350px; 
 float:left; 
 position:relative;
 min-height :257px;
 height:257px;
/* border:1px solid black;*/
 overflow-y:scroll;
  }
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 /*display:inline; */
 position: relative; 
 width:455px; 
 }
 
#footer{
 height:98px; 
 background-image: url(Images/footer.gif);
 width:804px;
 height:98px;
 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#logo 
{
   width:805px;
    height:161px; 
    background: url(Images/header.gif);
}


.spacer 
{
   height:10px;
}

.page-title 
{
   color:#676250;
   font-size:17px;
}

.imagesize 
{
   width:65px;
   height:60px;
   padding:3px;
}