/* Absolute CSS */

body { background-color: #E5E5E5; margin: 0px; font: 12px Arial,Helvetica, sans-serif; color: #0B004A; text-align: center; }

/* not sure if we need the line below - invalidates in some browsers..? */
table td { align: center; }

a { text-decoration:none; font-weight:bold; color: #0B004A; }
a:hover { text-decoration: underline; color: #336699; }
/* \ */ #horizon  {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

/* hack \ this commented backslash character between rules appears to have the
effect that macIE5 ignores the following rule.  Odd, but extremely useful. 
*/ #content {
	margin-left: -373px;
	position: absolute;
	top: -240px;
	left: 50%;
	width: 250px;
	height: 70px;
	visibility: visible;
}

div#frame { width: 746px; margin: 0 auto; }

div#top { width: 746px; height: 26px; float: left; }
div#top .absoluteImage { margin: 0;  width: 194px; height: 12px;  float: right;  overflow: hidden; text-indent: -9999px;}
div#top .absoluteImage a { display: block; width: 100%; height: 100%; background: transparent url("../images/absolute.gif") no-repeat; text-decoration: none; }
div#top .absoluteImage a:hover { background: transparent url("../images/absolute.gif") 0 -12px no-repeat; }
div#top ul#nav { list-style: none; margin: 0; padding: 0; float: left; width: 536px; }
div#top ul#nav li {  float: left; font: 13px Arial, Helvetica, sans-serif; color: #0B004A; font-weight: bold; margin-right: 3px; }
div#top ul#nav li a { font: 13px Arial, Helvetica, sans-serif; text-decoration: none; color: #0B004A; font-weight: bold; }
div#top ul#nav li a:hover { text-decoration: underline; color: #336699; }

div#top p { font: 13px Arial, Helvetica, sans-serif; color: #0B004A; font-weight: bold; margin: 0 0 4px 0; text-align: left; }
div#top p a { text-decoration: none; color: #0B004A; font-weight: bold; }
div#top p a:hover { text-decoration: underline; color: #336699; }

div#middle { width: 746px; height: 430px; float: left; text-align: left; }
div#middle p { font: 12px Arial,Helvetica, sans-serif; line-height: 16px; }

div#bottom { width: 746px; height: 24px; }
div#bottom ul#util { list-style: none; margin: 4px 0 0 0; padding: 0; float: right; }
div#bottom ul#util li {  float: left; font: 14px Arial, Helvetica, sans-serif; color: #0B004A; font-weight: bold; margin-right: 3px; }
div#bottom ul#util li a { font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color: #0B004A; font-weight: bold; }
div#bottom ul#util li a:hover { text-decoration: underline; color: #336699; }
div#bottom ul#util li a.current { color: #336699; }
div#bottom h6 { width: 350px; float: left; text-align: left; font: 10px Arial, Helvetica, sans-serif; line-height: 14px; color: #0B004A; margin: 5px 0 0 0; }

div#bottom p { float: right; text-align: right; width: 350px; font: 13px Arial, Helvetica, sans-serif; color: #0B004A; font-weight: bold; margin: 5px 0 0 0; }
div#bottom p a { text-decoration: none; color: #0B004A; font-weight: bold; }
div#bottom p a:hover { text-decoration: underline; color: #336699; }