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


div#content_index {
   
    margin-right: 20px;
    padding-bottom: 0px;
    
    /* this is good for those that support it */
    min-height: 600px;
}







div#tools_protocols{
width:200px;
height:100px;
background:#222;
-moz-border-radius: 10px;
border-radius: 10px;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
margin:0px 0px 23px 615px;
position:absolute;
}


div#data_analyses{
width:200px;
height:100px;
background:#222;
-moz-border-radius: 10px;
border-radius: 10px;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
margin:125px 0px 0px 615px;
position:absolute;
}




div#secondary_nav {
	position:absolute;
    width: 240px;
    margin:140px 0px 0px 930px;

}

div#secondary_nav ul {
    margin-left: 5px;
}

div#secondary_nav a {
    font-size: 100%;
}



h1.index{
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
color:#222;
margin-bottom:5px;

}




p.sub_heading{
font-family:Tahoma, Geneva, sans-serif;
font-style:italic;
font-size:10px;
color:#888;
}


p.presentations{
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
color:#444;
margin-bottom:0px;
font-style:italic;
}


div.conf_links{
margin:7px 0px 0px 0px;	
	
}



div.highlight_area{
width:240px;
height:auto;
padding-top:10px;
margin-bottom:10px;
background-image:url(../images/highlight_title_bar.png);
background-repeat:no-repeat;
}


div.data_highlight_area{
width:240px;
height:auto;
padding-top:10px;
margin-bottom:10px;
background-image:url(../images/highlight_title_bar.png);
background-repeat:no-repeat;
}


div.highlight_area_index{
width:200px;
height:auto;
padding-top:10px;
margin-bottom:10px;

}


div.resources_area{
width:225px;
margin:440px 0px 0px 785px;
position:absolute;
}

/







div#blast_info {
    float: left;
    width: 180px;
    margin:141px 0px 10px -5px;
	

}



div#slideshow_area{
width:640px;
height:350px;
background-color:#EEE;
}



div#footer_news{
width:812px;
height:260px;
margin-top:25px;
padding:0;
	
}



div#footer_news_content-1{
width:254px;
height:245px;
background:url(../images/paris_conf_bg.jpg);
background-repeat:no-repeat;
float:left;
margin-right:24px;
}


div#footer_news_content-2{
width:254px;
height:245px;
background:url(../images/isb_conf_bg.jpg);
background-repeat:no-repeat;
float:left;
margin-right:24px;
}

div#footer_news_content-3{
width:254px;
height:245px;
background:url(../images/new_data_bg.png);
background-repeat:no-repeat;
float:left;
}



div.footer_concluded{
width:254px;
height:245px;
background:url(../images/past_pres_banner.png);
background-repeat:no-repeat;
z-index:999;
position:absolute;
}


div.footer_new{
width:254px;
height:245px;
/*background:url(../images/new_banner.png);*/
background-repeat:no-repeat;
z-index:999;
position:absolute;
}

div.footer_news_bg{
width:254px;
height:100px;
position:absolute;
background:#333333;
filter:alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
margin-top:145px;
border-top:#CCC solid 1px;		
}

div.footer_news_text{
width:254px;
height:100px;
position:absolute;
margin-top:145px;
z-index:999;
}


div#conf_news{
	
width:235px;
height:200px;
margin:0px 50px 0px 0px;
padding:0;
display:inline;
float:left;
}


div#current_pubs{

width:235px;
height:200px;
margin:0px 50px 0px 0px;
float:left;
}





.footer_news_title{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#FFF;
padding:5px 0px 0px 8px;
margin:0;
font-weight:bold;
}

p.footer_news_text{
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#FFF;
padding:1px 0px 0px 8px;
margin:0;

}


div#content_area_DL {
    margin-left: 25px;
    margin-right: 295px;
	min-width:1000px;
}

h1#welcome,
h1#focus_areas,
h1#other_resources {
    height: 21px;
    font-size: 120%;
    margin-bottom: 5px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#222;
}

h1#other_resources {
    font-weight: bold;
    text-decoration: underline;
}

#dacc_members_container h2 {
   margin-top: 10px;
}

h2 {
font-family:Tahoma, Geneva, sans-serif;
    font-size: 110%;
    margin: 15px 0 2px 0;
}



li.blast {
   /* list-style: url("../images/arrow.gif"); */
   font-family:Verdana, Geneva, sans-serif;
   font-size:13px;
   padding:0px 0px 0px 0px;
   list-style:none;
   margin-left:21px;
   margin-right:20px;
   font-style:italic;
}

a.blast {
   /* list-style: url("../images/arrow.gif"); */
 
   color:#500;  
}



ul#dacc_members li, ul#centers li, ul#int_sites li, ul#nih_sites li {
    margin-bottom: 3px;
    margin-left: 12px;
}

ul#internal_links li {
    margin-bottom: 12px;
    margin-left: 5px;
}

#internal_links_container h2 {
  margin-top: 0px;
}

div#internal_links_container {
    background-color: #ffe1e1;
    border: 1px dashed red;
    margin-top: 20px;
    padding: 4px 0 1px 10px;
}

div#section_cont {
    margin: 0 auto;
}
div.section_text {
    padding-left: 10px;
    padding-right: 10px;
}
div.idx_graphic {
    padding: 10px;
    margin-top: -5px;
    
}
div.grfx_section_cont {
    border: 1px solid black;
    height: 180px;
    margin-bottom: 5px;
}
#ref_genomes_cont{
    background-color: #ffe0c0;
}

#meta_wgs_cont {
    background-color: #cccccc;
}
#s_16s_cont {
    background-color: #ffffcc;
}

#outreach_cont {
    background-color: #9fc9eb;
}

#ref_genomes_graphic, #meta_wgs_graphic {
    float: right;
}
#s_16s_graphic, #outreach_graphic {
    float: left;
}

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

/* RSS related styling */
div#social_media {
    height: 14px;
    float: right;
    margin-top: -120px;
    margin-right: 10px;
}
div#social_media div {
  float: right;
  padding-left: 5px;
}

div#social_media div a {
  opacity: 0.80;
}
div#social_media div a:hover {
  opacity: 1;
}


div#nih_flyer{
float:right;
width:250px;
height:175px;
background:url(../images/flyer_bg.png);
background-repeat:no-repeat;
margin-left:20px;

}

h1.flyer_title{
	font-size:18px;
	padding: 8px 2px 2px 18px;
	color:#004;
	
}

p.flyer_text{
	font-size:11px;
	padding: 3px 2px 0px 13px;
	margin:0;

}


p.flyer_register{
	font-size:11px;
	padding: 3px 2px 0px 10px;
	margin:0;
	font-style:italic;
}

a.flyer_register{
	font-size:11px;

}


#internal_use{
width:235px;
height:200px;
margin:0px 0px 0px 0px;
float:left;
}














/* Collapse */

    a {
        text-decoration: none;
    }
    .example_menu {
        font-size: 90%;
        list-style: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        width: 225px;
    }
    .example_menu ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .example_menu li {
        background-image: none;
        margin: 0;
        padding: 0;
    }
    .example_menu ul ul {
        display: inline;
    }
    .example_menu ul ul li a {
        padding-left: 20px;
        width: 220px;
    }
    .example_menu a {
        color:#004400;
        cursor: pointer;
        display: block;
        font:Tahoma, Geneva, sans-serif;
		font-size:12px;
        margin-left: 0;
        padding: 5px 2px 5px 20px;
        width: 225px;
		
    }
    .example_menu a.expanded {
        background: #DDD url(../images/collapse.jpg) no-repeat 3px 50%;
    }
    .example_menu a.collapsed {
        background:#DDD url(../images/expand.jpg) no-repeat 3px 50%;
    }
    .example_menu a:hover {
        text-decoration: none;
    }
    .example_menu ul a {
        background: #FFF;
        border-top: 2px solid #fff;
        color:#007;
        display: block;
        font-weight: normal;
        padding: 2px 2px 2px 20px;
        width: 225px;
		font-style:normal;
    }
	
	.example_menu ul li.sub {
		color:#020;
    }
	
	
    .example_menu ul a:hover {
        background : #FFF;
        text-decoration:none;
		color:#06C;
    }
    .example_menu li.active a {
        background: #fff;
    }
    .example_menu li.active li a {
        background: #e8e8e8;
    }
    .example_menu .footer {

        height: 5px;
        margin: 0 0 0px 0;
        width: 225px;
    }
    .example_menu .footer span {
        display: none;
    }

/*
ul#internal{
position:absolute;
margin:8px 0px 0px 18px;
}


ul#internal li{
margin:0px 0px 12px 0px;	
padding:0px 0px 0px 0px;
line-height:12px;
width:225px;
}

ul#internal li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

ul#internal li a:hover{
color:#3399ff;
}
*/



ul#internal
{
margin:8px 0px 0px 18px;	
padding: 0px 0px 0px 0px;
width: 225px;
}

ul#internal li
{
list-style: none;
margin: 0px 0px 7px 0px;
padding: 0;
height:24px;
width:224px;
}

ul#internal li a.internal { 
text-decoration: none; 
font-size:11px;
}

ul#internal li a.internal:hover { 
color:#3399ff;
}









.internal_title{
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
color:#040;
padding:8px 0px 2px 12px;
font-style:italic;

}

p.internal_header_title{
color:#444;	
margin:5px 0px 0px 10px;
}




a,.example_menu a:hover {
text-decoration:none;
}

.x-grid3-row td, .x-grid3-summary-row td {
	-moz-user-select:text;
}

ul.identifiers{
margin:5px 0px 0px 10px;	
font-family:Tahoma, Geneva, sans-serif;
color:#444;
}


ul.identifiers li{
padding:2px 0px 2px 0px;
}

p.identifiers_title{
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;
}















/* custom slider */


#scroll-pane { float:left;overflow: auto; width: 420px; height:200px;position:relative;border:1px solid gray;margin-left:50px;margin-bottom:25px;display:inline}
#scroll-content {position:absolute;top:0;left:0}
.scroll-content-item {background-color:#fcfcfc;color:#003366;width:100px;height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
#slider-wrap{float:left;background-color:lightgrey;width:20px;border:1px solid gray;border-left:none;}
#slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:20px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute;}











#featured{ 
	width:640px;
	height:300px;
	padding-right:0px; 
	position:relative; 
	margin:25px 0px 15px 0px;
	background:#DDD;
	
}



#get_started{
width:860px;
height:147px;
background:url(../images/get_started_BG_lg.png);
margin:-20px 0px 0px -23px;
}

a.get_started_button{
	display:block;
	background:url(../images/get_started_button.png);
	width:193px;
	height:62px;
	margin:30px 40px 0px 0px;
	float:right;
	
}


a.get_started_button:hover{
	background:url(../images/get_started_button_hl.png);

}


a.get_data_button{
	display:block;
	background:url(../images/get_data_button.png) no-repeat;
	width:147px;
	height:45px;
	margin:25px 40px 0px 0px;
	float:right;
	
}


a.get_data_button:hover{
		background:url(../images/get_data_button_hl.png);

}




a.get_tools_button{
	display:block;
	background:url(../images/get_tools_button.png) no-repeat;
	width:147px;
	height:45px;
	margin:0px 40px 0px 0px;
	float:right;
	
}


a.get_tools_button:hover{
	background:url(../images/get_tools_button_hl.png);

}



p.get_started_text{
margin:30px 0px 0px 34px;
font-family:Arial;
font-size:12px;
color:#444;
width:600px;
text-align:justify;
float:left;
text-shadow: 1px 1px 1px #FFF;
line-height:17px;
padding:0;
}

a.nih_link{
color:#004080;	
}

a.nih_link:hover{
text-decoration:underline;
}


span.data_browse_intro{
font-size:90%;
font-style:italic;
font-weight:bold;
}