html{
width:100%;
text-align:center;
background-color:#7e80e4;
}

body{
width:900px;
margin: 10px auto 10px auto;
position:relative;
text-align:left;
background-color:#ffffff;
font-family: "georgia", "times new roman", serif;
font-size: 14px;
}

.topspace {
float:left;
width:100%;
height:0px;
background-color:#7e80e4;
}

.pageheader {
background:url('http://www.tdna.org/images/topbg.gif');
float:left;
margin:1px 7px 0 7px;
width:885px;
height:80px;
}

.headerimagerow {
background:url('http://www.tdna.org/images/hdrpic.jpg');
float:left;
margin:4px 7px 0 7px;
width:885px;
height:109px;
text-align:right;
}

.headerimage {
background:url('http://www.tdna.org/images/hdrpic.jpg');
float:left;
margin:0;
width:746px;
height:109px;
text-align:right;
}

.headerlogo {
background-color:#FFFFFF;
float:left;
margin:0;
width:139px;
height:109px;
text-align:right;
}

/* NAV BAR VERSION 1 */

#navbar  { background:url('http://www.tdna.org/images/menubg.gif');
float:left;
font-size: 16px;
margin:4px 7px 20px 7px;
padding: 10px 0 10px 0;
width:885px;
text-align:left;
}
#navbar li { list-style: none; float: left;  }
#navbar li a { display: block; padding: 0 15px 0 15px; color: #fff; font-size: 16px; font-weight: normal; text-decoration: none; border-right: 1px solid #DADADA;}
#navbar li a:visited { font-size: 16px; }
#navbar li ul { display: none;  width: 10em; /* Width to help Opera out */ background-color: transparent; padding: 0; margin: 0; }
#navbar li:hover ul { display: block; position: absolute; margin: 0; padding: 0; z-index: 2; }
#navbar li:hover li { float: none; }
#navbar li:hover li a { font-family: verdana; font-size: 12px; font-weight: bold; background-color: #fff; border-bottom: 1px solid #BBB; color: #000; padding: 3px; margin: 0; }
#navbar li li a:hover { background-color: #fff; border-bottom: 1px solid #BBB; }
.clear { clear:both; margin-bottom:0px; }

.hiddenFields { padding: 0; margin: 0; display:inline; }

.pageheader h1 {
font-family: garamond;
font-weight: bold;
color:#FFFFFF;
font-size:36px;
margin:0;
margin: 5px 0 0 20px;
}

.pageheader h2 {
font-family: arial;
color:#eee;
font-size:13px;
margin:0;
font-weight:normal;
margin:2px 0 0 20px;
}

.buttonrow {
background:url('http://www.tdna.org/images/menubg.gif');
float:left;
font-size: 16px;
margin:4px 7px 20px 7px;
padding: 2px 0 2px 0;
width:885px;
text-align:left;
}

.buttonrowbottom {
background:url('http://www.tdna.org/images/border1.gif');
float:left;
margin:2px 7px 40px 7px;
width:885px;
height:14px;
text-align:left;
}

.leftcontent {
 background-color:#FFFFFF;
 float:left;
 margin: 5px 5px 0 10px;
 padding: 10px 0 10px 0;
 width:190px;
 text-align:left;
}

.main {
 background-color:#FFFFFF;
 width:900px;
 float:left;
 margin: 5px 0 5px 0;
}

.rightcontent {
background-color:#FFFFFF;
float:left;
margin: 15px 0 0 25px;
padding: 0 0 10px 0;
width: 655px;
text-align:left;
font-family:arial;
font-size:14px;
color:#400000;
}

.rightcontenttop { margin: 0 0 0 0; }

.rightcontentheader {
background:url('http://www.tdna.org/images/boxbg.gif');
width:100%;
height:50px;
float:left;
text-align:center;
font-weight:bold;
font-size:16px;
padding:0px 0 0 0;
font-family:arial;
color:#000000;
}

.two_columns {
  width: 295px;
  padding: 0 20px 5px 0;
  margin: 0;
  float: left;
}

.summary { display: block; margin: 0; padding: 0 20px 0 0; }

.footer {
  font-size: 15px;
  text-align: center;
  margin: 20px 0 20px 0;
  padding: 15px 0 15px 0;
  border-top: 1px dotted #b1b1b1
}

/* font styles */

a:link { font-size: 14px; }

a:visited { font-size: 14px; }

.section_head {
  font-family: garamond;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 2px solid #2225A6;
  padding: 5px 0 5px 0;
  margin: 10px 2px 0 2px;
}

h2 a {text-decoration: none; font-size: 21px; }
h2 a:link { text-decoration: none; font-size: 21px;  }
h2 a:hover { text-decoration: none; font-size: 21px; }
h2 a:visited { text-decoration: none; font-size: 21px; }

h3 a {text-decoration: none; font-size: 16px; }
h3 a:link { text-decoration: none; font-size: 16px;  }
h3 a:hover { text-decoration: none; font-size: 16px; }
h3 a:visited { text-decoration: none; font-size: 16px; }

.more { float: right; text-decoration: none; margin-right: 10px; }
.more a { font-size: 12px; }