.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#604c35 url('../images/body-back.gif') repeat-x;
}

#container{
	width:789px;
	margin:auto;
	position:relative;
	background:#bbad9e;
	border-left:1px solid #2e1f0f;
	border-right:1px solid #2e1f0f;
	border-bottom:1px solid #2e1f0f;
}

#masthead{
	height:230px;
	background:url('../images/masthead.gif') no-repeat;
}

#masthead h1{
	text-indent:-9999px;
	margin:0;
}

#sidebar{
	width:200px;
	float:left;
	background:url('../images/welcome-title.gif') top left no-repeat;
}


#menu{
	overflow:hidden;
}

#caption{
	font:11px Arial, sans-serif;
	margin-top:2px;
	text-align:center;
}

#menu img{
	margin:40px 0 20px 0;
	border:0;
}

#menu h2{
	margin:0;
	text-indent:-9999px;
}

#menu ul{
	text-align:right;
	margin:0;
	padding:0 17px 0 0;
	list-style:none;
}

#menu ul li{
	padding:0 0 15px 0;
}

#menu ul li a{
	font:10px Arial, sans-serif;
	color:#330e00;
	text-decoration:none;
}

#menu ul li a:hover{
	color:#1f0900;
}

#torso{
	float:left;
	width:585px;
	padding-left:4px;
	background:#8d765d;
}

* html #torso{
	width:587px;
	padding-left:2px;
}

#logos{
	width:200px;
	height:280px;
	position:absolute;
	bottom:0;
	left:0;
}

#main-content h3{
	margin-top:0;
	padding:10px 0;
	font:normal 16px Arial, sans-serif;
	border-bottom:2px solid #8d775e;	
}

#main-content h4{
	font:bold 12px Arial, sans-serif;
	margin-bottom:0;
}

#main-content p{
	font:10px/15px Arial, sans-serif;
}

#main-content a{
	color:#00adef;
	text-decoration:none;
}

#main-content a:hover{
	color:#fff;
}

#footer{
	width:585px;
}

#footer h4{
	margin:0;
	text-indent:-9999px;
}

#footer p.hide{
	text-indent:-9999px;
}

#footer p.show{
	text-align:right;
	color:#fff;
	font:10px Arial, sans-serif;
	padding:20px 37px;
}