/*this version uses absolute/relative positioning between the side columns and their respective faux column containers. */
/* se 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; /* centers the layout in IE */
	background-color:#85959B;
	}
* {margin:0; padding:0;} /* removes defaults of all elements */
div#mainwrap {min-width:780px; max-width:960px; /* 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 {position:relative;
			 height:199px;
			 margin:auto;
			 border:0px;
			 background-image:url(images_pres/topbanner.jpg);
			 background-repeat: no-repeat;
			 background-position: top left;
			 }
div#menu     {position:absolute;
			  bottom:10px;
			  margin-left:200px;
			  padding:3px;
			  background-color:white;
			}
div#contentarea {background-color:#85959B; 
	position:relative; /* set positioning context  for left sidebar div */
	}
div#contentarea2 {background-color:#85959B;
	position:relative; /* set positioning context  for right sidebar div */
	}
div#column1 {width:192px; /* left col width */
			 position:absolute; /* contextual positioning in contentarea container */
			 top:0px; left:0px; /*positions col within contentarea container */
			 height:359px;
			 background-image:url(images_pres/sidebanner.jpg);
			 background-repeat: no-repeat;
			 background-position: top left;
			 overflow:hidden; /* prevents overlarge elements breaking out of column */
			}

div#column2 {background-color:#85959B; 
			 margin:0 3px 0 194px; /* left and right margins to make room for sidebars */
			}
div#column3 {width:200px; 
	position:absolute;  /* contextual positioning in contentarea container */
	top:0px; right:0px; /*positions col within contentarea container */
	background-color:#85959B;
	overflow:hidden; /* prevents overlarge elements breaking out of column */
	}

div#rightfloat {float:right;
				border-width:1px; border-color:#ccc; border-style:solid;
				padding:3px;
				margin-top:8px;
				}	
div#footer {background-color:#85959B; text-align:center; padding-top:6px;} /* temp footer styles */

div#menu ul {list-style-type:none; text-align:center;}

div#menu li {display:inline; font-size:.8em; padding-left:15px; padding-right:15px; list-style-type:disc;}

div#column2 a {color:black;}

p {font-size:.8em;
   padding:5px;}

h4 { font-size:.8em;}

a {text-decoration:none; color:#00923F;}
a:hover {text-decoration:none; color: #F33;}

.caption {font-size:.8em; width:200px;}

.quote {font-style:italic;}

.entwine {font-size:.6em;
		  color:black;}

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