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

#header {
border-left: solid 2px #ffffff;border-top: solid 2px #ffffff;
border-right: solid 2px #ffffff;border-bottom: solid 2px #ffffff;
background: #dd5555;
width: 100%;
height: 120px;
}


#headtext {
float:left;
color:#ffffff;
font-family:URW Chancery L,Brush Script MT,Purisa,Century Schoolbook L,cursive;
font-size:40px;
width:50%;
}

#col {
width: 98%;
padding-left: 20px;
border-top: solid #008899 6px;
background: #ffffff;
}

#nav {
position:relative;
top: 0em; left:-1em;
line-height: 180%;
padding-left: 2px;
font-size: 110%;
font-family: Arial, Helvetica, sans serif;
border-left: 4px solid #008899;
border-top: 4px solid #dd5555;
border-right: 4px solid #dd5555;
border-bottom: 4px solid #008899;
margin-right:  4px;
float: left;
width: 19%;
}

#navfoot {
line-height: 120%;
font-size: 11pt;
}

.geo {
font-size:10pt;
}


.fancyline { color: #dd5555;
background-color: #dd5555;
height: 3px;
width:50%;
}

a {color: #007788}

a img {border: none}

a:visited {color: #551a8b}

a:hover {color: #dd0000}

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

div.pictureleft {
float: left;
margin-top:4px;
margin-bottom:4px;
margin-right:4px;
padding-left: 8px;
clear:left;
}

div.pictureright {
float: right;
margin-top:4px;
margin-bottom:4px;
margin-right:4px;
padding-left: 8px;
clear:right;
}

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

div.captionright {

float: right;
clear:right;
width: 25%;
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;
margin:4px;
}

div.captionleft {
float: left;
clear:left;
width: 25%;
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;
margin:4px;
}


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

/*

#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;
}


#nav {
top: 30px;
line-height: 180%;
padding-left: 2px;
font-size: 110%;
font-family: Arial, Helvetica, sans serif;
background: #eeeeee;
border-top: solid 6px #008899;
float: left;
width: 19%;
}


#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.caption {
width: 90%;
margin-left:7px;
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.smallish {font-family:Arial,Helvetica; font-size: 10pt;}

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


background: #008899;
H1 {font-family: Arial; font-size: 20pt; color: #9999CC; text-align: center;}

H2 {font-family: Arial; font-size: 20pt; text-align: center;}

H3 {font-family: Arial; font-size: 16pt;}

H4 {font-family: Arial; font-size: 14pt;}

H5 {font-family: Arial; font-size: 12pt;}




#col {
background: #eeeeee;
width: 94%;
margin-left: 3%;
margin-right: 3%;
margin-top: 1%;
text-align: left;
border-bottom: solid 10px #008899;
}
  col width first 88 then 94 now deleted width: 94%;

#col {
background: #eeeeee;
margin: 0 auto;
width: 780px;
margin-top: 1%;
text-align: left;
border-bottom: solid 10px #008899;
}



DIV.normal  {font-family:Arial,Helvetica; font-size: 12pt;}



SPAN.Small {font-family:Arial,Helvetica; font-size:8pt;}

SPAN.underline {text-decoration: underline;}
P          {font-family:Arial,Helvetica; font-size:12pt;
    clear: both; 
}



div.pictureleft {float: left;
     padding-right: 8px;
}

 previous 150px wide 150px height 

div.picturethumbleft {float: left;
        background: #eeeeff;
        margin-left: 3%;
        width: 20%;
        padding-right: 8px;
}

div.picturethumbright {float: right;
        background: #eeeeff;
        margin-right: 3%;
        margin-right: 20px;
        width: 20%;
        padding-left: 8px;
}


div.captionthumbleft {float: left;
        margin-left: 3%;
        overflow: auto;
        background: #eeeeff;
        width: 20%;
        height: 150px;
        padding-right: 8px;
}

div.captionthumbright {float: right;
        margin-right: 3%;
        overflow: auto;
        background: #eeeeff;
        width: 20%;
        height: 150px;
        padding-right: 8px;
}

div.textright {
width: 50%;

float: right;

margin-right: 0px;

padding: 5px;
}

div.textleft {
width: 40%;

float: left;

margin-left: 0px;

padding: 5px;
}

div.captionright50 {

float: right;
width: 45%;

margin-right: 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;
}
div.captionleft {

float: left;
width: 25%;

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;



}

div.captionleft50 {

float: left;
width: 45%;

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;



}
 #footer {

    background: #ffffff;

clear: both;

left: 4%;

width: 96%;

margin-top: 10px;

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;



}



#leftfooter {
float: left;
left: 3%;
height: 10%;
width: 33%;
text-align: left;
margin-top: 4px;
margin-right: 1px;
margin-left: 1px;
 }
 
#centrefooter {
    float: left;
left: 35%;
height: 10%;
width: 30%;
text-align: center;
margin-top: 4px;
margin-right: 1px;
margin-left: 1px;
 }


#rightfooter {
float: right;
right: 3%;
height: 10%;
width: 34%;
text-align: right;
margin-top: 4px;
margin-right: 1px;
margin-left: 1px;
 }



lefthead used with singlecole (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"

#lefthead {

float: left;

top: 3%;

left: 2%;

width: 47%;

margin-left: 1px;

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;



}


 righthead used with singlecol e (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"

#righthead {

float: right;

top: 3%;

right: 3%;

width: 47%;

padding: 5px;

margin-right: 3px;

border-left: 4px solid #ccc;

border-top: 4px solid #ccc;

border-right: 4px solid #f6f6f6;

border-bottom: 4px solid #f6f6f6;

}





 #singlecol {

    background: #ffffff;

clear: both;

width: 93%;

 height: 50%; is this necessary

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;e (or a single) click  line 14: Invalid color value "#ooff00"e (or a single) click  line 14: Invalid color value "#ooff00"

}

 a color formerly 0000ee */