/* CSS Document */

/** General **/
body {
background-color: #ffffff;
margin-top: 5px;
margin-left: 10%;
margin-right: 10%;
}

p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}

a {
color: #123474;
text-decoration: underline;
}

a:hover {
color: #99ccff;
text-decoration: underline;
}

/** Main body **/

#main {
padding-top: 5px;
border: none;
border-right: 1px solid #dadada;
}

#main #side {
float: right;
width: 220px;
height: 100%;
display: inline;
visibility: 100;
}


#main #maintitle {
color: #000000;
background: url(images/pphr.gif) no-repeat left bottom;
font-size: 18px;
line-height: 20px;
font-weight: bold;
text-align: left;
padding: 10px 40px 8px 25px;
}

#main #mainsubtitle {
color: #123474;
text-align: center;
font-size: 22px;
font-weight: bold;
font-style: italic;
margin-top: -10px;
}

#main ul {
list-style-image:url(images/bullet.gif);
list-style: url(images/bullet.gif) none inside;
}

#main li {
padding: 0px 0px 2px 0px;
}

#main .highlight {
color: #123474;
font-size: 14px;
line-height: 18px;
font-style: italic;
text-align: center;
padding-left: 10%;
padding-right: 250px;
}

/** Sub menus **/

.submenu {
width: 220px;
display: block;
font-family: Arial, Helvetica, sans-serif;
}

.submenu .title {
background: url(images/sidemenu.gif) left top no-repeat #123474;
width: 100%;
border-bottom: 1px solid #dadada;
color: #99ccff;
font-size: 14px;
line-height: 18px;
font-weight: bold;
text-align: center;
}


/** Layout **/

#header {
background: url(images/header.gif) repeat-x #123474;
}

#border {
background: url(images/border.gif) repeat-y #ffffff;
}

#footer {
background: url(images/footer.gif) repeat-x #123474;
font: 10px Arial, Helvetica, sans-serif;
color: #dadada;
}

#footer a {
color: #99ccff;
text-decoration: underline;
}

#footer a:hover {
color: #ffffff;
}

/** Drop Menu **/

#menu {
background: url(images/menu_closer.gif) no-repeat right #dadada;
height: 21px;
font: 12px Arial, Helvetica, sans-serif;
line-height:16px;
z-index:100;
}

#menu a {
width: 100%;
display: block;
color: #123474;
background-color: #dadada;
padding: 1px 0px 1px 3px;
text-decoration: none;
font-weight: bold;
border: 1px solid #dadada;
border-left: 1px solid #ffffff;
}

#menu a:hover {
border-top: 1px solid #091B3B;
border-right: 1px solid #1D51B3;
border-bottom: 1px solid #1D51B3;
border-left: 1px solid  #091B3B;
background-color: #123474;
color: #99ccff;
}

#dropmenudiv{
position:absolute;
font: 12px Arial, Helvetica, sans-serif;
line-height:21px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
background-color: #dadada;
color: #123474;
border: 1px solid #dadada;
border-top: 1px solid #ffffff;
padding: 1px 0px 1px 3px;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ 
border-top: 1px solid #091B3B;
border-right: 1px solid #1D51B3;
border-bottom: 1px solid #1D51B3;
border-left: 1px solid  #091B3B;
background-color: #123474;
color: #99ccff;
}