body {
	font-family: Georgia, "Times New Roman", Times, serif;  
	text-align:center; /* centers the layout in IE */
	background-color: #b8b59e;
	}
	
* {margin:0; padding:0;} /* removes defaults of all elements */

div#topwrap {	
	min-width:780px; max-width:1000px; /* sets the max and miin widths */
	margin-left:auto; margin-right:auto;
	}

	
/* Heading structure */
	
div#topleftpic {
	top: 0; left: 0;
	height: 146px;
	width: 284px;
	float: left;
	}
	
div#header3 {
	top: 0; right: 0;
	height: 146px;
	background:url(secondaryimages/banner_03bg_03.gif) repeat-x top right;
	margin:0 0 0 284px; /* left and right margins to make room for sidebars */
	}
	
div#header3 img {
	margin-top: 56px;
	}
	
/* Navigation and Body Text Structure */

div#wrap2 {
	min-width:780px; max-width:1000px; /* sets the max and miin widths */
	margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0;
	padding: 0;
	background-image:url(secondaryimages/right_col_bg_05.gif);
	background-repeat: repeat;
	text-align:left;
	}

div#contentarea {
	background-image:url(secondaryimages/left_col_bg.gif);
	background-repeat: repeat-y;
	position:relative; /* set positioning context  for left sidebar div */
	}
	
div#contentarea2 {
	background-color: #b8b59e;
	}
	
div#column1 {width:284px; /* left col width */
	position: absolute; /* contextual positioning in contentarea container */
	top:0px; left:0px; /*positions col within contentarea container */
	overflow:hidden; /* prevents overlarge elements breaking out of column */
	}

div#column2 { 
	margin:0 1px 0 284px; /* left and right margins to make room for sidebars */
	padding-top:54px;
	}
	
div#column3 {
	width:1px; 
	position:absolute;  /* contextual positioning in contentarea container */
	top:0px; right:0px; /*positions col within contentarea container */
	background-color:#b8b59e; /* left col bg color - (change color to see divs is position : ) */
	overflow:hidden; /* prevents overlarge elements breaking out of column */
	}
	
/* "Type styles start here" */

div#column2 p {
	font-size: .9em; 
	color:#002d62;
	margin: 0 20px 8px 20px;
	}
	
div#column2 h1 {
	font-size: 1.3em;
	color: #002d62;
	margin: 15px 10px 6px 20px;
	}
	
div#column2 a {
	color: #002d62;
	text-decoration: underline;
	}
	
div#column2 a:hover {
	color: #ffffff;
	}
	
div#column2 table {
	margin: 0 20px 0 20px;
	}
	
div#column2 table p {
	margin: 5px 10px 10px 0px;
	font-size: .9;
	font-color: #002d62;
	}
	
div#column2 table p.subinfo {
	margin-left: 20px;
	font-size: .8em;
	font-style: italic;
	}

/* "list styles" */

div#column1 ul {
	margin: 15px 10px 0 40px;
	text-align: center;
	font-size: 1.1em;
	color:#FFFFFF; 
	}
	
div#column1 li {
	margin-bottom: 13px;
	list-style-type: none;
	}
	
div#column1 li a {
	color:#FFFFFF;
	}
	
div#column1 li a:hover {
	color:#b0ae96;
	}
	
.fineprint {
	font-size: .8em;
	font-style: italic;
	font-weight: 100;
	color: #ffffff;
	}
	


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