HTML {height: 100%; width: 100%;}
BODY {width: 100%; margin: 0; text-align: left; background: bottom left url('bg.jpg') no-repeat; background-color: #FFF;   background-attachment: fixed;  font: 12px Helvetica, Arial, "Times New Roman", Times, serif; }
A {color: #003; text-decoration: none; font-weight: 500; font: 12px Arial; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div#page {width: 1000px; padding-bottom: 10px; padding-top: 20px; margin-left: 0px; margin-right: auto; display: block; position: absolute; top: 200px; left: 0px;}

div#footer { text-align: center; }
div.newsitem div.newsheadline{font-size:20px;font-weight:600; }
div.newsitem{border:1px solid black; padding:10px;}

DIV#masthead {
	width: 100%;
	height: 190px;
	clear: both;
	background: url(header.jpg) ;
	background-position: top left;
	background-repeat:  no-repeat; 
	color: #000;
	margin-left: auto;
	margin-right: auto; 
	text-align: left;
	z-index: 200;
	position: fixed;
	top: 0;
	}

img#carveout {position: fixed; top: 180px; left: 700px; z-index: 200;}
*html img#carveout {position: absolute; top: 180px; left: 700px; z-index: 200;}

/*
div#footer {
	width: 459px;
	height: 120px;
	min-height: 120px;
	margin: 40px auto auto auto;
	text-align: left;
	padding-top: 20px;
	margin-left:  30px;
	clear: both;
	float: right;
	border-top: dashed 1px #CCC;
	background: url('footer.gif') top left no-repeat; 
	color: #000;
	}	


div#footer{  position:fixed;  bottom:0px;  left:500px;  width: 500px;  height: 200px;  background: url(co2xfooter.gif) bottom right no-repeat;}
*html div#footer {display: none;}
*/

DIV#main{
	background: url('xcontent.gif') repeat-y; 
	background-position: 6px 0;
	width:         459px;
	min-height:    80px;
  padding-left:  29px;
  margin-right:  0px;
  padding-right: 10px;
  margin-bottom: 20px;
  border-right:  dashed #999 1px; 
  text-align:    justify;

	}
		
DIV#main div.content { width: 459px; padding-bottom: 10px;}
div#main img {margin: 5px; width: 250px;}

div#right {display: block; float: right; width: 250px; margin-right: 0px; padding-top: 25px;  }
div#right img{width: 200px; margin: 5px; }
div#right img.purchasebuttons{width: 220px;}

div#mostright {display: block; float: right; width: 220px; margin-right: 0px; margin-left: 10px; padding-top: 50px;  height: 120px;}

	

DIV#nav {
background: #35681d url(bioagnavbg.gif) bottom left; 
text-align: left;	font-size: 16px; 	
width: 970px;	
margin-top: 0px;	
margin-bottom: auto;	
padding-left: 30px;	 
clear: both; 
z-index: 205; 
position: fixed; 
top: 180px; 
border-top: 3px solid #FFF;
}

*html DIV#nav {
z-index: 185; 
position: absolute; 
top: 180px; 
}


DIV#nav A {font-size: 14px;	color: #222;	 text-decoration: none;	padding: 0px 10px 0px 0px;	}
DIV#nav A:hover	{color: #FFF;} 

/*Navigation*/
DIV#nav ul  { /* all lists */	padding: 0;	margin: 0;	list-style: none;	 text-align: left;	position: relative; top: 0px; z-index: 5; }
DIV#nav li  { /* all list items */	float: left; margin: 0;  padding: 0;  position: relative;  text-align: center; z-index: 5;}
DIV#nav li a { /* all list items */  color: #FFF; font-size: 10px; display: block; margin-top: 0;	margin-bottom: 0;	margin-left: 0;	margin-right: 10px; padding: 5px 5px 5px 5px; z-index: 5; text-decoration: underline;}
DIV#nav li a:hover { z-index: 5; COLOR: #FFF;}
DIV#nav li a.over  { z-index: 5;  COLOR: #FFF}

	/*The active tab*/ 
DIV#nav li.selectedtab  a { background: #FFF ;  width: 97px; z-index: 5;  COLOR: #000; border: 1px solid #0A558A; border-bottom: 1px solid #fff; position: relative; text-decoration: underline; top: 1px;}
DIV#nav li.selectedtab  a:hover { COLOR: #FFF z-index: 5; }

	/*thiS IS DD Below the ACTIVE TAB*/
DIV#nav li.selectedtab ul li.selectedtab2 a { background:  #ddd;  z-index: 5; COLOR: #0A558A; }
DIV#nav li.selectedtab ul li a { background:  #fff;  z-index: 5;  top: -1px; COLOR: #000; }
DIV#nav li.selectedtab ul li a:hover {background: #fff;  z-index: 5;  COLOR: #b00; }

	/*Nav Dropdown*/
DIV#nav li ul {display: none;	position: absolute;	top: 25px; width: 100px; left: 0; margin: 0; padding: 0; background: #ccc;}
DIV#nav li>ul { top: auto;	left: auto; width: 112px; border: 1px solid #0A558A; border-top: none; background: #ccc;}
DIV#nav li:hover ul  {display: block; padding: 0px; background: #ccc;}
DIV#nav li.over ul {display: block;	padding: 0px; background: #ccc;}

DIV#nav li li a {display: block; width: 100px; border: 1px 3px 1px 3px; border: solid #FFF; background: #fff; color: #004; padding: 3px; text-align: left; z-index: 5;}
DIV#nav li.selectedtab li a {display: block; width: 100px; border: 1px 3px 1px 3px; border: solid #FFF; background: #CCC ; color: #004; padding: 3px; text-align: left; z-index: 5; color: #000;}
DIV#nav li li a:hover {display: block; color: #b00; background: #fff;  border: 1px 3px 1px 3px; border: solid #fff; z-index: 5; padding: 3px; }
/*End Navigation*/




DIV#limitsize  {width: 770px; text-align: left; margin: auto;}
Div#pagetitle { width: 100%; text-align: left; font-family: Arial, Helvetica; font-size: 20px; color: #000; font-weight: 400; display: block; padding: 0px 0px 10px 0px; background: url('xtitle.gif') top center no-repeat;}

DIV.side {\margin: 15px 0 10px 0; width: 239px;}
DIV.side IMG {float: right; width: 200px; margin: 0 15px 10px 0;}	

DIV.caption {width: 740px;	font-size: 12px;	color: #000;  margin: 0 0 0 30px;  padding-bottom: 10px;}		
DIV.caption SPAN {font-size: 14px;}	
		
IMG.pics {margin-right: auto; margin-left: auto; width: 385px;}

DIV.gallery {	margin: 20px 0 0 30px;	width: 90px;	float: left;}
DIV.gallery IMG {width: 80px;  border: 1px solid;}	
DIV.gallery IMG:hover { border: 1px #ACA solid;}	
DIV.gallery SPAN {	float: left; 	text-align: center; 	margin:  0px 0px 0px 10px;	}
	
DIV.sologallery {	width: 770px;	font-size: 12px;	margin: 0;	text-align: left;	padding-left: 30px;}
DIV.sologallery IMG {width: 510px;}	
	
B	{font-weight: 600;}

DIV.Menu {font-size: 12px; background-color: #DDD;}
DIV.Menu B {color :#004;}
DIV.Menu SPAN {color :#004; font-size: 16px; font-weight: 600;}

div.cpanelbtn {margin-top: 5px; text-align: center; width: 120px; float: left; clear: left; background: url(bioagnavbg.gif); border: 2px solid #258AD8;}
div.cpanelbtn a{ color: #fff; font-weight: bold;}
div.cpanelbtn a:hover{ color: #F0DD99; font-weight: bold;}

a.signupbutton { display: block; float: left; clear: left; border: 1px solid #000; padding: 5px; width: 205px; margin-bottom: 5px; text-align: center; }
table.signuptable { width: 100%; }

div#main #pagewrapper .bodytext table.gatheringtab {margin-top: 10px; margin-bottom: 10px;}
div#main #pagewrapper .bodytext table.gatheringtab td.efield   { color: red; font-size: 10px; background-color: transparent; font-weight: normal; }
div#main #pagewrapper .bodytext table.gatheringtab td.warn   { color: rgb(120,0,0); font-size: 10px; background-color: transparent; font-weight: normal; }
div#main #pagewrapper .bodytext table.gatheringtab td.error  { color: red; font-size: 10px; background-color: transparent; font-weight: bold }
div#main #pagewrapper .bodytext table.gatheringtab td.label  { color: #000; font-size: 10px; background-color: transparent; font-weight: 900; text-align: right; padding-right: 10px;}
div#main #pagewrapper .bodytext table.gatheringtab td.input  { background-color: transparent; padding-top: 5px;}
div#main #pagewrapper .bodytext table.gatheringtab td.input input{border: 1px solid #184F05;}
div#main #pagewrapper .bodytext table.gatheringtab td.input select{border: 1px solid #184F05;}
div#main #pagewrapper .bodytext table.gatheringtab td.input img{width: 142px; height: 50px; border: 1px solid #184F05;}
div#main #pagewrapper .bodytext table.gatheringtab td.input input.submit{border: 1px solid #184F05; background: #184F05; color: #fff; font-weight: 900; font-size: 10px; padding: 5px;}

div#main #pagewrapper .bodytext table.signuptable td input{border: 1px solid #184F05; background: #184F05; color: #fff; font-weight: 900; font-size: 10px; padding: 5px;}

div.error{background: #FFEBE8; border: 1px solid #DD3C10; font-size: 14px; font-weight: 900; width: 100%; padding: 10px; margin-top: 20px; margin-bottom: 20px;}

div.membertab { width: 205px; text-align: center; padding: 5px; }
div.membertab a { display: block; background: #FFF; font-weight: 600; color: #535252; width: 196px; margin: 0 0 5px 3px; padding: 3px 0 3px 0; border-left: 2px solid #006CB7; border-right: 2px solid #006CB7; border-bottom: 2px solid #DDD;  border-top: 2px solid #DDD; }
div.membertab a.submenu { background: none repeat scroll 0 0 #c0c0c0; margin: -5px 0px 5px 3px; border-top: 0px; }
div.membertab p.title { font-size: 16px; color: #444; }

div.sectiontitle { width: 100%; text-align: left; font-family: Arial, Helvetica; font-size: 20px; color: #000; font-weight: 400; display: block; padding: 0px 0px 10px 0px; background: url('xtitle.gif') top center no-repeat;}

table.manageaccount { margin-top: 10px; margin-bottom: 10px; }
table.manageaccount td.label  { color: #000; font-size: 10px; background-color: transparent; font-weight: 900; text-align: right; padding-right: 10px; }
table.manageaccount td.input select { border: 1px solid #184F05; }
table.manageaccount td.input input { border: 1px solid #184F05; padding-left: 2px; }
table.manageaccount td.input input.submit { border: 1px solid #184F05; background: #184F05; color: #fff; font-weight: 900; font-size: 10px; padding: 5px; }

.forumbox { border: 0px solid #CCC; width: 100%; margin: 4px; padding: 4px; width: 450px;  }
.forumtitle { margin: 4px; font-size: 16px; font-weight: 600; }

.boardbox { border: 1px solid #006CB7; background: #B6CEF9; padding: 4px; margin-top: 4px;  }
.boardtitle { margin: 4px 4px 0 4px; font-size: 12px; font-weight: 600; }
.boardheader { font-size: 18px; }
.boardsubtitle { font-size: 10px; font-weight: 500; margin: 0 4px 4px 4px; }

.threadbox { border: 1px solid #006CB7; background: #B6CEF9; padding: 10px; margin-top: 8px; }
.threadtitle { border-bottom: 1px solid #006CB7; font-weight: 600; }
.threadauthor { font-size: 9px; color: #666; }
.threadtext { margin: 0 4px 0 4px; }

.multithreadbox { border: 1px solid #006CB7; background: #D9E0FF; padding: 10px; margin-top: 8px; }
.multithreadtitle { border-bottom: 1px solid #006CB7; font-weight: 600; }
.multithreadauthor { font-size: 9px; color: #666; }

.formtext { color: #000; }
.formstuff { border: 1px solid #000; padding: 4px; }
.formbutton { border: 1px solid #000; background: #DDD;}


