html, body{ 
 margin:0; 
 padding:0; 
 background-color:#62492c;
 background-image:url('images/background.jpg');
 background-repeat:repeat-x;
 } 
 
#pagewidth{ 
 width:980px; 
 margin-left:auto; 
 margin-right:auto;
 background-position: top/left; 
 background-image:url('images/sidebeans.jpg');
 background-repeat:repeat-y;

} 
 
#header{
 position:relative; 
 height:500px; 
 background-color:#ac875d;  
 width:905px;
 margin-left:75px;
 background-image:url('images/coffeepress.gif'); 
 background-repeat:no-repeat; 
 background-position:right top; 
 } 
 
 
 
 
#leftcol{
 width:35%; 
 float:left; 
 position:relative; 
 margin-left:25px;
  background-image:url('images/boxbackground.jpg');
  background-repeat:repeat-x; 

 }
 
#maincol{background-color:#ac875d; 
 float: right; 
 display:inline; 
 position: relative; 
 width:60%;
 background-image:url('images/boxbackground.jpg');
  background-repeat:repeat-x; 

 }
 
#footer{
 height:110px; 
 background-color:#62492c;  
 clear:both;
  width:905px;
 margin-left:90px;
 margin-top:-37px;
 padding-top:5px;

 
 } 
 
P
{
  font-size:15px;
 font-family:'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
 color:black;
}	


B{  
 font-size:14px;
 font-family:'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;

}
	
	
li{
 font-size:13px;
 font-family:Verdana,Tahoma,'Trebuchet MS',Arial,sans-serif;
}

	
H1, H2, H3, H4, H5, H6
{
	margin: 0;
  padding: 0;
	font-family: Verdana,Tahoma,'Trebuchet MS',Arial,sans-serif;
  color: white
}

H1
{
	font-size: 32px;
}

H2
{
	font-size: 27px;
}

H3
{
	font-size: 1.5em;
}

H4
{
	font-size: 1.2em;
}

H5
{
	font-size: 18px;
}

H6
{
	font-size: 0.9em;
}


 
 
 /* *** 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;}
}






/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#chromemenu{
width: 651px;
font-weight: bold;
font-size: 90%;
margin-top:-2px;
}





#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden
}

#chromemenu ul{
border: 0px;
width: 100%;
background: url(images/chromebg.gif) center center repeat-x;
padding: 9px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
color: white;
padding: 9px 16px 9px 16px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
 font-size:15px;
}

#chromemenu ul li a:hover{
background: url(images/chromebg2.gif) center center repeat-x;
}







/*Green link button -- Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('images/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 14px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/

}

a.squarebutton span{
background: transparent url('images/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/

}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}