/* CSS Document */
html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body {
	margin: 0;
	padding: 0;
	background-color: #003366;
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.71em;
}

a img { border: none; }

#con { height: 563px; background-image: url(images/hp-con-bg.jpg); background-repeat:repeat-x; margin: 0 0 0 0;}
#container { position: relative; width: 968px; height: 563px; margin: 0 auto; padding: 10px 0 0 0; }

#hero {
	width: 968px;
	height: 360px;
	position: relative;
	background-repeat: no-repeat;
}

#navigation { background-color: #E9E8E0; height: 34px; padding: 0 0 0 17px; }
#navigation .members { padding: 0; }

#content {
	background-color: #FFF;
	height: 106px;
	background-image:url(images/hp-panel-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 27px;
	padding-right: 27px;
	padding-bottom: 0;
	padding-left: 27px;
}

#content #content1 {
	border: 0px solid black;
	width: 380px;
	width/**/:/**/270px;
	height: 105px;
	float: left;
	color: #918175;
	line-height: 1.45em;
	padding-top: 0;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 182px;
}
#content #content1 p {padding: 0;margin: -5px 0 0 0; }
#content #content2 {
	width: 240px;
	width/**/:/**/220px;
	height: 105px;
	float: left;
	color: #918175;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#content #content2 table { width: 200px; height: auto; color: #806E64;}
#content #content2 th { padding: 0 0 8px 0; text-align: right; font-weight: bold; width: 78px; width/**/:/**/ 70px; color: #C8C0BA; }
#content #content2 td { padding: 0 0 8px 10px; }
#content #content2 a { color: #FA970E; text-decoration: underline; }
#content #content3 {
	width: 221px;
	width/**/:/**/ 174px;
	height: 105px;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#content #content3 #statement { width: 206px; height: 136px; display: none;}
#content #content3 #login { width: 206px; height: 136px; display: block; background-color: yellow; }


#footer { color: #71635B; height: 35px; height/**/:/**/25px; padding: 10px 27px 0 27px; background-image: url(images/hp-footer-bg.jpg); background-repeat:no-repeat; }
#con #container #hero p a {
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}
#footer .misc {
	float: none;
	text-align: center;
}
#footer a:link,#footer a:visited { color: #71635B; text-decoration: none; }
#footer a:hover,#footer a:active { text-decoration: underline;}
#footer a.sumo:link,#footer a.sumo:visited,#footer a.sumo:hover,#footer a.sumo:active { float:right; color:#C7BFBB;}

/* NAV - top horizontal nav */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 100;
	vertical-align: middle;
}
#nav li {
	position:relative;
	float: left;
	display:block;
	margin: 0;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#AE9D87;display: block;padding:0 40px 0 10px;font-weight: normal;}
#nav a:hover {color:#000; background-color: #C4C0BE; }

#nav li ul {
	background: #E9E8E0;
	width:250px;
	font-size:11px;
	position: absolute;
	font-weight:normal;
	left: -999em;
	padding-top: 10px;
}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}

#nav li li {background:none;float:none;border:none;padding:0; border-bottom: 1px solid white;}
#nav li li.last {border-bottom:none}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#806E64;padding: 5px 10px;width:230px;}
#nav li li a:hover {color:#fff;background:#9A938C;}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */