/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
	
#main_wrapper {
	width:840px; /* widths of columns will change proportionately as this width is changed */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	color: #fff;	
	background-image: url(../images_pres/backroundRules227x10.gif) ;
	background-repeat: repeat-y;}
	
#contentWrapper {
	border-top: 2px solid rgb(184,40,50);
	width: 613px;
	float: left;
	background-image: url(../images_pres/backgroundRules.gif) ;
	background-repeat: repeat-y;
	background-position: 0px 10px;
	}
#contentWrapperMap {
	border-top: 2px solid rgb(184,40,50);
	width: 100%;
	float: left;
	/*background-image: url(../images_pres/backgroundRules.gif) ;
	background-repeat: repeat-y;
	background-position: 0px 10px;*/
	}

#header {
	height: 35px;
	/*background-color: rgb(40,71,130);*/
	margin-top:10px;}

#nav {
	width: 100%;
	float:left; /*makes the div enclose the list */
	font-size:  .9em;helvetica, arial, verdana, sans-serif;	/* SET FONT-SIZE HERE */
	letter-spacing: .1em;
	padding:2px 0 10px 0px;
	/*background-color:#ffF;*/ /* colors the div */
	margin-top:0px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	font-weight: bold;
	}

#nav ul {
	margin-left: 0%;
	display: block;/* indents ul from edge of container */
	}
	
#nav li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	padding: 0 0px 0 20px;
	/*background-color:#FFA;*/ 
	/*sets the background of the menu items */
	/* border-right:1px solid #333; creates dividing lines between the li elements */
	}

#contentarea {
	width: 840px;
	float: left;
	margin:0px 0 0 0;
	padding: 0px 0 0 0;
	}
	
#left {
	width:27%; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */
	}
	
#content {
	float:left; /* floats on nav and content divs make them sit side by side */
	width:73%; /* this width + nav width must total 100% */
	padding: 10px 0 0 0;;	
	}
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	}
#header_inner, #left_inner, #content_inner, #right_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner { 
	padding:.5em .5em; /* creates space between the box  and the content */
	}
#left_inner img {
	margin-bottom: 0;
	padding:2em 0 0  0; /*creates space between the box and the content */
	/* border-right:3px solid #B33;*/
	}
#left_inner {
	padding: 0px 10px 0 5px;
	}

#content_inner { 
	padding:1em 0em 0em 0em;  /*creates space between the box and the content */
	}

#content_inner2 {
	margin: 20px 0 0 0;
	width: 75%;
	float: left;
	}
#content_inner2map {
	margin: 20px 0 0 0;
	width: 100%;
	float: left;
	}

#content_inner2 img{
	float: left;
	padding: 0 0px 0 0;
	}
#content_inner2map img{
	float: left;
	padding: 0 0px 0 0;
	}

#content_inner3 {
	margin: 20px 0 0 0;
	width: 25%;
	float: left;
	}
#footer_inner {
	padding:.5em 1em; /* creates space between the box and the content */
	text-align:center;
	}

	/*aslett clearing method*/
.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 */
	}
/* end of "no-extra-markup" clearing method */
/*endAslett*/