body {font-family: Arial, Hevetica, sans-serif; background: #008899; text-align:center;}


#header {
background: #dd5555;
width: 100%;
height: 120px;
border-bottom: solid 6px #008899;
}

#col {
background: #eeeeee;
width: 96%;
margin-left: 3%;
margin-right: 3%;
margin-top: 1%;
text-align: left;
border-bottom: solid 10px #008899;
}

#nav {
line-height: 180%;
padding-left: 2px;
font-size: 100%;
font-family: Arial, Helvetica, sans serif;
background: #eeeeee;
float: left;
width: 19%;
}

#navfoot {
line-height: 100%;
font-size: 12pt;
}

#colbynav {
padding-left: 2%;
background: #ffffff;
float: left;
width: 78.5%;
}

#colleft {
background: #eeeeee;
float: left;
left: 2%;
width: 47%;
margin-left: 12%;
margin-top: 5%;
padding: 5px;
text-align: left;
}


 #colright {
background: #eeeeee;
float: left;
right: 2%;
width: 47%;
margin-right: 12%;
margin-top: 5%;
padding: 5px;
text-align: left;
}


#leftcol {
float: left;
top: 3%;
left: 2%;
width: 47%;
margin-left: 0px;
padding: 5px;
text-align: left;
border-left: 4px solid #ccc;
border-top: 4px solid #ccc;
border-right: 4px solid #f6f6f6;
border-bottom: 4px solid #f6f6f6;
}





#rightcol {
float: right;
top: 3%;
right: 3%;
width: 47%;
padding: 5px;
margin-right: 5px;
border-left: 4px solid #ccc;
border-top: 4px solid #ccc;
border-right: 4px solid #f6f6f6;
border-bottom: 4px solid #f6f6f6;
}


div.picture {clear: both;
     width:90%;
     text-align: center;
     padding-right: 8px;
     padding-left: 8px;
}

div.pictureleft {
float: left;
margin-left: 1%;
margin-right: 5px;
padding-right: 1%;
margin-top:1%
}

div.pictureright {
float: right;
margin-right:1%;
margin-left:5px;
padding-left:1%;
margin-top:1%;
}

div.widebuffer {
    width: 93%;
    clear: both;
}


div.caption {
width: 90%;
margin-left:5px;
margin-right:5px;
padding: 5px;
   font-family:Arial,Helvetica;
   font-size:12pt;
text-align: center;
border-left: 4px solid #008899;
border-top: 4px solid #dd5555;
border-right: 4px solid #dd5555;
border-bottom: 4px solid #008899;
}

div.captionright {
float: right;
width: 25%;
margin-left: 5px;
padding: 5px;
text-align: left;
border-left: 4px solid #008899;
border-top: 4px solid #dd5555;
border-right: 4px solid #dd5555;
border-bottom: 4px solid #008899;

}

div.captionleft {
float: left;
width: 25%;
margin-right: 5px;
padding: 5px;
text-align: left;
border-left: 4px solid #008899;
border-top: 4px solid #dd5555;
border-right: 4px solid #dd5555;
border-bottom: 4px solid #008899;
}

div.labelleft {
float: left;
width: 40%;
clear:left;
margin-left: 2px;
margin-right: 2px;
padding: 5px;
text-align: left;
border: 4px solid #aaaaaa;
}
div.labelright {
float: right;
width: 40%;
clear:right;
clear:right;
margin-left: 2px;
margin-right: 2px;
padding: 5px;
text-align: left;
border: 4px solid #aaaaaa;
}
DIV.smallish {font-family:Arial,Helvetica; font-size: 10pt;}

DIV.small {font-family:Arial,Helvetica; font-size: 8pt;}


div.footer {
padding-right:10px;
padding-top:16px;
font-family:Arial,Helvetica; 
font-size: 8pt; 
text-align: right; 
font-style:Italic;
}

.bord {
border: solid 6px #008899;
}





a {color: #007788}

a img {border: none}

a:visited {color: #551a8b}

a:hover {color: #dd0000}