/* ForWood Layout styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background: url(../img/bg-wood-tile.jpg) repeat 0 0;	
	margin: 0;
	padding: 0;
	}

#top-level {
	}
	
#lower-level {
	}	
	
#container-mid {
	width: 924px; /* FF */
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
	background: url(../img/bg-container-mid.gif) repeat-y 0 0;	
	}

#content-wrapper {
	float: left;
	width: 810px; /* FF */
	background: #fff url(../img/bg-container-wrapper.gif) repeat-x 0 100%;
	padding: 16px 57px 86px 57px;
	}
	
#container-bottom {
	width: 954px;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/bg-container-bottom.gif) repeat-y 0 0;
	}		
	
/* ----- Columns within content-wrapper ----- */		

/* 1 - 2 - 1 layout */

#subnav-content-wrapper {
	width: 600px;
	float: left;
	}
	
#subnav {
	width: 180px;
	float: left;
	} 
	
#content {
	width: 390px;
	float: right;
	}	

#top-level #content {
	border-top: 3px solid #97d16b;
	padding: 0 0 0 0;
	}
	
#feature {
	width: 180px;
	float: right;
	}	
	
/* 3 - 1 layout */

#wide-content-first {
	width: 600px;
	float: left;
	}
	
#top-level #wide-content-first {
	border-top: 3px solid #97d16b;
	padding: 0 0 0 0;
	}	
	
#feature {
	width: 180px;
	float: right;
	}		
	
/* 1 - 3 layout */

#subnav {
	width: 180px;
	float: left;
	} 

#wide-content {
	width: 600px;
	float: right;
	} 	
	
/* 2 - 2 layout */

#half-content {
	width: 390px;
	float: left;
	} 

#half-feature {
	width: 390px;
	float: right;
	} 
	
#half-feature-home {
	width: 420px;
	float: right;
	margin-top: 8px;
	} 	
	
/* quarter columns left and right (these go inside the 2 - 2 columns) */				

.quarter-col-left {
	width: 180px;
	float: left;
	margin: 0 0 20px 0;
	}		
	
#half-feature-home .quarter-col-left {
	width: 240px;
	float: left;
	margin: 0 0 0 0;
	}			
	
.quarter-col-right {
	width: 180px;
	float: right;
	margin: 0 0 0 0;
	}			


/* ----- clearing divs ----- */			
	
.clear { /* simple clearing div with no height */
	clear: both;
	font-size: 0.1px;
	border: none;
	margin: -1px 0 0 0; 
	padding: 0;
	background: transparent;
	}
	
.clear-fix { /* simple clearing div with 1px height */
	clear: both;
	height: 1px;
	font-size: 0.1px;
	border: none;
	margin: -1px 0 0 0; 
	padding: 0;
	background: transparent;
	}					
	
.clear-double-divider { /* clearing div with 2px high white/grey line */
	clear: both;
	height: 2px;
	font-size: 0.1px;
	border: none;
	margin: 7px 0; 
	padding: 0;
	background: url(../img/double-divider.gif) repeat-x 0 0;
	}				
	
.clear-space { /* simple clearing div with no height */
	clear: both;
	font-size: 0.1px;
	border: none;
	margin: 0; 
	padding: 10px 0;
	background: transparent;
	}			
	
	
	
	
/* Homepage Advert No-Flash image links */	
	
	
#adContent {
	position: relative;
	}	
	
	
#adContent .alltime {
	width: 180px;
	height: 95px;
	position: absolute;
	left: 40px;
	top: 10px;
	}	
	
#adContent .alltime a {
	width: 180px;
	height: 95px;
	display: block;
	background-image: url(img/spacer.gif);
	}		
	
#adContent .alltime a img {
	border: none;
	}			
	
#adContent .brilliantway {
	width: 210px;
	height: 120px;
	position: absolute;
	right: 20px;
	top: 118px;
	}	
	
#adContent .brilliantway a {
	width: 210px;
	height: 120px;
	display: block;
	background-image: url(img/spacer.gif);
	}	
	
#adContent .brilliantway a img {
	border: none;
	}