<style type="text/css">
body {margin:0; padding:0; font: 1em verdana, arial, sans-serif;margin-left:10px; margin-right:10px;}

div#mainwrapper {min-width:760px; max-width:880px;  margin-left:auto; margin-right:auto;} /* centers layout when > max width */
div#header {
	width:auto;
	}
#threecolwrap {
  float:left;
  width:100%;
	}
#twocolwrap {
 	float:left;
	width:100%;
	display:inline; /* stops IE doubling  margin on float*/
	margin-right:-170px; /* CWS - neg margin move */
	}
 #content {
 	width:auto;
 	margin-left:10px;
 	margin-right:10px;
 	}
#rightcolumn {
	display:inline;  /* stops IE doubling  margin on float*/
 	float:left;
 	width:170px; 
	}
 #footer {
 	width:100%;
 	clear:both;
 	float:left;
 	}
img.feature {
  float: center;
  margin: 0px;} 
img.feature2 {
  float: right;
  margin: 0px;
}  
   #barmenu {
	width:100%;
	height:30px;
	font-size: .95em;
	font-weight: bold;
	background-color: #0000;
	clear:both;
	float:left;
	padding-left: 25px; padding-right: 10px;padding-top: 0px;
	}  
  
/* end of structural styles */ 

/* a few more styles to help you see what's going on */

div#nav {position:absolute; left:40px; top:400px; width:150px; padding:.5em 0 0 0; margin:22px 0 0 15px;}
div#nav ul {border:0; margin:12px 20px 12px 1.25em; padding:0; list-style-type:none; }
div#nav li {border-bottom:2px dotted #560; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px dotted #560;}
div#nav a {text-decoration:none; color:#560;}
div#nav a:hover {color: #560;}
/* a hack for IE Win only \*/	
* html div#nav ul {border-top:2px dotted #560;}
/*end of hack */
div#nav {background-color:#0000;}
div#nav {margin:20px 0px 0 0px; padding:0 1em;}
div#content {margin:10px 156px 0 150px; padding:0 1em;}
div#content p {font-size:1.3em;}
li {list-style-type:none;}
div#rightcolumn blockquote {clear:both; width: 175px; float:center; font-size:.7em; padding-top: 15px; border-top: 3px dotted #560; border-bottom:2px dotted #560; margin:0 10px; padding: 6px 10px;}
div#rightcolumn blockquote p {margin:0; font-style:italic;}
div#rightcolumn {background-color:#0000;}
div#footer {background-color:#0000;font-size:small;}

/* CSS Document */
/* 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 */
</style>
