html, body { 
	margin: 0; 
 	padding: 0; 
 	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #e6e0cf;
} 
 
#pagewidth {
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
} 
 
#header {
	position: relative;
	height: 205px;
	width: 100%;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
} 
#menuwrapper {
	background-image: url(images/menubar_bg.jpg);
	background-repeat: repeat-x;
	height: 30px;
	z-index: 1;
	padding-left: 15px;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar {
	font-size: 12px;
	font-weight: bold;
}
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;	
}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 8px 10px 8px 10px;
	color: #FFFFFF;
}
#p7menubar li {
	float: left;
}
#p7menubar li ul, #p7menubar ul li  {
	width: 12em;
	z-index: 1;
	font-weight: normal;
	font-size: 11px;
}
#p7menubar ul li  {
	border-bottom: 1px solid #FFFFFF;
}
#p7menubar ul li a  {
	color: #FFFFFF;
	padding: 4px 12px 4px 16px;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #ea9819;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #ea9819;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #013e7d;
}
#p7menubar ul a:hover {
	background-color: #013e7d!important;
	color: #FFFFFF!important;
}
/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}

#wrapper {
	z-index: 2;
	background-color: #FFFFFF;
}
#goldbar {
	width: 100%;
	height: 5px;
	background-color: #ea9819;
}
#leftcol {
	width: 20%; 
 	float: left; 
 	position: relative; 
 	background-color: #FFFFFF; 
 }
 
#twocols {
  	width: 80%; 
  	float: right; 
 	position: relative; 
}
 
#rightcol {
 	width: 25%; 
 	float: right; 
	 position: relative; 
	 background-color: #FFFFFF;
}
 
#maincol { 
	background-color: #FFFFFF;  
 	float: left; 
 	display: inline; 
 	position: relative; 
 	width:75%; 
}
#maincol h1 {
	font-size: 18px;
	font-weight: bold;
	color: #065290;
	margin-bottom: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	padding: 0;
} 
#maincol h2 {
	font-size: 14px;
	font-weight: bold;
	color: #66afff;
	margin-bottom: 0;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 5px;
	padding: 0;
} 
#maincol p {
	font-size: 12px;
	line-height: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.boldtext {
	font-weight: bold;
	color: #065290;
}
.boldital {
	font-weight: bold;
	font-style: italic;
	color: #065290;
}
.boldbullets {
	font-size: 12px;
	font-weight: bold;
	color: #065290;
	line-height: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
#sidemenu {
	width: 172px;
	margin-left: 20px;
	margin-top: 15px;
	font-size: 11px;
}
#sidemenu ul {
	margin: 0;
	padding: 0;
}
#sidemenu li {
	list-style: none;
	margin: 0;
	padding-bottom: 6px;
	padding-top: 6px;
	border-bottom: 1px solid #e0d3c0;

}
#sidemenu li a {
	color: #66afff;
	text-decoration: none;
}
#sidemenu li a:link {
	color: #065290;
	text-decoration: none;
}
#sidemenu li a:visited {
	color: #065290;
	text-decoration: none;
}
#sidemenu li a:hover {
	color: #66afff;
	text-decoration: none;
}
#sidemenu li a:active {
	color: #065290;
	text-decoration: none;
}
.menuheader {
	font-weight: bold;
	color: #66afff;
	border-top: 5px solid #66afff;
}
.sideimage {
	margin-top: 15px;
	text-align: center;
}
#footer {
	height: 35px;
	background-color: #ffe796;
	clear: both;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #065290;
	text-align: center;
	font-size: 11px;
	color: #065290;
}
#footer p {
	margin-bottom: 0;
	margin-top: 12px;
} 
#footer a:link {
	text-decoration: none;
	color: #065290; 
}
#footer a:visited {
	text-decoration: none;
	color: #065290; 
}
#footer a:hover {
	text-decoration: underline;
	color: #065290; 
}
#footer a:active {
	text-decoration: none;
	color: #065290; 
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol, #header, #menuwrapper, #goldbar, #footer {display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}