.HPBBMessages, .HPDirectory, .HPEvents, .HPLinks, .HPMemoirs, .HPMinien, .HPNews {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
width: 303px;
padding-left: 0px;
padding-right: 0px;
}

.neutral, table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #081120;
}

.neutral a, .neutral a:link, .neutral a:visited { color: #081120; }
.neutral a:hover, .neutral a:active { color: #8C1706; }

.contentIndex {
padding: 0px 0px 0px 0px;
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #2C205F;
}

.content {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #2C205F;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
height: 250px;
vertical-align:top;
}

a, a:link, a:visited { color: #4C2916; }
a:hover, a:active { color: #CC0000; }

.light {
background-color: #E4E5F7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
}
.light a, .light a:link, .light a:visited {
color: #000000;
text-decoration: none;
}
.light a:hover, .light a:active {
color: #CC0000;
text-decoration: underline;
}

.dark {
background-color: #CDCFF6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
}
.dark a, .dark a:link, .dark a:visited { color: #000000; }
.dark a:hover, .dark a:active { color: #CC0000; }

body {
margin: 0px 0px 0px 0px;
color: #000000;
background-color: #23194D;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(/pics/bg.gif) left top repeat-x #1E1F60;
}

.pageTitle {
display: block;
width: auto!important;
width: 100%;
margin-bottom: 10px;
font-family: "Times New Roman", Times, serif;
color: #ffffff;
font-size: 12pt;
font-weight: bold;
background-image: url(/pics/header_bg.gif);
background-repeat: no-repeat;
height: 22px!important;
height: 25px;
padding: 3px 0px 0px 20px;
}


.bottomNav, .bottomNav a:link, .bottomNav a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;
}
.bottomNav a:hover, .bottomNav a:active {
color: #ffffff; text-decoration: underline;
}

/*Top Navigation Elements by Ozgur*/
#topNav {
position: relative;
height: 21px;
}
#topNavButtons {
position: absolute;
z-index: 95;
top: 0;
left: 0;
width: 688px;
}
#menuCloser {
position: absolute;
visibility: hidden;
left: 0px;
top: -20px;
z-index: 0;
}
#topNav .subNav {
position: absolute;
visibility: hidden;
top: 21px;
/*width: 140px;*/
margin: 0 4px 0 0;
z-index: 100;
}
#topNav1Sub {left: 168px;}
#topNav2Sub {left: 243px;}
#topNav3Sub {left: 293px;}
#topNav4Sub {left: 369px;}
#topNav5Sub {left: 424px;}
#topNav6Sub {left: 488px;}
#topNav7Sub {left: 544px;}
#topNav8Sub {left: 534px;}



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

#topNav .list li {
background-color: #FFB323;
color: #ffffff;
width: 150px;
z-index: 999;
}

#topNav .list a {
display: block;
width: 150px;
padding: 2px;
padding-left: 5px;
color: #4C240A;
text-decoration: none;
z-index: 100;
}
#topNav .list a:hover {
text-decoration: none;
background-color: #1E1F5F;
color: #ffffff;
width: auto!important;
width: 100%;
z-index: 999;
}