html { 
font-size: 0.72em;
background: #c4ecff; 
} 
body { 
font-size: 1em;
font-family: Verdana, Arial; 
color: #000000; 
margin: auto; 
padding: 0; 
} 

.head { 
width: 99%;
} 
.col1 { 
float: left; 
width: 19%; 
} 
.col2 { 
float: left; 
width: 79%; 
} 
.foot { 
float: left; 
clear: both; 
width: 99%; 
} 

.header { 
background: #c4ecff;
padding: 0em; 
border: 0px solid #81d2fe; 
margin: 0.2em; 
} 
.left { 
background: #ffffff;
padding: 1em; 
border: 1px solid #81d2fe; 
margin: 0.2em; 
} 
.left2 { 
background: #e7ccff;
padding: 0.7em; 
border: 1px solid #000000;
margin: 0.2em; 
margin-top:0.4em;
} 
.main { 
background: #ffffff;
border: 1px solid #81d2fe; 
padding: 1em; 
margin:  0.2em ; 
} 
.footer { 
padding: 0em; 
margin: 0.2em; 
text-align: center;
} 


A {
color: #00009d; text-decoration: underline; padding:3px;
}
A:hover {
color: black; background: #eafff7; text-decoration: none; padding:3px;
}
A:visited {
color: #5151ff; text-decoration: underline; padding:3px;
}

ul { 
list-style-type: disc; margin-left: 1%; 
}
li { 
margin-bottom: 0.7em; padding: 2px; 
}

H6 {
font-size: 1em; font-family: "Arial"; margin-top:0px; margin-bottom:0px; color: black;
}
H5 {
font-size: 1.1em; font-family: "Arial"; margin-top:0px; margin-bottom:0px; color: black;
}
H4 {
font-size: 1.2em; font-family: "Arial"; margin-top:0px; margin-bottom:0px; color: red;
}
H3 {
font-size: 1.3em; font-family: "Arial"; margin-top:0px; margin-bottom:0px;
}
H2 {
font-size: 1.5em; font-family: "Arial"; margin-top:0px; margin-bottom:0px;
}
H1 {
font-size: 1.7em; font-family: "Arial"; margin-top:0px; margin-bottom:0px;
}

strong{
 color:red;
}

.bgblue {background: ##c4ecff;}

.datatable{
background: #c4ecff; border:1px solid #81d2fe; td border:1px solid #81d2fe;
}
.datatable td{
background: #c4ecff; border:1px solid #81d2fe;
}


.contentimage {
border:1px solid #81d2fe; margin:0.5em;
}
.box {
width:25%; background:#eafff7; border: 1px solid #01c21e;
}
.border {
 border: 1px solid #400000;
}
.form {
width:100%; background:#c4ecff; border: 1px solid #81d2fe;
}
.fontsmall {
font-size: 0.9em; font-family: "Arial";
}
.fontmedium {
font-size: 1.5em; font-family: "Arial"; padding:1px;
}
.titletext {
font-size: 6em; font-family: Verdana, Arial; font-weight: bold; color: #59b5ff;
}
.border{
border:1px solid #81d2fe;
}
.headertable{
background: #ffffff; border:none;
}

#navcontainer
{
background: #c4ecff;
width: 100%;
margin: 0 auto;
padding: 1em 0;
font-family: arial;
font-size: 13px;
text-align: center;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #6c6cff;
text-decoration: none;
background: #b3d9ff;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #b3d9ff;
color: #0000b9;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #0000b9;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}