body {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
background: #DAE3FC url(/pics/BgMain.jpg) repeat-x;
}

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

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

.contentIndex {
padding: 0;
border: 10px solid #cedafb;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
}

.content {
padding: 10px;
border: 10px solid #cedafb;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #333333;
}

a, a:link, a:visited { color: #73004e; }
a:hover, a:active { color: #990066; }

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

.dark {
background-color: #127B7B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
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;
font: bold 14px Tahoma, Arial, Times New Roman, serif, Georgia, Palatino;
color: #fff;
background: #138A8A url(/pics/header_bg.gif) no-repeat;
height: 27px!important;
height: 37px;
padding: 10px 0px 0px 14px;
}

.bottomContent {
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #003366;
height: 24px;
}

/*Top Navigation Elements by Ozgur*/

#topNavContainer {
position: relative;
margin: 0;
padding: 0;
width: 666px;
height: 52px;
}

#topNavT {
position: relative;
top: 4px;
left: 50px;
z-index: 150;
}
#topNavB {
position: relative;
top: 12px;
z-index: 100;
}

#menuCloser {
position: absolute;
visibility: hidden;
left: 90px;
top: -7px;
z-index: 10;
}

.topNav {
margin: 0;
padding: 0;
list-style: none;
}

.topNav li {
display: inline;
font: bold 12px Tahoma;
}

#topNavT li a, #topNavB li a {
text-decoration: none;
padding: 3px 6px;
line-height: 18px;
color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#topNavT li a:hover {
background: #117A7A;
}
#topNavB li a:hover {
background: #004D4D;
}

#topNavContainer div.subNav {
position: absolute;
visibility: hidden;
top: 23px;
margin: 0 4px 0 0;
z-index: 125;
}
#topNavContainer div.subNavB {
position: absolute;
visibility: hidden;
top: 48px;
margin: 0 4px 0 0;
z-index: 50;
}
#topNavContainer span {
position: absolute;
background: #117A7A;
height: 26px;
top: -21px;
}
#topNav1Sub {left: 50px; *left:50px;}
#topNav1Sub span { width: 127px; *width: 112px;}
#topNav2Sub {left: 180px;*left:165px;}
#topNav2Sub span { width: 131px; *width: 113px;}
#topNav3Sub {left: 310px;*left:280px;}
#topNav3Sub span { width: 92px; *width: 80px;}
#topNav4Sub {left: 400px;*left:360px;}
#topNav4Sub span { width: 142px; *width: 130px;}
#topNav5Sub {left: 485px;*left:425px;}
#topNav5Sub span { width: 95px; *width: 82px;}
#topNav6Sub {left: 49px;*left:49px;}
#topNav6Sub span { width: 57px; *width: 57px;}
#topNavContainer ul.list {
position: absolute;
top: 3px;
z-index: 300;
list-style: none;
margin: 0;
padding: 0;
width: 140px;
font: 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
color: #ffffff;
background: #117A7A;
}

#topNavContainer ul.list li {
color: #ffffff;
width: 140px;
}

#topNavContainer ul.list a {
display: block;
width: 140px;
padding: 2px 5px;
color: #ffffff;
text-decoration: none;
z-index: 300;
}
#topNavContainer ul.list a:hover {
text-decoration: underline;
}


#topNavContainer ul.listExtended {
position: absolute;
top: 3px;
z-index: 300;
list-style: none;
margin: 0;
padding: 0;
width: 180px;
font: 11px Tahoma, Verdana, Arial, Geneva, sans-serif;
color: #ffffff;
background: #117A7A no-repeat;
}

#topNavContainer ul.listExtended li {
color: #ffffff;
width: 180px;
}

#topNavContainer ul.listExtended a {
display: block;
width: 180px;
padding: 2px 5px;
color: #ffffff;
text-decoration: none;
z-index: 300;
}
#topNavContainer ul.listExtended a:hover {
text-decoration: underline;
}


#pageNav {
margin:0 0 15px 0;
color: #FFF;
padding:0;
list-style:none;
float:right;
}
#pageNav ul {
_background-attachment: fixed;
margin: 0;
color: #000000;
padding: 0;
font: 11px Arial, Helvetica, sans-serif;
}
#pageNav li b {
margin: 0 -20px 0 0;
_margin: 0 0 -13px 0;
padding: 5px 20px;
display:block;
color: #FFFFFF;
text-transform: uppercase;
background-color:#702067;
}
#pageNav li {
background: url('/pics/pagenav_bg.jpg') repeat-y;
margin:0 20px 0 -30px!important;
margin:0 -10px 0 0;
padding:0;
line-height: 15px;
list-style:none;
}
#pageNav a {
background: url('/pics/pagenav_bg.jpg') repeat-y;
color: #000000;
text-decoration: none;
display: block;
margin: 0;
width:100%;
padding: 5px 0 5px 20px;
}
#pageNav a:hover {
color:#cd004f;
padding: 5px 0 5px 20px;
}


#pageNav div a {
margin-top: -10px;
}

#pageNav div a:hover {
margin: -11px 0 -1px 0;
padding: 5px 0 5px 20px;
}


#copyright {
margin: 20px 10px;
font-size: 90%;
color: #999;
}
/* Form styles */
div.form-container {
margin: 0 10px;
padding: 5px;
border: #ddd 1px solid;
background: #eee;
}
div.form-container fieldset div, div.form-container table {clear:both}
div.form-container fieldset div div {clear:none}
div.form-container form {margin:0;padding:0;}
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

.msg { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
.msg p { margin: 0; }
.msg p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { font-size: 90%; color: #333; }
div.form-container form fieldset { background-color: #eee; margin: 10px 0; padding: 10px 0 10px 10px; _padding: 0 10px 10px 10px; border: #138a8a 1px solid; }
div.form-container form legend { font-weight: bold; color: #024e4e; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label,
div.form-container span.label { /*margin-right: 10px;*/ padding-right:5px; width: 78px; display: block; float: left; text-align: right; _position: fixed }
div.form-container label em,
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input:focus,
div.form-container textarea:focus { background-color: #FFC; border-color: #FC6; }
div.form-container div.column {float:left;margin:0 3px 0 0;_margin:0 1px 0 1px;padding:0}
div.form-container div.controlset label,
div.form-container div.controlset input { display: inline; float: none; }
/*div.form-container div.controlset div { margin-left: 170px; }*/
div.form-container div.buttonrow { margin-left: 180px; }

div.form-container #fieldset1 label, div.form-container #fieldset1 span.label {width:270px;}
div.form-container #fieldset3a label, div.form-container #fieldset3a span.label {width:450px;}
div.form-container #fieldset3b label, div.form-container #fieldset3b span.label {width:360px;}
div.form-container #fieldset3c label, div.form-container #fieldset3c span.label {width:410px;}
div.form-container #fieldset4a label, div.form-container #fieldset4a span.label {width:320px;}
div.form-container #fieldset4b label, div.form-container #fieldset4b span.label {width:215px;}
div.form-container input, div.form-container textarea { border: 1px solid #7f9db9; }
/* ==================== FORM ==================== */
div.form-container div.column {float:left;margin:0 3px 0 0;_margin:0 1px 0 1px;padding:0}
div.form-container div.buttonrow {
margin-left: 180px;
margin-top:15px;
}