body {
font: 90% "trebuchet MS",helvetica, ariel, sans-serif;
margin: 0;
padding: 0;
color: #000;
background: #fff;
min-width: 700px;
width:expression(document.body.clientWidth < 700? "700px": "auto" );
}
table {
width:90%;
}
.glosstab{
width:80%;
}
.glossthtrait{
width:10%;
}
.glossthdef{
width:90%;
}
.glossms1{
width:5%;
}
.glossms2{
width:10%;
}
.glossms3{
width:80%;
}
th {
width:25%;
text-align:left;
vertical-align:top;
color:#000;
}
td {
width:25%;
vertical-align:top;
}
a {
color: #444;
}

a:visited{
color: #444;
}
a:hover{
color: #fc0;
}
img {border: none;}
/*divs*/
#wrapper {
margin: 0px;
min-width: 454px;
}
#refs {
padding: 15px 40px;
margin: 0px;
max-width: 650px;
}

#header {
height: 105px;
max-height: 126px;
height:126px;
min-width:720px;
color: #000;
background: repeat-x bottom left #000;
} 

#content {
padding: 45px 70px;
}

h1 {
font: bold 130%;
color: #039;
background: transparent;
}

h2 {
font: bold 110%;
color:#003;
background: transparent;
}

h3 {
font: bold 95%;
color: #3FF;
background: transparent;
}
.biohead{
font-size:x-large;
text-align: center;
vertical-align:middle;
}
.uploadform{
 border: 2px solid #333;
 padding:5px;
 width:600px;
}
.sptable { 
width:100%;
border-width: 2px; 
border-style: ridge; 
border-color: #FF6600
} 
.sptd { 
border-style: hidden;

 }
.persimg{
float:left;
margin: 6px;
}
/*Menu*/

#menu
{
/*position: relative;*/
margin-top: 40px;
color: #000;
background-color: #fc0;
width: 100%;
font-weight: bold;
text-align: left;
z-index: 3;
font-size: 110%;
height:35px;
}


#menu ul
{
display: block;
padding: 5px;
list-style-type: none;
margin: 0px auto 0px 70px;
text-decoration: none;
}

#menu ul li
{
margin: 0px auto 0px auto;
padding: 10px 10px;
display: inline;
}

#menu ul li a
{
color: #000;
text-decoration: none;
}

#menu ul li a:visited
{
color: #000;
text-decoration: none;
}
#menu ul li a:hover
{
color: #FF0;
text-decoration: none;
}
.floatlft{
padding:10px;

float: left;
clear: left;
}

.floatrgt{
float: right;
clear: right;
}

#navmenu
{
font-weight: bold;
color:#3FF;
background-color: #FFF;
text-decoration: none;
width: 100%;
padding: 8px 0px 8px 0px;
text-align: center;
vertical-align:top;
}


#navmenu ul
{
display: block;
list-style-type: none;
margin: 0px 0px 0px 70px;
text-decoration: none;
}

#navmenu ul li
{
background:#bbb;
border:4px outset #bbb;
margin: 0px auto 0px auto;
padding: 3px 3px;
display: inline;
}

#navmenu ul li a
{
color:#000;
text-decoration: none;
}

#navmenu ul li a:visited
{
color:#000;
text-decoration: none;
}
#navmenu ul li a:hover
{
background:#bbb;
color:#FF0;
text-decoration: none;
}

.headers {
	font-weight: bold;
	font-size:25px;
	color: #fc0;
	vertical-align: top;
	padding: 3px 7px;
}
.bigtxt {
	font-size:18px;
}
.floatright {
float: right;
clear: right;
padding: 3px 7px;
overflow: hidden;
font-size: 85%;
}
body>div.banner {position: fixed}

a {
	text-decoration: none;
}

#gallery { margin: 2px;padding: 10px; }

#gallery dl {float: left;
margin: 0.5em; list-style: none; padding: 5px; border: 1px solid #3FF;}

#gallery dl dl {border: none; width:160px;}

#gallery dl dt {padding: 0; margin-left: auto; margin-right: auto; text-align: center;}

#gallery dl dd { margin: 0; text-decoration: none; text-align: center; }

#gallery img { border: 1px solid #3FF;}

#gallery a {border: none;}

#gallerynav {border: none; margin-left: 48%;}

#gallerypic {padding-top: 3em; text-align: center; }

#gallerypic img {border: 1px solid #3FF;}

.imgcontainer   {font-size: 0.75em; text-align: center; color:#0FF;}
.right {float: right; margin: 4px 0px 6px 8px;}
.left  {float: left;  margin: 4px 8px 6px 0px;}
.imagebox {border: 1px solid #CCC; padding: 3px; margin-bottom: 4px; 
width: auto;}

.clear{
clear:both;
}

.highlight {
	text-align:left;
	color: #fc0;
	background-color: #000;
}
.opterms{
background-color:#FFF;
}
.optbiotic{
background-color:#FFCC33;
}
.optphy{
background-color:#666;
}

/*
 * Creative commons licence
 */
#cc-licence {
	width:90%;
	margin:auto;
	padding-top:30px;
}