/* colors used:
    dark grey background: rgb(91,91,91);
*/

html {
    background-color:#fff;
}

body {
    padding-top: 0px;
    font: small Geneva, Arial, Helvetica, sans-serif;
	background-image:url(../images/site_bg.jpg);
	background-repeat:repeat-x;
}

a,
a:hover,
a:visited {
    color: rgb(0,64,128);
}

div#content {
    background-color: rgb(255,255,255);
    margin-right: 20px;
    padding-bottom: 0px;
    
    /* this is good for those that support it */
    min-height: 600px;
}

div#content_feedback {
    background-color: rgb(255,255,255);
    margin-right: 20px;
    padding-bottom: 0px;
    
    /* this is good for those that support it */
    min-height: 800px;
}

div#content_container,
div#footer1_container {
 
}

div#header {
    margin-left: 0px;
    margin-right: 20px;
    height: 84px;
    background: url("../images/long_strip_green.jpg") top left no-repeat;
}



div#footer{
	border-top:#DDD solid 1px;
	margin:50px 0px 0px 175px;
	padding:10px 0px 10px 0px;
	width:900px;
	color:#DDD;

	}


div#footer_tools{
	border-top:#DDD solid 1px;
	margin:50px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	width:900px;
	color:#DDD;
	

	}

div#footer_container{
	margin:0px auto 0px auto;
    clear: both;
	width:1000px;
	height:30px;
	
}




a.footer_link{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#777;
margin:0px 30px 0px 0px;

}

a.footer_link:hover{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#111;
margin:0px 30px 0px 0px;
}

div#page_container {
    /* keeps the site fluid, to a point */
    /* Requires adjustment based on the number of tabs */
    width: 1190px;
    margin:0px auto 0px auto;
}



a{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;	
}


p {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#555;
margin-bottom:10px;
}

p.justified {
    margin-bottom: 10px;
	text-align:justify;
	font-size:12px;
}


div.clear_hack {
    clear: both;
}

ul#primary_nav {
    height: 85px; /* height of banner_main.jpg */
    padding-left: 30px;
    margin-left:340px;
}

ul#primary_nav li {
    float: left;
    overflow: hidden;
    margin-right: 4px;
    padding-top: 84px; /* height of green section of banner */
}

ul#primary_nav li a {
    display: block;
    height: 39px;      /* height of the tab images */
    position: relative;
}

ul#primary_nav span {
    display: block;
    text-indent: -5000px;
}

ul#primary_nav li#reference_genomes {
    width: 75px;
    height: 39px;
    padding-top: 45px;
}

ul#primary_nav li#reference_genomes a {
    background: url("../images/tabs/ref_genomes.png") bottom left no-repeat;
}

ul#primary_nav li#rna_sequencing {
    width: 75px;
    height: 39px;
    padding-top: 45px;
}
ul#primary_nav li#rna_sequencing a {
    background: url("../images/tabs/16S.png") bottom left no-repeat;
}

ul#primary_nav li#metagenomic_wgs {
    width: 75px;
    height: 39px;
    padding-top: 45px;
}
ul#primary_nav li#metagenomic_wgs a {
    background: url("../images/tabs/metagenomic_wgs.png") bottom left no-repeat;
}

ul#primary_nav li#outreach_training {
    width: 75px;
    height: 39px;
    padding-top: 45px;
}
ul#primary_nav li#outreach_training a {
    background: url("../images/tabs/outreach_training.png") bottom left no-repeat;
}

ul#primary_nav li#downloads {
    width:75px;
    height: 39px;
    padding-top: 45px;
}
ul#primary_nav li#downloads a {
    background: url("../images/tabs/downloads.png") bottom left no-repeat;
}

ul#primary_nav li#sops {
    width:75px;
    height: 39px;
    padding-top: 45px;
}
ul#primary_nav li#sops a {
    background: url("../images/tabs/sops.png") bottom left no-repeat;
}

ul#primary_nav li#resource_repository {
    width:75px;
    height: 39px;
    padding-top: 45px;

}
ul#primary_nav li#resource_repository a {
    background: url("../images/tabs/resource_repository.png") bottom left no-repeat;
}

#hmp_logo {
   float: left;
   position:absolute;
   z-index: 100;
}
#upper_left_BG {
   float: left;
}

/*Global sub-nav positioning(left margin)*/
#sub_nav li#first_sub_nav {
   margin-left:365px;
}

.pdf_link {
	
   padding-right: 21px;
   padding-top: 2px;
   background: transparent url("../images/icons/icon_pdf.gif") no-repeat center right;
}


.ppt_link {
	
   padding-right: 21px;
   padding-top: 2px;
   background: transparent url("../images/icons/icon_ppt.png") no-repeat center right;
}


/*
.tgz_link {
	height:32px;
   background: transparent url("../images/icons/tgz_icon.jpg") no-repeat center center;   
}
*/

.tgz_link {
	height:32px;
	width:32px;
   background: transparent url("../images/icons/tgz_icon.jpg") no-repeat center center;
   float:left;
   margin-left:20px;
   
}


.transparent_link {
	display:none;
	}
















/* Main Navigation */

  
/*
        ul#topnav li#topnav-1 a {
        		width:120px;
        		background:url(../images/nav.jpg) no-repeat 0 0;
        }

        ul#topnav  li#topnav-1 a:hover {
        		background-position:0 -70px;
        }

        ul#topnav  li#topnav-1 a.current {
        		background-position:0 -70px;
        }
 */       

div#navbar{
width:1000px;
height:71px;
margin:0px 0px 0px 245px;
z-index:9999;
}
ul#nav {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#nav li {
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul#nav li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 0px 0px 0px 0px;
  background: #2C5463;
  margin-left: 0px;
  white-space: nowrap;
  height:70px;
}
ul#nav li a:hover { background: #617F8A; }
ul#nav li:hover ul {
  display: block;
  position: absolute;
   background:#001601;
   z-index:9999;
   
}
ul#nav li:hover li {
  float: none;
  font-size: 11px;
}
ul#nav li#topnav-1:hover a { background:url(../images/nav.jpg) 0px -70px }
ul#nav li#topnav-2:hover a { background:url(../images/nav.jpg) -120px -70px }
ul#nav li#topnav-3:hover a { background:url(../images/nav.jpg) -240px -70px }
ul#nav li#topnav-4:hover a { background:url(../images/nav.jpg) -360px -70px }
ul#nav li#topnav-5:hover a { background:url(../images/nav.jpg) -480px -70px }
ul#nav li#topnav-6:hover a { background:url(../images/nav.jpg) -600px -70px }


ul#nav li:hover li a:hover { background:#001601; }



ul#nav li#topnav-1 li.sub a {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#b8d3b2;
        }
ul#nav li#topnav-1 li.sub a:hover {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#EEE;
        }
		
ul#nav li#topnav-1 li.sub a {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#b8d3b2;
        }
ul#nav li#topnav-1 li.sub a:hover {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#EEE;
        }	
		
ul#nav li#topnav-2 li.sub a {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#b8d3b2;
        }
ul#nav li#topnav-2 li.sub a:hover {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#EEE;
        }	
		
ul#nav li#topnav-3 li.sub a {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#b8d3b2;
        }
ul#nav li#topnav-3 li.sub a:hover {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#EEE;
        }	
		
ul#nav li#topnav-4 li.sub a {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#b8d3b2;
        }
ul#nav li#topnav-4 li.sub a:hover {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#EEE;
        }	
		
ul#nav li#topnav-5 li.sub a {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#b8d3b2;
        }
ul#nav li#topnav-5 li.sub a:hover {
        width:120px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#EEE;
        }			
		
ul#nav li#topnav-6 li.sub a {
        width:160px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#b8d3b2;
        }
ul#nav li#topnav-6 li.sub a:hover {
        width:160px;
		height:30px;
        background:#001601;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		padding:5px 0px 0px 15px;
		color:#EEE;
        }			
		
		
		
ul#nav li#topnav-2 li a {
        width:120px;
		height:30px;
        background:#001601;
        }
ul#nav li#topnav-3 li a {
        width:120px;
		height:30px;
        background:#001601;
        }
ul#nav li#topnav-4 li a {
        width:120px;
		height:30px;
        background:#001601;
        }
ul#nav li#topnav-5 li a {
        width:120px;
		height:30px;
        background:#001601;
        }
ul#nav li#topnav-6 li a {
        width:120px;
		height:30px;
        background:#001601;
        }		
		
		





 ul#nav li#topnav-1 a {
        width:120px;
        background:url(../images/nav.jpg) no-repeat 0px 0px;
        }

ul#nav  li#topnav-1 a:hover {
        background-position:0 -70px;
        }

ul#nav  li#topnav-1 a.current {
        background-position:0 -70px;
        }
		
		
		
		
ul#nav li#topnav-2 a {
        width:120px;
        background:url(../images/nav.jpg) no-repeat -120px 0px;
        }

ul#nav li#topnav-2 a:hover {
        background-position:-120px -70px;
        }

ul#nav li#topnav-2 a.current {
        background-position:-120px -70px;
        }		
		
		
ul#nav li#topnav-3 a {
        width:120px;
        background:url(../images/nav.jpg) no-repeat -240px 0px;
        }

ul#nav li#topnav-3 a:hover {
        background-position:-240px -70px;
        }

ul#nav li#topnav-3 a.current {
        background-position:-240px -70px;
        }			


ul#nav li#topnav-4 a {
        width:120px;
        background:url(../images/nav.jpg) no-repeat -360px 0px;
        }

ul#nav li#topnav-4 a:hover {
        background-position:-360px -70px;
        }

ul#nav li#topnav-4 a.current {
        background-position:-360px -70px;
        }	
		
		
		
ul#nav li#topnav-5 a {
        width:120px;
        background:url(../images/nav.jpg) no-repeat -480px 0px;
        }

ul#nav li#topnav-5 a:hover {
        background-position:-480px -70px;
        }

ul#nav li#topnav-5 a.current {
        background-position:-480px -70px;
        }	
		
		
ul#nav li#topnav-6 a {
        width:120px;
        background:url(../images/nav.jpg) no-repeat -600px 0px;
        }

ul#nav li#topnav-6 a:hover {
        background-position:-600px -70px;
        }

ul#nav li#topnav-6 a.current {
        background-position:-600px -70px;
        }	
				
		
		
		
		
.feedback_icon{
margin:12px 0px 0px 0px;	
}
		
		
div#breadcrumb{
	position:relative;
	margin:5px 0px 0px 0px;
	padding:0;
	
}

.breadcrumb a{
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
}