/*this version uses absolute/relative positioning between the side columns and their respective faux column containers. */
/* see notes on min and max width above
/* the content is first in the markup followed by the two side columns*/
/* this "content-first" markup is good for accessability and search engine optimization */
body {font: 1.0em verdana, arial, sans-serif;  /* overal font and sizing */
	text-align:center;
	color:#996633;
	scrollbar-face-color:#DCBB86;
    scrollbar-arrow-color:#643104;
    scrollbar-highlight-color:#DCBB86;
    scrollbar-3dlight-color:#663306;<big></big>
    scrollbar-shadow-color:#DEA74A;
    scrollbar-darkshadow-color:#663002;
    scrollbar-track-color:#6A3805;
	 /* centers the layout in IE */
	}
* {margin:0; padding:0;} /* removes defaults of all elements */
div#mainwrap {width:100%; /* sets the max and miin widths */
	margin-left:auto; margin-right:auto; /* centers the layout in SCBs */
	text-align:left; /* stops elements inheriting the body's text-center */
	}
div#header {height:150px; background-color:#DBBA85; text-align:left;} /* tempoarary placeholder styles for header */
div#contentarea { background-color:#FFF; /* ensures bg is white if faux graphic doesn't load */
	background:url(navgraphic.jpg) repeat-y top left; /* faux columns graphic left column */
	position:relative; /* set positioning context  for left sidebar div */
	}

	
div#column1 {width:150px; /* left col width */
		position: absolute; /* contextual positioning in contentarea container */
	top:0px; left:0px; /*positions col within contentarea container */
	/* left col bg color - (change color to see divs is position : ) */
	overflow:hidden; /* prevents overlarge elements breaking out of column */
	}

div#column2 {background-color:#FFF; 
    margin:0 10px 0 150px; /* left and right margins to make room for sidebars */
	background:url(images/background.jpg) repeat; /* faux columns graphic right column */

	}

div#footer {background-color:#DBBA85; text-align:center; padding-top:6px;} /* temp footer styles */

/* some basic styles for placeholder content */

div#column2 p {font-size:.8em; margin:0 30px 1em ;}
p.radiolist { margin:0 0 0 1200;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */