body {
	margin: 0;
	color: #FFFFFF;
	font: 9pt "Arial", Times, serif;
	background: #666666;
	behavior: url(/shared/csshover.htc);
	font-size: 100%;
}

.HPNews, .HPBBMessages, .HPMemoirs {
	padding: 5px 5px 5px 5px;
	font: 9pt "Arial", Times, serif;
	color: #000000;
	background-color:#FFFFFF;
	width: 459px;
}

.HPEvents, .HPDirectory, .HPLinks {
	padding: 5px 5px 5px 5px;
	width: 259px;
	font: 9pt "Arial", Times, serif;
	color: #FFFFFF;
	background-color:#475E97;
}

.HPEvents a, .HPEvents a:hover, .HPEvents a:link, .HPEvents a:active, .HPEvents a:visited {
  color: #FFFFFF;
}

.neutral, table {
	font: 9pt "Arial", Times, serif;
	color: #000000;
}

.neutral a, .neutral a:link, .neutral a:visited { color: #666666; }
.neutral a:hover, .neutral a:active { color: #999999; }

.contentIndex {
	padding: 0px 0px 0px 0px;
	font: 9pt "Arial", Times, serif;
	color: #ffffff;
	background: #F7D67B;
}

.contentdynamic {
	padding: 20px 20px 20px 20px;
	font: 9pt "Arial", Times, serif;
	color: #333333;
	background-color: #FFFFFF;
}

.content {
	padding: 10px 20px 10px 20px;
	font: 9pt "Arial", Times, serif;
	color: #333333;
	background-color: #FAFCFF;
	height: 250px;
	/*background: #D2DDE9;*/
}

a, a:link, a:visited { color: #232D65; }
a:hover, a:active { color: #00349A; }

.light {
	font: 9pt "Arial", Times, serif;
	color: #000000;
	background: #D2DDE9;  /*#BDC0D1;*/
}
.light  a, .light a:link, .light a:visited { color: #000000; }
.light a:hover, .light a:active { color: #01002A; }

.dark {
	font: 9pt "Arial", Times, serif;
	color: #ffffff;
	background: #475E97;
}
.dark a, .dark a:link, .dark a:visited { color: #ffffff; }
.dark a:hover, .dark a:active { color: #ffffff; }

.pageTitle {
	display: block;
	width: auto!important;
	width: 100%;
	vertical-align: middle;
	padding: 5px 0px 5px 30px;
	margin-bottom: 10px;
	font: bold 11pt "Arial", Times, serif;
	color: #ffffff;
	background: #232D65;
	background: url(/pics/page_title.gif);	
}

.bgTopBar {
	height: 2px;
	background: url(/pics/bgTopBar.gif) repeat-x;
}
/* Hovers within Hovers */
#topNav {
	position: relative;
	height: 25px;
	float: left;
}
#topNavButtons {
	position: absolute;
	z-index: 95;
	top: 0;
	left: 0;
	width: 778px;
}
#menuCloser {
	position: absolute;
	visibility: hidden;
	left: 20px;
	top: -50px;
	z-index: 0;
}
#topNav .subNav {
	position: absolute;
	visibility: hidden;
	top: 24px;
	margin: 0 4px 0 0;
	z-index: 100;
}

#topNav1Sub {left: 70px;}
#topNav2Sub {left: 155px;}
#topNav3Sub {left: 270px;}
#topNav4Sub {left: 375px;}
#topNav5Sub {left: 491px;}
#topNav6Sub {left: 587px;}

#topNav ul {
list-style: none;
margin-left: 159px;
margin-top: -24px;
padding: 0;
}

#topNav li {
	position: relative;
}

#topNav ul ul ul {
	list-style: none;
	margin-left: 159px;
	margin-top: -24px;
	padding: 0;
}

#topNav ul ul {
	position: absolute;
	z-index: 500;
}

div#topNav ul li:hover ul {
	display: block;
}

div#topNav ul ul,
div#topNav ul li:hover ul ul,
div#topNav ul ul li:hover ul ul {
	display: none;
}

div#topNav ul li:hover,
div#topNav ul li:hover,
div#topNav ul ul li:hover,
div#topNav ul ul ul li:hover,
div#topNav li.over {
	background-color: #475E97;
}

div#topNav ul li:hover a,
div#topNav .list a:hover,
div#topNav ul li.over a {
	color:#FFFFFF;
}

div#topNav ul li:hover li a,
div#topNav ul li.over li a {
	text-decoration:none;
	color:#103956;
}

div#topNav ul li:hover ul,
div#topNav ul ul li:hover ul,
div#topNav ul ul ul li:hover ul {
	display: block;
}

div#topNav li.over ul{
	display: block;
}

#topNav ul li {float: left; width: 100%;}
#topNav ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

/* Hovers within Hovers end

	 Don't forget the csshover.htc in the body of main.css

 */

#topNav .list {
	position: absolute;
	z-index: 200;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Tahoma, Verdana,Geneva, sans-serif;
}

#topNav .list li {
	background-color: #D2DDE9;
	width: 160px;
	line-height: 20px;
	position: relative;
}

#topNav .list a {
	display: block;
	width: auto!important;
	width: 100%;
	padding: 2px 5px 0px 13px;
	color: #103956;
	text-decoration: none;
	z-index: 100;
	border-left: 1px solid #475E97;
	border-right: 1px solid #475E97;
	border-bottom: 1px solid #475E97;
}
#topNav .list a:hover {
	background-color: #475E97;
	color: #ffffff;
}
td .shadow {
	background-image: url(/pics/news_margin_bg.gif);
	background-repeat: repeat-y;
}

/*Left Navigation*/

#leftNav {
	width: 190px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 10000;
}
#leftNav li span {display: none;}
#leftNav li {
	position: relative;
	margin: 0;

	font-weight: bold;
	width: 100%;
	
	background:url(/pics/li-bg.gif) #990134;
}
div#leftNav a {
	display: block;
	width: auto!important;
	width: 100%;
	
	margin-left:20px;
	
	height: 21px;
	
}

div#leftNav li  a, #leftNav li  a:active, #leftNav li  a:visited {
	line-height: 18px;
	padding: 0 8px;
	text-decoration: none;
	color: #fff;
	
}
div#leftNav li:hover, #leftNav li.over {
	background:url(/pics/li-bgf2.gif) #990134;
}


/* Fix IE. Hide from IE Mac */
* html ul#leftNav li { float: left; height: 1%; }
* html ul#leftNav li a { height: 1%; }
/* End */

div#leftNav li:hover ul, ul#leftNav li.over ul {display: block;}

div#leftNav li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 190px;
	width: 150px;
	padding: 0;
	margin: 0;
	list-style: none;
	background: #990134;
	z-index: 10000;
}

div#leftNav li ul li {
	float: none;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
}

div#leftNav li ul li a {
	margin-left:0;
	font-weight: normal;
	color: #fff;
	background: #990134;
	height:auto;
}
div#leftNav li ul li a:hover {
	background: #b51d50;
}
marquee
{
	margin-top:5px;
}