* { padding: 0; margin: 0; }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
#wrapper { 
    margin: 0 auto;
    width: 922px;
}
#header {
    color: #333;
    width: 920px;
    float: left;
    padding: 0 0 0 0;
    border: 1px solid #fff;
    height: 100px;
    margin: 10px 0px 10px 0px;
   }
#leftcolumn { 
    color: #333;
    border: 1px solid #add8e6;
    background: #f5fffa;
    margin: 0px 5px 5px 0px;
    padding: 10px;
    height: 1400px;
    width: 195px;
    float: left;
}
#content { 
    float: left;
    color: #333;
    border-top: 1px solid #fff;
    border-right: 1px solid #add8e6;
    border-bottom: 1px solid #add8e6;
    border-left: 1px solid #add8e6;
    background: #fff;
    margin: 0 0 0 0;
    padding: 10px;
    height: 1400px;
    width: 678px;
    display: inline;
}

#footer { 
    width: 920px;
    height: 39px;
    clear: both;
    color: #333;
    border: 1px solid #add8e6;
    background: #ffe9de;
}

div.centerpic  {
    background-color: #fff;
    margin: 0 auto;
    padding: 0 0 0 0;
    text-align: center;
}

/*------------------------------- Nav container ---------------------------------*/

.navcontainer {
     background-color: #f5fffa;
     margin: 0 auto;
     padding: 0 0 0 0;
     font-family: arial, helvetica, sans-serif;
     font-style: normal;
     font-size: 12px;
     text-align: left;
     }

ul.navlist  {
     text-align: left;
     list-style: none;
     padding: 0;
     margin: 10px auto;
     width: 90%;
     }

ul.navlist li  {
     display: block;
     margin: 8px;
     padding: 0;
     }

ul.navlist li a  {
     display: block;
     width: 100%;
     padding: 0 0 0 5px;
     border-width: 1px;
     border-color: #ffe #aaab9c #ccc #fff;
     border-style: solid;
     color: #800;
     text-decoration: none;
     background-color: #bcd4ed;
     }

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

ul.navlist li#active a  {
     background-color: #f0e7d7;
     color: green;
     }

ul.navlist li a:hover, ul.navlist li.active a:hover  {
     color:  	#537cab;
     background: transparent;
     border-color: #aaab9c #f8f8ff #fff #ccc;
     }

     
/*------------------------------- form ---------------------------------*/

div.form {
   background-color: #f0e7d7;
   border: 1px solid #800;
   padding: 10px 10px 4px 10px;
}

div.form image {
   float: right;
   clear: right;
   border: 1px solid #800;
   }

#footer form {                 /*-- not used ---*/
	margin: 0;
	padding: 0;
}

form label {
	display: block;
 	color: #800;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.inputField {
	border: 1px solid #800;
	width: 280px;
	padding: 2px 2px 2px 2px;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputArea {
	border: 1px solid #800;
	width: 428px;
	padding: 2px 2px 2px 2px;
	height: 100px;
	overflow: auto;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.mullins {
   display: inline;
   background: red;
}

p.submit {
	padding: 3px 0 0 1px;
	clear: both;
}


/*
        End of FORM     ****************************************************
*/

/*------------------------------- form Vote ---------------------------------*/

div.forma {
   background-color: #f0e7d7;
   border: 1px solid #800;
   padding: 10px 10px 4px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   color: #800;
}

div.forma image {
   float: right;
   clear: right;
   border: 1px solid #800;
}

.mollins {
   display: none;
}

p.submit {
	padding: 3px 0 0 1px;
	clear: both;
}


/*
        End of Vote FORM     ****************************************************
*/


     
h1 {
	font-size: 28px;
	font-family: palatino, "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-weight: normal;
   letter-spacing: -0.5px;
   line-height: 32px;
  	margin-top: 0;
	margin-bottom: 0;
   color: #800;
	}
	
h2 {
	font-size: 24px;
	font-family: palatino, "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-weight: normal;
   letter-spacing: -0.5px;
   line-height: 28px;
  	margin-top: 0;
	margin-bottom: 0;
   color: #800;
	}
	
h3 {
	font-size: 20px;
	font-family: palatino, "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-weight: normal;
   letter-spacing: -0.5px;
   line-height: 24px;
  	margin-top: 0;
	margin-bottom: 0;
   color: #800;
	}
	
h4 {
	font-size: 18px;
	font-family: palatino, "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-weight: normal;
   letter-spacing: -0.5px;
   line-height: 22px;
  	margin-top: 0;
	margin-bottom: 0;
   color: #800;
	}
     
span.menutop  {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 16px;
  	line-height: 18px;
	color: #800;
     }
     
span.menutopa  {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 14px;
  	line-height: 16px;
	color: #800;
     }

span.awful  {
   font-size: 16px;
  	line-height: 15px;
	color: #008;
   background-color: #ffffc9;
	padding: 0 0.5em  0 1em;
     }
     
span.red  {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
  	line-height: 20px;
  	background-color: #fff;
	color: #f00;
   }
   
span.pword  {
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
  	line-height: 20px;
  	background-color: #fde5f6;
   }
   
p.letblue  {
   font-size: 12px;
   font-weight: normal;
	line-height: 19px;
   padding: 0 1em 0 1em;
	color: blue;
     }
     
p.letmaroon {
   font-size: 12px;
   font-weight: normal;
	line-height: 19px;
   padding: 0 1em 0 1em;
	color: #800;
     }
   
p.tinynavy {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
   letter-spacing: normal;
   line-height: 14px;
  	margin: 0 auto;
   color: #008;
	}
	
p.navy  {
   font-size: 12px;
   font-weight: normal;
	line-height: 15px;
	margin-top: 6px;
	margin-bottom: 5px;
	color: #008;
   background-color: #fffff9;
	padding: 0 10px  0 20px;
     }
	
p.navya {
   font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: normal;
	background-color: #fff;
	color: #008;
	}
	
p.navyb {
   font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	letter-spacing: normal;
	background-color: #ffe9de;
	color: #800;
	}
	


a {
 	outline: none;
 	text-decoration: none;
 	}
a:visited {
	color:  green;
	}
a:active {
	color:  red;
	}
a:hover {
   color: #000;
 	background-color: #d6e7ff;
	}

a img {
     border: none;
     }

a.pic {
	text-decoration: none;
	font-weight: normal;
	color: transparent;
	outline: none;
	}
a.pic:visited {
	color: transparent;
	}
a.pic:active {
	color: transparent;
	}
a.pic:hover {
   color: #000;
   font-weight: 600;
	text-decoration: none;
	background-color: transparent;
	}

a.pica {
	text-decoration: none;
	font-weight: normal;
	color: #eaf4f5;
	outline: none;
	}
a.pica:visited {
	color: #eaf4f5;
	}
a.pica:active {
	color: #eaf4f5;
	}
a.pica:hover {
   color: #000;
   font-weight: 600;
	text-decoration: none;
   background-color: #f0e7d7;
	}


a.tiny {
	text-decoration: none;
	font-weight: 400;
	color:  #008;
	outline: none;
	}
a.tiny:visited {
	color:  green;
	}
a.tiny:active {
	color:  red;
	}
a.tiny:hover {
     color: #000;
     font-weight: 400;
     text-decoration: none;
     background-color: #ffc;
	}

a.med {
	text-decoration: none;
   font-size: 12px;
  	outline: none;
 	}
a.med:visited {
	color: purple;
	}
a.med:active {
	color: red;
	}
a.med:hover {
   color: #800;
   text-decoration: none;
   background-color: yellow;
  	}

/*------------------------- Captioned images left - center - right ---------------------------*/

.imgright {
               float: right;
               margin: 0 5px 0px 4px;
               padding-bottom: 0;
               text-align: center;
               }
.imgright p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }
.imgright img {border: 1px solid #000;}



.imgrightb {
               float: right;
               margin: 6px 5px 0px 4px;
               padding-bottom: 0;
               text-align: center;
              }
.imgrightb p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }
.imgrightb img {border: 1px solid #000;}




.imgrightc {
               float: right;
               margin: 0px 10px 0px 4px;
               padding-bottom: 0;
               text-align: center;
               clear: right;
               }
.imgrightc p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }
.imgrightc img {border: 1px solid #000;}




.imgrightd {
               float: right;
               margin: 0px 10px 0px 1px;
               padding-bottom: 0;
               text-align: center;
               clear: right;
               }
.imgrightd p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }
.imgrightd img {border: none;}




.imgleft {
               float: left;
               margin: 8px 8px 0px 1px;
               padding-bottom: 0;
               text-align: center;
               clear: left;
              }
.imgleft p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #800;
               }
.imgleft img {border: 1px solid #000;}




.imgleftb {
               float: left;
               margin: 0px 8px 0px 21px;
               padding-bottom: 0;
               text-align: center;
               clear: left;
              }
.imgleftb p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }
.imgleftb img {border: 1px solid #000;}




.imgleftc {
               float: left;
               margin: 0px 5px 0px 6px;
               padding-bottom: 0;
               text-align: center;
               clear: left;
              }
.imgleftc p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }
.imgleftc img {border: 1px solid #000;}




.imgleftd {
               float: left;
               margin: 0px 5px 0px 56px;
               padding-bottom: 0;
               text-align: center;
               clear: left;
              }
.imgleftd p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }
.imgleftd img {border: 1px solid #000;}



.imgcenter {
               margin: 0 auto;
               padding-bottom: 0;
               text-align: center;
              }
.imgcenter p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #800;
               }
.imgcenter img {border: 1px solid #add8e6;}

/*----------------------END  Captioned images left - center - right ---------------------------*/
     
img.floatleft {
     float: left;
     margin: 10px 4px 4px 5px;
     border: 1px solid #add8e6;
     clear: right;
     }
     
img.floatleft3 {
     float: left;
     border: 1px solid #000;
     margin: 0 14px 0 0;
     clear: right;
     }
     
img.floatleftb {
     float: left;
     margin: 4px 4px 4px 5px;
     border: 1px solid #000;
     clear: right;
     }

img.floatleftc {
     float: left;
     border: 1px solid #000;
     margin: 0 14px 0 0;
     clear: right;
     }
     
img.floatleftd {
     float: left;
     border: none;
     margin: 2px 0 2px 10px;
     clear: right;
     }
     
img.floatlefte {
     float: left;
     border: none;
     margin: 2px 0 0 6px;
     clear: left;
     }
     
img.floatleftf {
     float: left;
     border: none;
     clear: left;
     }

img.floatright {
     float: right;
     }

img.floatrightb {
     float: right;
     padding: 0 80px 0 2px;
     }
     
img.floatrightform {
     float: right;
     clear: right;
     border: 1px solid #800;
     }

img.floatleftsp {
     float: left;
     border-width: 1px;
     border-color: #5575b0;
     border-style: solid;
     margin: 4px 10px 4px 10px;
     clear: left;
     }

img.floatrightsp {
     float: right;
     border-width: 1px;
     border-color: #5575b0;
     border-style: solid;
     margin: 4px 10px 4px 10px;
     clear: right;
     }
     
img.border {
     border-width: 1px;
     border-color: #5575b0;
     border-style: solid;
     margin: 6px 0 10px 12px;
     }
     
.imgright3 {
               float: right;
               margin: 0 2px 0 0;
               padding-bottom: 0;
               text-align: center;
               clear: right;
               }
.imgright3 p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }

.imgright3 img {border: 1px solid #000;}

     
.imgright4 {
               float: right;
               margin: 0px 10px 0px 1px;
               padding-bottom: 0;
               text-align: center;
               clear: right;
               }
.imgright4 p {
               margin: 2px;
               font: normal 10px verdana,sans-serif;
               color: #008;
               }

.imgright4 img {border: none;}


hr.fossil {
   color: #add8e6;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   }
   
table.thumb1 {
   margin: 0 10px 10px 0;
   background-color: #f7f2ea;
   width: 678px;
   padding-top: 0;
   border-width: 1px;
   border-color: #add8e6;
   border-style: solid;
  	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
 	}

table.thumb2 {
   margin: 0 10px 10px 0;
   background-color: #f0f5fe;
   width: 678px;
   padding-top: 0;
   padding-bottom: 0;
   border-width: 1px;
   border-color: #add8e6;
   border-style: solid;
  	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
 	}
 	
table {
   background-color: #fff;
   margin: 2px;
 	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	border-width: 1px;
   border-color: #add8e6;
   border-style: solid;
 	}

#bioglist tbody tr.even td {

   background-color: #f7f2ea;
   color: #800;
   padding-top: 4px;
   padding-right: 6px;
   padding-bottom: 4px;
   padding-left: 6px;

   }

#bioglist tbody tr.odd  td {

   background-color: #f0f5fe;
   color: #800;
   padding-top: 4px;
   padding-right: 6px;
   padding-bottom: 4px;
   padding-left: 6px;

   }

table.biosur {
   background-color: #f0f5fe;
   width: 360px;
   padding-left: 16px;
   border-width: 1px;
   border-color: #008;
   border-style: solid;
  	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #008;
	text-align: left;
 	}