/* CSS Document */
html {
min-height: 100%;
margin-bottom: 1px;
}
body {
background: #fafafa ;
font-size: .9em;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
overflow: -moz-scrollbars-vertical;
}
#logo {
border-top: 16px solid #40548B;
height: 135px;
}
/* MENU's */
#topmenu ul {
margin: 0;
padding: 0;
padding-top: 5px;
padding-bottom: 4px;
font-size: .75em;
font-weight: normal;
color: #FFF;
text-align: center;
background-color: #394376;
}
#topmenu li {
list-style-type: none;
display: inline;
}
#topmenu li a {
text-decoration: none;
color: #FFF;
padding: 0 10px;
margin: 0;
}
#topmenu li a:hover {
color: #fff;
background-color: #000;
text-decoration: underline;
}
#topmenu h2 {
position: absolute;
left: -6000px;
top: 0;
}
#leftmenu h2 {
color: #A5142A;
margin: 0px 5px;
font-size: 1.0em;
font-weight: bold;
}
#leftmenu {
float: left;
width: 134px;
margin: 10px 0 0 1px;
padding: 0;
text-decoration: none;
color: #394376;
}
#leftmenu ul {
/*moves ul and li to far left in ie; no bullets displayed but are there*/
margin-left: 4px;
/*moves to far left in FireFox; bullets displayed out of container*/
padding-left: 0;
/*If nothing is set here ie ignores default; by setting ie and firefox
treat the same way*/
margin-top: 0px;
margin-bottom: 10px;
list-style-type: none;
background-color: #FFF;
}
#leftmenu li a {
color: #394376;
text-decoration: none;
display: block;
background-color: #F4F9FD;
border: 1px solid #c4cecc;
margin-bottom: 3px;
margin-top: 3px;
padding-left: 2px;
text-align: left;
font-size: .9em;
}
#leftmenu li a:hover {
color:#FFF;
background-color: #374865;
}
#container {
-moz-box-shadow: 0 0 6px #CCC;
-webkit-box-shadow: 0 0 6px #CCC;
box-shadow: 0 0 6px #CCC;
border: 1px solid #ccc;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
}
#content {
margin-top: -19px;
padding: 0 12px 15px 152px;
text-align: left;
font-size: 0.9em;
color: #000;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-variant: small-caps;
font-size: 1.6em;
padding: 5px 0 3px 0;
font-weight: normal;
letter-spacing : 1px;
border-bottom: 1px solid #6D6D6D;
}
h2, h3 {
font-size: 1.1em;
color: #363F6C;
margin-bottom: -15px;
padding-bottom:0;s
}
h2 {
font-size: 1.35em;
margin-bottom: -7px;
}
h4 {
margin-bottom: 0;
color: #394376;
}
#mhelogo {
float:right;
margin: 0 20px;
background-color: #FFF;
}
caption {
font-weight: bold;
text-align: left;
padding-left: 10px;
font-size: 1.25em;
color: #354967;
}
tr {
vertical-align: top;
text-align: left;
background-color: #FCFCFC;
}
tr a {
color: #333D72;
text-decoration: none;
display: block;
background-color: #F4F9FD;
border: 1px solid #c4cecc;
padding: 1px 3px;
}
tr a:hover {
background-color: #E3E5D8;
border: 1px solid #666;
}
td img {
display:block;
margin: 0 auto;
}
.date {
font-style: italic;
}
/* skip */
a#skip {
display: block; 
position:absolute; 
top:0; left:0; 
width:100%; 
padding: 0 0 1em 0; 
background: transparent; 
font-weight: bold; 
text-align: center;
color: #40548B;
}
a#skip:link, a#skip:visited {
color: #40548B;
}
a#skip:hover, a#skip:focus, a#skip:active {
background: #2F416D url(../images/skip.gif) no-repeat center bottom;
color:#FFF;
}

#content table {
margin-top: 10px;
}
#content ul {
margin-top: 3px;
margin-right: 30px;
}
#content li {
margin-bottom: 3px;
}
#container {
width: 674px;
position: relative;
background: #FFF url(../images/menu_background.gif) repeat-y;
/* effectively centers the page */
  margin-left: auto;
margin-right: auto;
}

#footer {
background-color: #FFF;
padding: 5px 8px 8px 3px;
border-top: 2px solid #43588F;
margin-top: 0px;
font-size: .7em;
text-align: right;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
}
#footer a {
text-align: right;
text-decoration: none;
}
#footer a:hover {
text-align: right;
color: #272763;
text-decoration: underline;
}
.button {
width: 200px;
padding: 2px 15px;
background-color: #394376;
color: #fff;
text-decoration: none;
}
.buttons {
width: 220px;
padding: 2px 5px;
background-color: #394376;
color: #FFF;
}
.buttons a {
width: 220px;
padding: 2px 5px;
background-color: #394376;
color: #FFF;
text-decoration: none;
}
.buttons a:hover {
background-color: #516DA2;
color: #FFF;
text-decoration: underline;
}
.smalltext {
font-size: .85em;
margin: 3px 20px;
}
.nomargin {
margin-top: 0px;
margin-bottom: 0px;
}
.moremargin {
margin-top: 5px;
}
.nodots {
list-style: none;
}
.brclear {
clear:both;
height:0;
margin:0;
font-size: 1px;
height: 1%;
}
.note {
background-color:#F9FBF9;
padding: 4px 8px;
border: 1px dashed #999;
color:#9E1515;
}
#applinks {
width: 275px;
}
#applinks ul li {
list-style-type: none;
}
#applinks ul li a {
text-decoration: none;
display: block;
background-color:#394376;
margin-bottom: 3px;
border: 1px solid #666;
color: #fff;
padding-left: 5px;
}
#applinks ul li a:hover {
background-color: #516DA2;
color: #FFF;
}
.clearit {
clear: both;
height: 0;
line-height: 0;
font-size: 1px;
margin-top: -1px; /*for ie bug*/
}
.reports td, .reports th {
text-align: left;
}
.reports th {
padding-left: 15px;
}
#contacts th {
font-weight: normal;
border-left: 1px solid #516DA2;
text-align: left;
padding-left: 22px;
}
#contacts th:first-child {
border-left: none;
}
#contacts a {
border: none;
background-color: #FFF;
text-decoration: underline;
}
.message {
border: 1px solid #ccc;
padding: 5px;
margin: 5px;
}