html, body {
background-color: #fff;
margin: 0;
padding: 0;
}
a:link { color: #415188; text-decoration: underline; }
a:visited { color: #415188; text-decoration: underline; }
a:hover { color: #7E8ECF; text-decoration: underline; }
a:active { color: #7E8ECF; text-decoration: underline; }

form {
border: 1px solid #ccc;
padding: 4px 4px 8px 6px;
}
form input 
{
position: relative;
left: 2px;
background-color:#e0e0f6;
margin-bottom: 4px;
}

.hidden {
display: none;
}
.header {
background: transparent url(/images/header_bg.gif) left top repeat-x;
width: 770px;
}
#logo {
position: absolute;
top: 10px;
left: 306px;
width: 282px;
height: 70px;
/*background: url(/images/hvba_logo.gif) top left no-repeat;*/
}
#logo a {
display: block;
width: 282px;
height: 70px;
}

.left_nav {
float:left;
/*position:absolute;
top: 102px;*/
left: 8px;
width: 128px;
margin: 6px 3px 6px 6px;
font: 12px/150% Arial,sans-serif;
color:#FFFFFF;
background-color:#5F6D89;
}
.left_nav ul {
margin-left: 22px;
padding-left: 1px;
margin-top: 6px;
margin-bottom: 8px;
}
.left_nav li {
margin-bottom: 3px;
color: #ff7;
}
.left_nav .on {
background-color: #7E8ECF;
}
.left_nav .off {
background-color: #5F6D89;
}
.left_nav ul li a:link { color: #fff; text-decoration: none; }
.left_nav ul li a:visited { color: #fff; text-decoration: none; }
.left_nav ul li a:hover { color: #fff; text-decoration: none; background-color: #7E8ECF; }
.left_nav ul li a:active { color: #eee; text-decoration: none; background-color: #7E8ECF; }

.mainPage {
float:left;
/*position:absolute;
top: 102px;*/
left: 140px;
width: 626px;
margin: 6px auto 0 6px;
border-top: 1px solid #5F6D89;
/* border-bottom: 2px solid #5F6D89;
 border-right: 1px solid #5F6D89;
border-left: 1px solid #5F6D89; */
/*padding:6px 6px 8px 6px;
background: transparent url(/images/spacer.gif) left top repeat-y;
font: 12px/150% Arial, Helvetica, Geneva, sans-serif;*/
}
.content {
float: left;
width: 614px;
/*min-height: 400px;*/
padding: 6px 6px 8px 6px;
font: 12px/150% Arial, Geneva, Helvetica, sans-serif;
}

.content p {
margin: 0 0 1em 0;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content h7 {
margin: 8px 0 4px 0;
color: #415188;
}

.content h1 {
font: bold 21px/23px Helvetica, Arial, sans-serif;
margin: 8px 0 12px 0;
}
.content h2 {
font: bold 17px/19px Helvetica, Arial, sans-serif;
}
.content h3 {
font: bold 15px/17px Helvetica, Arial, sans-serif;
}
.content h4, .content h5, .content h6 {
font: bold 13px/15px Helvetica, Arial, sans-serif;
}
.content ul {
list-style: none;
}
.content ul li {
background: transparent url(/images/li_bullet.gif) 0 .53em no-repeat;
padding-left: 12px;
}
.content .important {
font-weight: bold; 
color: #C00;
}
.content .small {
font-style: italic;
font-size: 10px;
}
.content #highlight {
padding: 1px 0px 2px 6px;
background: #dde  url(images/highlight_bg.gif) repeat;  /* att col image pos repeat; */
}
.content #highlight h3 {
border-bottom: 1px solid #415188;
}


.HSVL{}
.HSVL a:link { color: #A91C18; text-decoration: underline;}
.HSVL a:visited { color: #A91C18; text-decoration: underline; }
.HSVL a:hover { color: #E0140E; text-decoration: underline;} 
.HSVLcolor {color: #E0140E;}
.HSVLbg {background-color: #A91C18;}
.HSVL ul li {
background: transparent url(/images/li_HSVLbullet.gif) 0 .53em no-repeat;
padding-left: 12px;
}


.formattedTable {
border: 1px solid #ccc;
border-collapse: collapse;
/* padding: 2px 2px 2px 2px;
margin: trbl; */
}
.formattedTable th {
border: 1px solid #ccc; 
color: #eef;
font-weight: bold;
background-color: #5F6D89;
padding: 2px 2px 2px 2px;
}
.formattedTable td { 
border: 1px solid #ccc;
empty-cells: show;
padding: 1px 4px 1px 4px;
}
.formattedTable #ctr {
text-align: center;
vertical-align: top;
}
.formattedTable .gray {
background-color: #dcdcdc;
}
div.clearAll {
clear: both;
width: 1px; /* necessary to prevent IE character echos when there are comments are between floats. See "IE6/Win: floats, comments and characters echo" at http://www.brunildo.org/test/IEecho.html */
background-color: transparent; /* for IE so as to render vertically small enough */
font-size: 1px; /* for IE so as to render vertically small enough */
}

.footer {
width: 770px;
margin: 6px 0px 0px 6px;
padding: 4px 0 0px 0px;
border-top: 2px solid #5F6D89;
}
.footer p {
margin: 0px auto 0px 142px;
font: 11px/150% Arial, Geneva, Helvetica, sans-serif;
color:#333;
}