body {
margin: 0px 0px 0px 0px;
color: #666666;
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.HPNews, .HPMemoirs, .HPLinks, .HPEvents, .HPBBMessages, .HPMinien {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
width: 253px;
*width:220px;
padding-left: 5px;
padding-bottom: 5px;
}


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

a, a:link, a:visited { color: #000000; }
a:hover, a:active { color: #801E83; }

.contentIndex {
padding: 0;
background: #ffffff;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}

.content {
height: 200px;
padding: 10px 10px 10px 10px;
background: #ffffff;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
border-left: 1px solid #B70F0D;
border-right: 1px solid #B70F0D;
}

.light {
background-color: #CCDEE4;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
.light a, .light a:link, .light a:visited { color: #000000; }
.light a:hover, .light a:active { color: #000000; }

.dark {
background-color: #005979;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
.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%;
margin-bottom: 10px;
padding: 7px 0px 7px 0px;
font: bold 15pt "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;;
color: #ffffff;
background: #B70F0D;
text-align: center;
}

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

#leftNav {
position: relative;
margin:0 0 0 0;
z-index:1;
}
#leftNavButtons {
position: absolute;
z-index: 95;
left: 0;
margin-top:-12px;
}
#menuCloser {
position: absolute;
left: -20px;
top: -20px;
z-index:0;
visibility:hidden;
}
#leftNav .subNav {
position: absolute;
visibility: hidden;
left: 151px;
z-index:100;
}

#leftNav1Sub {top: -13px;}
#leftNav2Sub {top: 13px;}
#leftNav3Sub {top: 39px;}
#leftNav4Sub {top: 65px;}

#leftNav .list {
position: absolute;
z-index: 200;
list-style: none;
margin: 0;
padding: 0;
border:1px solid #98B4CA;
font: bold 11px Tahoma, Arial, Verdana,Geneva, sans-serif;
}

#leftNav .list li {
width: 195px;
line-height: 20px;
background-color: #6895B8;
border-bottom:1px solid #98B4CA;
}

#leftNav .list a {
display: block;
width: auto!important;
width: 100%;
padding: 2px 0px 0px 4px;
color: #fff;
text-decoration: none;
z-index: 100;
}
#leftNav .list a:hover {
text-decoration: none;
color: #fff;
background-color: #B70F0D;
}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#rightNav {
font-size:12px;
background-color: #F2F1F1;
width:200px;
height:100%;
border:1px solid #C7C7C7;
margin-bottom:-2px!important;
margin-bottom:2px;
margin-left:5px;
}

#rightNav a:link, #rightNav a:visited, #rightNav a:active, #rightNav #noLink {
display:list-item;
color:#000000;
margin-left:23px;
padding:5px 2px 5px 5px;
}

#rightNav a:hover {
/* margin-left:0px;
padding-left:0px;*/
background-color:#BF2623;
color: #FFFFFF;
}

#rightNav .header {
background-color: #BF2623;
color:#FFFFFF;
margin-bottom:-6px;
padding-bottom:7px;
font-size:12px;
}