div#container {
	width: 768px;
	margin: 0 auto;
}
div#header {
	position: relative;
}
div#header div#login {
	margin-right: 10px;
	position: absolute;
	top: 5px;
	right: 0;
}
div#maincontent {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#newscontainer {
	padding: 7px 5px;
	background-color: #E0B73C;
}
div.sectionhead {
	text-align: center;
	font: bold 19px Arial, Helvetica, sans-serif;
	display: block;
	padding: 20px 0;
}
div#footer {
	padding-top: 10px;
	text-align: center;
	width: 710px;
	margin: 0 auto;
}
div#footer p, div#footer p a:link, div#footer p a:visited {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #DEB73B;
}
div#footer p.tag {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
div#footer ul {
	list-style: none;
	margin: 0;
}
div#footer ul li {
	display: inline;
	color: #ccc;
}
div#footer ul li a:link, div#footer ul li a:visited {
	color: #999;
	font-size: 9px;
}
p {
	margin: 5px 0;
	padding: 0;
}
a:link, a:visited {
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #2C2A59;
}
a:hover {
	text-decoration: underline;
}
li.info {
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
		display: inline;
		padding: 0 22px;
}
li.info:hover {
	z-index:99;
	text-decoration: underline;
}
li.info span {
	display: none;
}
li.info:hover span { /*the span will display just on :hover state*/
    display:block;
		width: 16em;
    position:absolute;
		/*
		right: 20px;
		_right: 250px;
		top: 13px;*/
    bottom: -4em;
		_bottom: 4em;
		left:-2em;
    border: 1px solid #999;
    background-color: #fff; 
		color: #000;
    text-align: left;
		font-weight: normal;
		font-size: 9px;
		line-height: 14px;
		padding: 7px;
		text-decoration: none;
}
table#news th {
	padding: 0;
	padding-left: 10px;
	background-color: #353565;
	color: #fff;
	text-align: left;
	font-size: 14px;
	margin: 0;
}
table#news td {
	padding: 0 10px;
	background-color: #535288;
	border-bottom: 2px solid #6A69AE;
	color: #E6C24C;
}
table#news a, table#news a:link, table#news a:visited  {
	color: #fff;
	text-decoration: none;
}
table#news td .bold {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
}
li.info a:hover {
	color: #000099;
}
body {
	margin-top: 0;
	background-color: #223060;
}
div.menu {
	margin-left: auto;
	margin-right: auto;
	border-top: 4px solid #3B3A6C;
	border-bottom: 4px solid #3B3A6C;
	text-align: center;
	background-color: #535288;
}
.menu a:link, .menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
}
.menu a:hover {
	color: #fc3;
}
.boxheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 38px;
	color: #FFF;
	padding: 5px 0 5px 18px;
	vertical-align: middle;
	line-height: 38px;
}
div.boxheader a:link, div.boxheader a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 38px;
	color: #FFF;
	padding: 5px 0;
	vertical-align: middle;
	line-height: 38px;
}
.boxcontent {
	padding: 0 0 0 9px;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.boxcontent a:link, .boxcontent a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	line-height: 22px;
}
.boxcontent a:hover {
	text-decoration: underline;
}
.boxcontent a.boldlink:link, .boxcontent a.boldlink:visited {
	font-weight: bold;
}
ul.navbar {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.navbar li {
	display: inline;
	padding: 0px 10px 0px 10px;
}
ul.navbartop {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.navbartop li {
	display: inline;
	padding: 0px 24px 0px 24px;
}
a.purplelink:link, a.purplelink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3A396C;
	text-decoration: underline;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 19px;
	color: #336;
}
.style2 {color: #FFFFFF}
.style4 {color: #FFFFFF; font-weight: bold; }
.style6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #336; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}