html, body {
	background: #F0F8FF;
	color: #00008b;
		width:100%; 
	height:100%;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 97%;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}

div.logo {
	background:url("images/seo-logobg.jpg") repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.bar {
	background:url("images/seo-hbar.jpg");
	width: 779px;
	height: 25px;
	font-size: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.page {
	background:url("images/spacer.gif") no-repeat;
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.menulength {
	background:url("images/seo-vbar.jpg") repeat-y left;
}

div.menubar {
	background:url("images/seo-vbar.jpg") repeat-y left;
	width: 590px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.maintext {
	background: white;
	font-family: verdana, arial, sans-serif;
	border: 0px;
	padding: 5px 5px 3px 10px;
	margin: 0px 1px 0px 1px;
	border-right: 1px #66FFCC solid;
	font-size: 92%;
}

div.menuset {
	background:url("images/seo-vbar.jpg") repeat-y left;
	width: 190px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.menuhead {
	background:url("images/seo-menuhead.jpg") no-repeat;
	height: 28px;
	font-size: 12px;
	padding: 5px 0px 0px 20px;
	margin: 1px 0px 0px 0px;
}

div.submenu {
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

img.menu {
	border: 0px none;
	width: 1px;
	height: 1px;
	padding: 3px 3px 0px 8px;
	margin: 0px 0px 0px 0px;
}

h4.menu {
	font-size: 17px;
	color: #000099;
}

.maroon {
	font-size: 100%;
	color: #800000;
	font-family: verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.menuend {
	font-size: 1px;
	height: 100%;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.copy {
	background:url("images/seo-hbar.jpg") repeat-x;
	width: 779px;
	text-align: center;
	font-size: 11px;
	padding: 2px 0px 2px 0px;
}


a:link {
	color: #800000;
}

a:visited {
	color: #044476;
}

a:hover {
	color: #4169E1;
	text-decoration: none;
}

a:active {
	color: #4169E1;
	text-decoration: none;
}

b, strong {
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #00008b;
}

h1 {
	font-size: 150%;
	color: #800000;
	font-family: verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h2 {
	font-size: 150%;
	color: #00008b;
	font-family: verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h3 {
	font-size: 120%;
	color: #00008b;
	font-family: verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h4 {
	font-size: 120%;
	color: #800000;
	font-family: verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h5 {
	font-size: 118%;
	color: #00008b;
	font-family: verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

h6 {
	font-size: 118%;
	color: #800000;
	font-family: verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

img {
	border: 0;
}
.hnav
{
	border-bottom: solid 1px #fff;
	text-align: center;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
div.endmenu {
	background: #F0F8FF;
	color: #00008b;
	font-family: verdana, arial, sans-serif;
	text-align: center;
	font-size: 65%;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}