body {
	background: #F0F8FF;
	color: #00008b;
	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');
	padding: 0px;
	margin: 0px;
}

div.bar {
	background:url('images/seo-hbar.jpg');
	width: 779px;
	height: 25px;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
div.bigbar {
	background:url('images/seo-bigbar.jpg');
	width: 779px;
	height: 80px;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
div.fullpage {
	background:url('images/spacer.gif') no-repeat;
	width: 1000px;
	margin: 0px;
	padding: 0px;
}

div.page {
	background:url('images/spacer.gif') no-repeat;
	width: 780px;
	margin: 0px;
	padding: 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;
	padding: 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;
	padding: 0px;
}

div.menuhead {
	background:url('images/seo-menuhead.jpg') no-repeat;
	height: 28px;
	font-size: 12px;
	margin-left:0px; margin-right:0px; margin-top:1px; margin-bottom:0px; padding-left:20px; padding-right:0px; padding-top:5px; padding-bottom: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: 0px;
	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-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px
}

.small {
	color: #00008b;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 90%;
	margin: 0px 0px 0px 0px;
}

.smaller {
	color: #00008b;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 75%;
	margin: 0px 0px 0px 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: #800000;
	font-family: verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

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

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

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

img {
	border: 0px none;
}

.places { 
	visibility : hidden; 
	font-size: 1%; 
	color: black; 
}


.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;
	font-size: 95%;
	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 */
	
	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: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		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;
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}