/* CSS for NESCent web site, November 2006. */

/* general font colors */

body, a, a:link, a:active, a:visited,  {
	color: #333399;
    text-decoration:none;
	}

a{
	color: #333399;
    text-decoration:none;
}

a:hover {
	color: #580000;
	text-decoration:underline;
}	
th, #nav a, #nav a:link, #nav a:active, #nav a:hover, #nav a:visited {
	color: #ffffff;
	}	
	
/* general background colors */	

body{
	background-color: #ffffff; 
	
	}
#content {
	background-color: #ffffff; 
	}	

 #nav {
	background-color: #ffffff;
	}	

/* common elements */

body  {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: arial, helvetica, sans-serif, serif;
	font-size : 100%; /* this is 90% of a user's default or customized browser font size */
	text-align : left;
	}
	
img { /*no images will have a border unless you specify one */
	border: 0;
	}
	
img.shadow{ /*Class to embelish a image with a drop-shadow for modern browsers*/
	-webkit-box-shadow:  2px 5px 8px #666;
	-moz-box-shadow:  2px 5px 8px #666;
	-o-box-shadow:  2px 5px 8px #666;
	box-shadow:  2px 5px 8px #666;	
	border: 1px solid #D9D9D9;
}	
	
#pagewrapper {
    display:block;
    position:relative;
	margin: 0 auto 0 auto; /*this is what centers the pages in the middle of the screen */
    border-color: #BBBBBB;
	border-style: solid;
	border-width: 1px;	
	-webkit-box-shadow:  0px 5px 15px #666;
	-moz-box-shadow:  0px 5px 15px #666;
	-o-box-shadow:  0px 5px 15px #666;
	box-shadow:  0px 5px 15px #666;	
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	width: 990px;
	height:100%;
	}	

/*Top navbar css Jnewman AIBS NESCent Re-design 7-2011*/	
#topbar {
	background-color: #ffffff;
	display:block;
	float:right;
	position:relative;
	margin:0 0 0 0;	
	padding: 5px;
	text-align: right;
	}	
#topbar ul{
  margin-right:35px;
  margin-top:23px;
}
 
#topbar li{
   display:inline;
   font-size:23px;
   font-family: 'FuturaW01-MediumCondens';
   list-style:none;
   padding-right:35px;
}  

#topbar a, #topbar a:link, #topbar a:visited, #topbar a:active{
      color:#333399; 
} 	

#topbar a:hover{
     color:#ff7f00; 
}	

#topbar img{
     margin-top:-1px;
     vertical-align: middle;
     }

#topbarimg{
     display:block;
     float:right;
     margin-top:-38px;
     margin-right:-5px;
}	
#topbar_line{
     display: block;
     float: right;
     height:2px;
     background-color: #D9D9D9;
     width:480px;
     margin-right:-10px;
     margin-top:-7px;
}

#topbar_donate {
      display:block
      

}

#topbar form { /* this is the search box */
	display: inline; 
	margin: 0 45px 0 15px;
}
/*emd top navbar css rules*/
	
	
#topbar a, #topbar a:link, #topbar a:visited, #topbar a:active, 
#footer a, #footer a:link, #footer a:visited, #footer a:active, 
#logo_left a, #logo_left a:link, #logo_left a:visited, #logo_left a:hover, #logo_left a:active { 
/*removes the default underlining from links for the blue bar and for the words in the logo*/
	text-decoration: none;
	}	


#topbar, #footer {
	font-size: 85%;
	border: 0;
	}	

#footer { /*this contains the links at the bottom of the page */
	margin: 0;
	padding:0px -20px -20px -20px;;
	display:block;
	background-color:#e8e8e8;
	}	

#footer a, #footer a:link, #footer a:visited, #footer a:active{
   color:#999999; 
}	

#footer a:hover{
   color: #333333;
}

#footer h3{
	color:#333399;
	font-family: 'arial black';
	font-size:12px;
	font-weight:900;
	line-height:14px;
}

#footer table{
	background-color:#e8e8e8;
	}	
#footer td{
	color:#999999;
	font-size:85%;
  vertical-align:top;	
  padding: 0 0 0 0;
}
#footer hr{
	border:none;
  color:#999999;
  background-color:#999999;
  height:2px;
  margin-top:-10px;
  line-height:2px;
}
#sociallinks {
	display:block;
	float:left;
	margin-top:-45px;
	margin-left:60px;
}

#madepossible {
	display:block;
	float:right;
	margin-top:-45px;
	margin-right:60px;
}


.footerth{
	color:#333399;
	font-family: 'arial black';
	font-size:12px;
	font-weight:900;
	line-height:12px;
}
	
#logo_wrap, #logo_left, #logo_right {
	border: 0;
	}
#logo_wrap { /*this contains the triangle, the words next to it, and the address */
	margin-top: -10px;
	padding: 0 0 0 0;
	
	
	}	
#logo_left {/* this contains the triangle and the words next to it */
	margin: 0 0 0 30px;
	padding: 0;
	width: 450px;
}
#logo_left, #logo_left img {
	display:block;
	position:relative;
	float: left;
	}
#logo_left img { /*this is the triangle */
	padding: 2px 0 0 0;
	}

/* this section is specific to the homepage */

#home_welcome {
	display: block;
	height: 250px;
	border-top: 2px solid #D9D9D9;
	border-bottom:2px solid #D9D9D9;
	margin-top: 0px;
	padding-left: 60px;
	font-family: 'FuturaW01-MediumCondens';
	font-size: 30px;
	color: #B2B2B2;
	line-height: 1em;
}
#home_welcome h1{
	font-family:'FuturaW01-MediumCondens';
	font-size: 50px;
	font-weight:999;
	line-height:1em;
	padding:0 0 0 0;
	margin: 15px 0px 0px 0px;
	color:#000000;
}
#home_welcome p{
	font-family:'FuturaW01-MediumCondens';
	font-size: 30px;
	color: #fffff;
	line-height:1em;
	padding;0
}

#home_image_gallery {
	display:block;
	float:right;
	margin-top:-155px;
}

#slider {
	display:block;
	width:990px;
	height:382px;
	float:left;
	margin-top:10px;
	z-index:-1;
}


#home_impact{
   width:602px;
   height:292px;
   padding-left: 40px;
 }

#home_impact_line{
    display:block;
    height:2px;
    background-color: #D9D9D9;
    width:602px;
}

#home_impact h4{
    margin-top:20px;
    margin-bottom:10px; 
    font-family:'FuturaW01-MediumCondens';
    font-size:24px;
    font-weight:999;
}

#home_impact_subtitle{
    margin-top:-2px; 
    font-family:Arial;
    font-size:10px;
    color: #9A9A9A;
    
}


#home_deadlines{
   float:right;
   padding-right:50px;
   margin-top: -318px;
   width:251px;
   height:251px;
   
}
#home_deadlines_line{
    display:block;
    height:2px;
    background-color: #D9D9D9;
    width:261px;
}

#home_deadlines img{
	float:left;
	z-index:-1;
	margin-right:2px;
	margin-top:-2px;
}
#home_deadlines_scroller{
    display:block;
    width:251px;
    height:282px;
    border:2px solid #D9D9D9;
    min-height: 282px;
    overflow-y: scroll;
    margin-top:20px;
    padding:5px;
}


.home_deadlines_item{
    display:block
    width:232px;
    height:2px;
    background-color:#D9D9D9;
    margin-bottom:8px;
   

}

.home_deadline_date{
	float:left;
	color:#333399;
	text-align:center;
	font-size:44px;
	font-family:'Arial Narrow';
	margin-top:-53px;
	z-index:1;
}

.home_deadline_month{
	float:left;
	color:#ffffff;
	font-size:12px;
	font-family:'Arial Narrow';
	font-weight: bolder;
	margin-top:-64px;
	z-index:1;
}

#home_deadlines_scroller a{
   color: #FF7F00;
   font-family:'Arial Black';
   font-size:12px; 
   text-decoration:none;
}

#home_deadlines_scroller a:hover{
    color: #FF7F00;
    font-family:'Arial Black';
    font-size:12px; 
    text-decoration:underline;
}

#home_newsletter_signup{
   float:left;
   padding-left:40px;
   width:249px;
   height:166px;
   margin-top:50px;
}

#home_newsletter_signup h4{
    margin-top:20px;
    margin-bottom:3px; 
    font-family:'FuturaW01-MediumCondens';
    font-size:24px;
    font-weight:999;
}

#home_newsletter_signup img{
    margin-bottom:-8px;
   }

#home_newsletter_signup_line{
    display:block;
    height:2px;
    background-color: #D9D9D9;
    width:237px;
}

#home_newsletter_signup_box{
    display:block;
    width:219px;
    height:131px;
    border:2px solid #D9D9D9;
    margin-top:20px;
    padding-left:15px;
    padding-top:10px;
    color: #FF7F00;
    font-family:'Arial Black';
    font-size:12px; 
 }

#home_awards{
   float:right;
   padding-right:50px;
   margin-top:50px;
   width:602px;
   height:166px;
   
}
#home_awards h4{
    margin-top:20px;
    margin-bottom:3px; 
    font-family:'FuturaW01-MediumCondens';
    font-size:24px;
    font-weight:999;
}


#home_awards_line{
    display:block;
    height:2px;
    background-color: #D9D9D9;
    width:602px;
}

#home_awards img{
	float:left;
	z-index:-1;
	margin-right:2px;
	margin-top:-2px;
}
#home_awards_scroller{
    display:block;
    width:602px;
    height:131px;
    border:2px solid #D9D9D9;
    min-width: 131px;
    overflow-x: scroll;
    margin-top:20px;
    padding:5px;
}


#home #content { /* positioning of the feature section and the news section */
	margin: 0px 0px 0 0px;
	padding: 5px 0 5px 0;
	/*font-size: 12px;*/
	float: none;
	width: 990px;
	height:850px;;
	}
#home #content p { /* general appearance of the words in the feature section and the news section */
	margin-top: 4px;
	margin-bottom: 0;
	}

#landing_events{
   display:block
   position:relative;
   float:right;
   width:253px;
   height:600px;
   padding-right: 40px;
   margin-top:-620px;
 }
 
#landing_events_line{
    display:block;
    height:2px;
    background-color: #D9D9D9;
    width:253px;
    margin-bottom:15px;
}

#landing_events h4{
    margin-top:20px;
    margin-bottom:10px; 
    font-family:'FuturaW01-MediumCondens';
    font-size:24px;
    font-weight:999;
}

#landing_events_subtitle{
    margin-top:-2px; 
    font-family:Arial;
    font-size:10px;
    color: #9A9A9A;
    
}
#landing_news{
   display:block
   /*float:left;*/
   position:relative;
   width:620px;
   height:600px;
   padding-left: 40px;
 }
#landing_news_line{
    display:block;
    height:2px;
    background-color: #D9D9D9;
    width:620px;
}

#landing_news h4{
    margin-top:20px;
    margin-bottom:10px; 
    font-family:'FuturaW01-MediumCondens';
    font-size:24px;
    font-weight:999;
}

#landing_news_subtitle{
    margin-top:-2px; 
    font-family:Arial;
    font-size:10px;
    color: #9A9A9A;
    
}

/* navigation. nav1 consists of science, informatics, eog, and their sub-menus. nav2 is the other section of nav: about, news, cal, dir. */	

#menu { /* the entire side navigation/menu box */
	display:block;
    width:990px;
    height:46px;
    margin-top:0px;
    padding:10px 0 0px 0;
    border-top:2px solid #D9D9D9;
    /*border-bottom:2px solid #D9D9D9;*/
    font-family:'FuturaW01-MediumCondens';
    font-weight:999;
    z-index:900;
	}	
	

#breadcrumbs{
   display:block; 
   font-family:'Arial';
   font-size: 12px;
   font-weight:999;
   color:#000000;
  margin-left:20px;
  margin-top:20px;    
}
 #breadcrumbs a{
   color:#000000;
   text-decoration:none;
 }
 #breadcrumbs a:hover{
   color:#000000;
   text-decoration:underline;
 }
 
#left_block{
   display:block;
   position:relative;
   float:left;
   width:972px;
   background:none repeat scroll 0 0 #E8E8E8;
   height:100%;
   margin-top:10px;
   z-index:1;
}
 
#right_block{
   display:block;
   position:relative; 
   background-color:#ffffff;
   float:right;
   width:680px;
   padding-right:40px;
   padding-left:40px;
   height:100%;
   /*border-top:2px solid #D9D9D9;*/
   z-index:2;
}
 
#right_line{
   display:block;
   width:677px;
   height:2px;
   background-color:#D9D9D9;
   } 

#nav a, #nav a:link, #nav a:visited, #nav a:active, #nav a:hover {
	text-decoration: none;
	display: block;
	padding: 2px 0 2px 10px;
	}

/*if the page IDs, such as 'science', match the list item class as specified here, such as 'science', this highlights the link, such as 'science', on the nav. update if a new item is added to the 'science, informatics, eog' group or to the 'about, news, cal, dir' group.  */
#nav li a:hover, 
#science ul#nav1 .science a, #science ul#nav1 .science a:link, #science ul#nav1 .science a:visited, #science ul#nav1 .science a:hover, #science ul#nav1 .science a:active, 
#informatics ul#nav1 .informatics a, #informatics ul#nav1 .informatics a:link, #informatics ul#nav1 .informatics a:visited, #informatics ul#nav1 .informatics a:hover,  #informatics ul#nav1 .informatics a:active, 
#eog ul#nav1 .eog a, #eog ul#nav1 .eog a:link, #eog ul#nav1 .eog a:visited, #eog ul#nav1 .eog a:hover, #eog ul#nav1 .eog a:active, 
/*#about ul#nav2 .about a, #about ul#nav2 .about a:link, #about ul#nav2 .about a:visited, #about ul#nav2 .about a:hover, #about ul#nav2 .about a:active, */
#about ul#nav1 .about a, #about ul#nav1 .about a:link, #about ul#nav1 .about a:visited, #about ul#nav1 .about a:hover, #about ul#nav1 .about a:active, 
#news ul#nav1 .news a, #news ul#nav1 .news a:link, #news ul#nav1 .news a:visited, #news ul#nav1 .news a:hover, #news ul#nav1 .news a:active, 
/*#news ul#nav2 .news a, #news ul#nav2 .news a:link, #news ul#nav2 .news a:visited, #news ul#nav2 .news a:hover, #news ul#nav2 .news a:active, */
#cal ul#nav2 .cal a, #cal ul#nav2 .cal a:link, #cal ul#nav2 .cal a:visited, #cal ul#nav2 .cal a:hover, #cal ul#nav2 .cal a:active, 
#dir ul#nav2 .dir a, #dir ul#nav2 .dir a:link, #dir ul#nav2 .dir a:visited, #dir ul#nav2 .dir a:hover, #dir ul#nav2 .dir a:active {
	text-decoration:none;
	background-color: #ffffff;
	color: #585858;
	padding: 2px 0 2px 10px;
	}
	
#nav ul { /* turns off the bullets in the lists */
	list-style: none;
	height: 1%;
	}
ul#nav1 { /* science, informatics, eog, and their sub-menus */
    list-style:none;
	margin: 0 0 10px 0; 
	padding: 0;
	}
ul#nav1 li {
	border-bottom: 1px solid #bebebe;
	padding: 5px 0 5px 5px;
	}


#science ul#nav2, #informatics ul#nav2, #eog ul#nav2, #about ul#nav2, #news ul#nav2, #cal ul#nav2, #dir ul#nav2 {
/* placement of 'about, news, cal, dir' on all pages, excluding the homepage, styleguide, and the sitemap */
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 0px solid #bebebe;
	font-size: 85%;
	}	
#science ul#nav2 li, #informatics ul#nav2 li, #eog ul#nav2 li, #about ul#nav2 li, #news ul#nav2 li, #cal ul#nav2 li, #dir ul#nav2 li {
/* controls appearance of about, news, cal, dir; update if a new item is added to the 'about, news, cal, dir' group. */
	margin: 0;
	padding: 0 0 3px 5px;
	line-height: 1em;
	}	
ul#nav1 .subnav { /* formatting for the lists containing the subnav */
	list-style:none;
	margin: 0; 
	padding: 0;
	}
ul#nav1 .subnav li {/* positioning for the subnav items that are contained in the files such as nav_science.html */
	list-style:none;
	border-bottom: 0; 
	font-size: 85%;
	padding: 0;
	line-height: 1em;
	}
ul#nav1 .subnav li a, ul#nav1 .subnav li a:link, ul#nav1 .subnav li a:visited, ul#nav1 .subnav li a:active {
/* general positioning for subnav links */
	padding-left: 13px;
	border-bottom: 0; 
	}
ul#nav1 .subnav li a:hover, ul#nav1 li .subnav li.current, 
#science ul#nav1 .subnav .science_sub a:hover, #informatics ul#nav1 .subnav .informatics_sub a:hover, #eog ul#nav1 .subnav .eog_sub a:hover{ 

/* use an arrow instead of a bullet for the list; no highlighted appearance; update if a new item is added to
the science, informatics, eog group */
	/*background-color: #909db2;
	color: #ffffff;
	background-image: url("../images/arrow.gif");
 	background-position: 0;
	background-repeat: no-repeat;
	padding-left: 13px;*/
	}
ul#nav1 .subnav li.current,
#science ul#nav1 .subnav .science_sub a, #science ul#nav1 .subnav .science_sub a:link, #science ul#nav1 .subnav .science_sub a:visited, #science ul#nav1 .subnav .science_sub a:active, 
#informatics ul#nav1 .subnav .informatics_sub a, #informatics ul#nav1 .subnav .informatics_sub a:link, #informatics ul#nav1 .subnav .informatics_sub a:visited, #informatics ul#nav1 .subnav .informatics_sub a:active, 
#eog ul#nav1 .subnav .eog_sub a, #eog ul#nav1 .subnav .eog_sub a:link, #eog ul#nav1 .subnav .eog_sub a:visited, #eog ul#nav1 .subnav .eog_sub a:active {
/* some additional formatting to keep alignment consistent when a link is hovered over; update if a new item is added to the 'science, informatics, eog' group. */
	padding: 2px 0 2px 13px;
	}
#science .eog_sub, #science .informatics_sub, #science .about_sub, 
#informatics .eog_sub, #informatics .science_sub, #informatics .about_sub,
#eog .science_sub, #eog .informatics_sub,#eog .about_sub,
#home .science_sub, #home .informatics_sub, #home .eog_sub, #home .about_sub, 
#about .science_sub, #about .informatics_sub, #about .eog_sub, 
#news .science_sub, #news .informatics_sub, #news .eog_sub, #news .about_sub, 
#cal .science_sub, #cal .informatics_sub, #cal .eog_sub, #cal .about_sub, 
#dir .science_sub, #dir .informatics_sub, #dir .eog_sub, #dir .about_sub  {
/* this section controls whether or not a particular subnav appears. for example, on a science page, the eog subnav does not appear. additionally, no subnav appears if you are on an about, news, cal, or dir page. update if a new item is added to the 'science, informatics, eog' group or to the 'about, news, cal, dir' group. */
	display: none;
	}
	


/* second-level page layout. */	
#wrapper, #wrapper2 {
	margin: 0;	
	padding: 0;
	}
#wrapper { /* this background image is what creates the two-column appearance that keeps both columns the same height */
	border-top: 1px solid #10272d;
	border-bottom: 1px solid #10272d;
	background-image: url("../images/background.gif");
	background-repeat: repeat-y;
	height: 1%;
	}	
#wrapper2 { /* this provides the thick line at the top of the white content window */
	border-top: 8px solid #909db2;
	}

#wrapper3 { /* added by xianhua for pages without the menu */
	border-top: 1px solid #10272d;
	border-bottom: 1px solid #10272d;
	padding-bottom:10px;
	padding-top:10px;
	
	height: 1%;
	}	
#wrapper3 h3 {
	font-size: 100%;
	margin-bottom: 2px;
	}	
#wrapper3 p {
	line-height: 1.1em;
	font-size: 95%;
	}
	
#content {
   	margin-top:-10px;
	padding: 15px 0px 5px 0;
	border: 0;
	width: 972px;
	display:block;
	height:110%;
	font-size: 12px;
	color: #484848;
	z-index:5;
	}	
#content h3 {
	font-size: 26px;
	font-weight: 999;
	margin-bottom: 3px;
	font-family:'FuturaW01-MediumCondens';
	}	

#slider .slider_title{
	display:block;
	position:relative;
	float:right;
	font-family:'FuturaW01-MediumCondens';
	color:#ffffff;
	font-size:40px;
	margin-right:30px;
	margin-top:-130px;
	z-index:2;

}

/* this is specific to the index pages for science, informatics, and eog. this is the news section at the top. probably update if a new item is added to the 'science, informatics, eog' group.  */	
#science_news img, #informatics_news img, #eog_news img, #about_news img,#eog_sub_news img,#news_index img  {
	margin: 0 0 0 20px; 
	padding: 0 0 0 0; 
	float: right;
	}	



/* this section is specific to the sitemap.*/

#sitemap #content .science_sub, #sitemap #content .informatics_sub, #sitemap #content .eog_sub {
/* displays all of the subnavigation as formatted content.*/
	display: inline;
	}
#sitemap #content ul#nav1 li {
/* appearance of the 'science, informatics, eog' group as part of the page content */
	margin: 0 0 0 20px; 
	list-style: none; 
	border: 0;
	display: block;
	}
#sitemap #content ul#nav2 {
/* appearance of the 'about, news, cal, dir' group as part of the page content */
	list-style: none; 
	margin: 0 0 0 20px; 
	padding: 0;
	}
#sitemap #nav ul#nav2, #sitemap .science_sub, #sitemap .informatics_sub, #sitemap .eog_sub {
/* this keeps all the subnavigation and the 'about, news, cal, dir' group from appearing on the right side. update if a new item is added to the 'science, informatics, eog' group. */ 
	display: none;
	}
#sitemap #content .subnav li a:hover {
/* turns off the arrow 'bullet' that would normally appear with the subnavigation lists */
	background-image: none;
	background-color: #f3f6fa; 
	color: #62818a;
	}	


/* this section is specific to the styleguide, and only controls the appearance and layout of that page. */

#colors, #info, #images, #navfont, #templates, #notes {
	border-top: 1px solid #10272d;
	position: relative;
	padding-bottom: 10px;
	}
#colors img {
	border: 1px solid #10272d;
	margin-right: 15px;
	}
#info img {
	border: 1px solid #10272d;
	margin-top: 20px;
	}
.left {
	border-right: 1px solid #585858;
	float: left;
	width: 475px;
	}
.left p {
	padding-left: 70px;
	}

.right {
	float: right;
	width: 324px;
	text-align: left;
	}
.right p {
	background-color: #909db2;
	padding: 5px;
	margin: 0;
}
	
	
/* use to clear floated elements, if needed. generally use with a horizontal rule, but could use with a div	*/	
.clear {visibility: hidden; clear: both; margin: 0; padding: 0;}


/*this is the correct style for browsers other than Safari, and MUST remain the last element on this stylesheet. 
The pound sign tells Safari to ignore what's in the braces and everything else after it. */	
#sitemap #content ul#nav1 li {#
	display: inline-block;
	}

/* this is for news & events items -- added by xianhua */
.news_li{
margin-left:0px;
padding-left:0px;
margin:0px;
padding:0 0 0 0 ;
text-indent:0px;

}	

.news_li a, .news_li a:link, .news_li a:active, .news_li a:hover, .news_li a:visited 
{
text-decoration:none;
color:#5858ff;
}

.news_item{
margin-left:0;
marker-offset:0;
padding:0;
}

/*table formatting*/

table { /* background color and font family, color, and size are inherited from the body, 
and apply to all elements inside of the table tag unless otherwise specified below */
  margin: 10px 0 20px 0;
   
  background-color: #ffffff;
   }
table#product {
   font-size: 13px;
}
th { /* color and background color are specified in the general font and background 
colors sections above */
   font-weight: bold;
   font-size: 100%;
   padding: 2px 2px 2px 2px;
   color: #ffffff;
    background-color: #989898;
   text-align:center;
   }

th a, th a:link, th a:active, th a:visited 
{
   text-decoration: none;
   color: #ffffff;
} 

th a:hover
{
   text-decoration: underline;
}

td {
   padding: 4px 2px 4px 5px;
      vertical-align:top;

#footer td{
	font-size:100%;
  vertical-align:top;	
  padding: 0 0 0 0;
}      
      
   }
.odd { /* use this to indicate table rows that have a different background color than the body */
   background-color: #efefef;
   vertical-align:top;
  
   }
.even { /* use this to indicate table rows that have a different background color than the body */
   background-color: #E8E8E8;
   vertical-align:top;
	  
   }
      
.odd_break { /* use this to indicate table rows that have a different background color than the body */
   background-color: #D8D8D8;
   vertical-align:top;
   word-break: break-all; /* Because URLs in the content won't be broken like text */
   }
.even_break { /* use this to indicate table rows that have a different background color than the body */
   background-color: #E8E8E8;
   vertical-align:top;
	   word-break: break-all; /* Because URLs in the content won't be broken like text */
   }
   	  
caption {
   text-align: left;
   padding-top: 20px;
   font-size: 110%;
   font-weight: bold;
   }

.small_text { 
	font-size:  x-small;
	color:#0033FF; 
}

.TdAction { 
	  /* background-color: #444444; */
    text-align: center;
    font-family: Arial;
    font-size: 9pt;
    border: 0px solid #205B99;
    padding: 0px 10px 0px 10px;
    margin-left:5px;
    margin-right:5px;
    height:22px;
    background-color: #F3F3E9;
	border-top:	1px solid #FFFFFF;
	border-right: 1px solid	#706D41;
	border-bottom: 1px solid #706D41;
	border-left: 1px solid #FFFFFF;
}

.TdAction a
{
  	color: #000000;
	
	cursor:	pointer;
	font-family: arial, helvetica, sans-serif, serif;
	font-size: smaller; /*0.8em;*/
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	text-decoration: none;
}

.TdAction a:hover
{
   
   color: #5555ff;
   background-color: #ffffff;
}

.TdField { 
	background-color: #fffffff
	padding: 1px 1px 1px 1px;
    text-align: right;
    vertical-align:top; 
    padding-right: 5px;
	font-size: 9pt;
	height:22px;
   
}

.TdCaption { 
	background-color: #fffffff;
	padding: 1px 1px 1px 1px;
    text-align: left;
    vertical-align:top; 
    padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom:2px;
	font-size: 9pt;
   
}

.TdValue { background-color: #ffffff; color: #000000;
       
       font-size: 9pt;
       text-align: left;
       vertical-align:top;
       padding: 1px 1px 1px 1px;
       padding-left: 10px;
	   
}

.required{
	background-image: url("../images/star.gif"); 
	background-repeat: no-repeat;
	background-position: 100% -5px;
	padding-right: 20px;
}

.current_step{
	border: 0px solid #445;
	background-color: #7777f2;
	text-align: center;
    vertical-align:middle; 
  	 padding: 0px 10px 0px 10px;
	font-size: 9pt;
	height:20px;
	color:#FFF;
}

.active_step { 
	border: 0px  solid #445;
	background-color: #dddddd;
	padding: 0px 10px 0px 10px;
    text-align: center;
    vertical-align:middle; 
  	font-size: 9pt;
	height:20px;

}

.inactive_step { 
	border: 0px solid #445;
	background-color: #cccccc;
	padding: 0px 10px 0px 10px;
    text-align: center;
    vertical-align:middle; 
    font-size: 9pt;
	height:20px;
   
}
.step_gap { 
	
	padding: 0px;
    text-align: center;
    vertical-align:middle; 
   	font-size: 9pt;
	height:20px;
	width: 30px;
   }
.progress {
	padding:0;
	margin:0; 
   
   /*background-color: #0000ff;*/
   }
.direct {
	align: right;
	padding:0;
	margin:0; 
	width: 100%;
   
   /*background-color: #0000ff;*/
   }
   
.application_table{
	width: 550px;
	padding: 1px;
	padding-top:5px;
	padding-bottom: 5px;
	background-color: #ccccD4;
	 -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;
}


.link_button{
text-align:center;
text-decoration:none;
margin:0px;
padding:0px;
line-height:20px;
width: 120px;
}

.link_button a
{
 margin-top:0px;
 padding-top: 0px;
 padding-left:5px;
 padding-right:5px;
 text-decoration: none;
 border:0 px solid #778;
  background: #660000; 
 display:block;
 color:#FFFFFF;

}

.link_button b
{
 margin-top:0px;
 padding-top: 0px;
 padding-left:5px;
 padding-right:5px;
 
}

.link_button a:link { color:  #FFFFFF; }
.link_button a:visited { color: #FFFFFF; }

.link_button a:hover
{
 color:  #62818;
 text-decoration:none;
 background: #AAE;
 border-color: #227; 
}

.progress_button{
text-align:center;
text-decoration:none;
margin:0px;
padding:0px;
line-height:20px;
width: 120px;
}

.progress_button a
{
 margin-top:0px;
 padding-top: 0px;
 padding-left:5px;
 padding-right:5px;
 text-decoration: none;
 border:0 px solid #778;
  background: #DDE; 
 display:block;

}

.progress_button b
{
 margin-top:0px;
 padding-top: 0px;
 padding-left:5px;
 padding-right:5px;
 
}

.progress_button a:link { color:  #585888; }
.progress_button a:visited { color: #000088; }

.progress_button a:hover
{
 color:  #62818;
 text-decoration:none;
 background: #AAE;
 border-color: #227; 
}


.error{
	text-align:center;
	padding:3px;
	color: #F00;
	line-height:20px;
}
/*leader li */

.leader {
	font-weight: bold;
	color: black;
	text-weight: bold;
}
#home_nav{
    display:block;
    width:990px;
    height:213;
    padding:1px 0 0px 0;
    border-bottom:2px solid #D9D9D9;
}

#home_nav th {
    color:ffffff;
    font-family:'FuturaW01-MediumCondens';
    font-size:24px;
    font-weight:999;
    border-bottom:1px solid #ffffff;
    padding:10px 50px 10px 20px;  
    background-color:transparent; 
}

#home_nav td{
    color:#ffffff;
    font-family:'arial narrow';
    font-size:18px;
    padding:0;
}

#science_nav{
    display:block;
    width:930px;
    height:203px;
    padding:0px 30px 0px 30px;
    background-color: #FF7F00;
    margin-top:402px;
    margin-bottom:0px;
}
#science_nav h1{
    color:#ffffff;
    font-family:'FuturaW01-MediumCondens';
    font-size:60px;
    padding:0px;
    margin:0px;
}
#science_nav p{
    color:#8D5223;
    font-family:'FuturaW01-MediumCondens';
    font-size:40px;
    padding:0px;
    margin:0px;
}
#science_nav_line{
    display:block;
    float:right;
    height:1px;
    background-color: #ffffff;
    width:606px;
    margin-top:-35px;
    margin-right:-30px;
}

#informatics_nav{
    display:block;
    width:930px;
    height:203px;
    padding:0px 30px 0px 30px;
    background-color: #00A330;
    margin-top:402px;
    margin-bottom:0px;
}
#informatics_nav h1{
    color:#ffffff;
    font-family:'FuturaW01-MediumCondens';
    font-size:60px;
    padding:0px;
    margin:0px;
}
#informatics_nav p{
    color:#007633;
    font-family:'FuturaW01-MediumCondens';
    font-size:40px;
    padding:0px;
    margin:0px;
}
#informatics_nav_line{
    display:block;
    float:right;
    height:1px;
    background-color: #ffffff;
    width:676px;
    margin-top:-35px;
    margin-right:-30px;
}

#education_nav{
    display:block;
    width:930px;
    height:203px;
    padding:0px 30px 0px 30px;
    background-color: #333399;
    margin-top:402px;
    margin-bottom:0px;
}
#education_nav h1{
    color:#ffffff;
    font-family:'FuturaW01-MediumCondens';
    font-size:60px;
    padding:0px;
    margin:0px;
}
#education_nav p{
    color:#1D1658;
    font-family:'FuturaW01-MediumCondens';
    font-size:40px;
    padding:0px;
    margin:0px;
}
#education_nav_line{
    display:block;
    float:right;
    height:1px;
    background-color: #ffffff;
    width:456px;
    margin-top:-35px;
    margin-right:-30px;
}




#landing_line{
   dispaly:block;
   height:2px;
   width:990px;
   background-color:#D9D9D9;
   margin-top:15px;
}

/*#content a, #content a:link,#product a:visited,#content  a:active{
	text-decoration:underline;
	color:#333366;
	}

#content a:hover{
	  color:#0000CC;
}	
*/
/*Generic menu used for about and other sections of site*/
#amenu{
   display:block;
   position:relative;
   width:211px;
   height:100%;
   float:left;
   background-color: #999999;
  
}
#amenu ul{
   list-style:none;
   list-style-position:outside;
   margin-left:-40px;
   margin-top:0px;
   margin-bottom:0px;
  }

#amenu li{
   border-bottom:1px solid #585858;
   margin-bottom:0px;
}


#amenu a{
   color:#ffffff;
   font-family:'FuturaW01-MediumCondens';
   font-size:23px;
   width:211px;
   height:46px;
   text-decoration:none; 
   padding-left:10px;
}
#amenu a:hover{
   display:block;
   background-color:#333399;
   width:100%;
   height:100%
}

.acurrent{
   display:block;
   background-color:#333399;
   width:100%;
   height:100%;
}

/*Science Menu */
#smenu{
   display:block;
   position:relative;
   width:211px;
   height:100%;
   float:left;
   background-color: #FF7F00;
  
}
#smenu ul{
   list-style:none;
   list-style-position:outside;
   margin-left:-40px;
   margin-top:0px;
   margin-bottom:0px;
  }

#smenu li{
   border-bottom:1px solid #585858;
   margin-bottom:0px;
}

#smenu a{
   display:block;
   color:#ffffff;
   font-family:'FuturaW01-MediumCondens';
   font-size:23px;
   width:211px;
   height:100%;
   text-decoration:none; 
   padding-left:10px;
}
#smenu a:hover{
   display:block;
   background-color:#999999;
   width:100%;
   height:100%
}

.scurrent{
   display:block;
   background-color:#999999;
   width:100%;
   height:100%;
}

/*Informatics Menu */
#imenu{
   display:block;
   position:relative;
   width:211px;
   height:100%;
   float:left;
   background-color: #00A330;
  
}
#imenu ul{
   list-style:none;
   list-style-position:outside;
   margin-left:-40px;
   margin-top:0px;
   margin-bottom:0px;
}

#imenu li{
   border-bottom:1px solid #585858;
   margin-bottom:0px;
}

#imenu a{
   display:block;
   color:#ffffff;
   font-family:'FuturaW01-MediumCondens';
   font-size:23px;
   width:211px;
   height:100%;
   text-decoration:none; 
   padding-left:10px;
}
#imenu a:hover{
   display:block;
   background-color:#999999;
   width:100%;
   height:100%
}

.icurrent{
   display:block;
   background-color:#999999;
   width:100%;
   height:100%;
}

/*Education and Outreach Menu */
#emenu{
   display:block;
   position:relative;
   width:211px;
   height:100%;
   float:left;
   background-color: #333399;
  
}
#emenu ul{
   list-style:none;
   list-style-position:outside;
   margin-left:-40px;
   margin-top:0px;
   margin-bottom:0px;
  }

#emenu li{
   border-bottom:1px solid #585858;
   margin-bottom:0px;
}

#emenu a{
   display:block;
   color:#ffffff;
   font-family:'FuturaW01-MediumCondens';
   font-size:23px;
   width:211px;
   height:100%;
   text-decoration:none; 
   padding-left:10px;
}
#emenu a:hover{
   display:block;
   background-color:#D9D9D9;
   width:100%;
   height:100%
}

.ecurrent{
   display:block;
   background-color:#D9D9D9;
   width:100%;
   height:100%;
}


#product a, #product a:link,#product a:visited,#product  a:active{
	text-decoration:none;
	color:#333399;
	}

#product a:hover
{
  color:#580000;
}

.photo {
	max-width: 200px;
	/* Resize the image for IE6 */
	width: expression(this.width > 200 ? 200: true);
}

#content ul li{
  /*8margin-bottom:10px;*/
}

.image_inline{
  border:  1px solid #ccc;
  max-width:250px; !important
  height:auto;
  padding:3px;
}

.image_inline_left{
  float:left;
  margin-right: 15px; 
  margin-bottom: 5px;
}


.image_inline_right{
  float:right;
  margin-left: 15px; 
  margin-bottom: 5px;
}

.countdown{
   font-family: Arial;
   font-weight: 999;
   font-size: 18px;
   text-align: center;
}

/* Web Solutions Team, Duke University */

/* hide under line for product link */