/* ~~~ General styles ~~~ */
	body {
		margin:0;
		padding:0;
		border:0;		/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#069;
		min-width:600px;	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
		font-size: 62.5%; /* ~~~ 62.5% = 1em = 10px ~~~ */
		font-family: Arial, Verdana, Helvetica, sans-serif;
		text-align: center;
		}
	a:hover {
		text-decoration:none;
		}
	h1, h2, h3, h4, h5, h6, ul, ol, dl {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		} 
	h1, h2, h3 h4 {
		margin:.8em 0 .2em 0;
		padding:0;
		line-height:1.25;
		}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
		font-size:1em;
		line-height:1.25;
		}
	img {
		border:0;
		}
	/* ~~~ Header styles ~~~ */
	#header {
		clear:both;
		float:left;
		width:100%;
		margin: 0 auto;
		border-bottom:0px solid #000;
		background:#FFC;
		}
	#header_inner {
		}
	.logo_hdr {  /* table */
		background-color: #FFC;
		border: 0px solid #000;
		width: 667px;
		margin: 0 auto;
		}
	/* ~~~ column container ~~~ */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		}
	/* ~~~ common column settings ~~~ */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
		}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		}
	/* ~~~ 2 Column (named left menu) settings ~~~ */
	.leftmenu {
		background:#FFC;	/* right column background color */
		border:0px solid #F00;
		}
	.leftmenu .colleft {
		right:50%;		/* right column width */
		background:#FFC;	/* left column background color */
		}
	.leftmenu .col1 {
		width:48%;		/* right column content width */
		left:101%;		/* 100% plus left column left padding */
		}
	.leftmenu .col2 {
		width:48%;		/* left column content width (column width minus left and right padding) */
		left:3%;		/* (right column left and right padding) plus (left column left padding) */
		}
	/* ~~~ Footer styles ~~~ */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:0px solid #000;
		text-align:center;
		font-size:1.1em;
		}
	#footer p {
		padding:10px;
		margin:0;
		}
	/* ~~~ Added styles ~~~ */
	#wrapper {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:none;
		width:730px;		/* width of working page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-left:auto;  	/* centers layout in browser */
		margin-right:auto; 	/* centers layout in browser */
		text-align:center; 		/* resets the centering hack for IE6 on the body tag */
		background-color:#FFC;
		padding: .5em .5em .5em .5em;
		border: 3px solid #699;
		}
	#wrapper_inner {
		}
	.float_left {
		float:left; margin: 0 .3em .3em 0;      
		/* apply this class to any image or element with width - text will wrap it to the right */
		}
	.float_right {
		float:right;  margin: 0 0 .3em .3em;  
		/* apply this class to any image or element with width  - text will wrap it to the left */
		}
	#blurb {
		clear:both;
		float:none; 
		margin-left:auto;  /* centers layout in browser */
		margin-right:auto; /* centers layout in browser */
		text-align:center; /* resets the centering hack for IE6 on the body tag */
		width:90%; 
		padding: .05em 0 32px 0;  /* leave room at bottom for menu */
		}
	#blurb_inner {
		float:none; 
		margin: .5em auto;
		text-align:center; /* resets the centering hack for IE6 on the body tag */
		font-size:1.0em;
		line-height:1.25; /* on 15pt */
		background-color:#FFC;
		border-top:2px solid #699;
		border-bottom:2px solid #699;
		}
	#page_id {
		float:none; 
		margin-left:auto;  /* centers layout in browser */
		margin-right:auto; /* centers layout in browser */
		text-align:center; /* resets the centering hack for IE6 on the body tag */
		background-color: #069; 
		color: #FFF; 
		font-size: 2.4em; 
		font-weight: 500; 
		width:60%; 
		margin-bottom:.5em; /* space */
		}
	#page_id_inner {
		}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.clearfix {display: inline-table;}
		/* backslash hack hides from IE mac \*/
		* html .clearfix {height: 1%;}
	.clearfix {display: block;}
		/* end backslash hack */
/* To add a border around a number of floated elements, enclose the floated elements in a wrapper div and add the  clearfix class to this wrapper.  */