@charset "utf-8";
/* CSS Document */

	body {
		font: 100% Arial, Helvetica, "Lucida Grande", sans-serif;
		font-size: 16px;
		margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
		height: 100%;
		text-align: center; /* centers the container in IE 5* browsers. The text is set to the left aligned default in the #wrap */
		background-color: #FFFFFF; 
		color: #000000;
	}

	#wrap { 
		width: 960px;
		height: 650px;
		margin: 0 auto; /* 0 plus auto margins centers the page */
		border: 1px solid;
		text-align: left; /* this overrides the text-align: center on the body element. */
		background-color: #FFFFFF; 
		border-color: #000000;
	}

	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;
	}

/* NCSA minibar css definitions starts here*/
	#minibar {
		height: 44px;
		width: 100%; 
		position: relative;
		background-color: #999999; 
	}
	#minibar a {text-decoration: none;} 
	#minibar img {border: none;}

	img.ncsa_minibar_logo {
		width: 124px;
		height: 44px;
		float: left;
		/* background-image: url('../img/ncsa-logo-white.gif'); */
	}

	img.signature_minibar_logo {
		width: 104px;
		height: 30px;
		float: left;
		padding-left: 20px;
		padding-top: 7px;
	}
	
	#minibar_ui_stuff {
		float: right;
		width: 150px;
		height: 40px;
	}

	img.minibar_ui_logo {
		width: 26px;
		height: 37px;
		float: left;
		margin-right: 10px;
		padding-top: 3px;
	}

	p.minibar_ui_text {
		margin-top: 3px;
		margin-right: 0px;
		padding-top: 5px;
	}

	a.minibar_ui_link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
	}
/* end of NCSA minibar css definitions */

/* Digital Observatory text in the NCSA minibar */
	div.minibar_alvo_text {
		float: left;
		padding: 10px 0px 0px 160px;
		font-size: 120%;
		letter-spacing: 1px;
		font-weight: 800;
		color: #000000;
	}
/* end of Digital Observatory text in the NCSA minibar */

/* Plant growth experiments and JavaScript text area above the main minibar */	
	div.info-bar {
		float: right;
		padding: 5px 30px 5px 0px;
		font-weight: 400;
	}
	
	#text_area {
		float: left;
		height: 20px;
		padding: 5px 10px;
		font-size: small;
		font-weight: 700;
	}

/* main (top) navigational bar starts here */
	.mainLinks {	
		border-bottom: 1px solid;
		height: 20px;
		border-top: 1px solid;
		font-weight: 600;
		border-bottom-color: #EAEAEA; 
		border-top-color: #EAEAEA;
 	}
	.shortPadding {padding: 0 0 0 30px;}
	.longPadding {padding: 0 0 0 100px;}

	.mainLinks ul {
		list-style-type: none;
		display: inline;
		margin: 0px;
		padding: 0px;
	}
	.mainLinks li {
		float: left;
		height: 20px;
		display: inline; 			/* IE needs it here, at  least some version*/
		border-right: 1px solid;
		margin: 0px 0px;
		padding: 0px 15px;
		border-right-color: #000000;
		text-align: center;
		font-size: 100%;
		text-decoration: none;
	}
	.mainLinks li.left-border {
		border-left: 1px solid;
		border-left-color: #000000;
	}
	.mainLinks li a {		
		text-decoration: none;
		color: #333333;
	}
	.mainLinks li.darkGreen {	/* the background color does not work nicely on the text only (a link etc.), it works on the li element*/
		color: #FFFFFF; 
		background-color: #999999;
	}
	.mainLinks li.darkGreen a {
		text-decoration: none;
		color: #FFFFFF; 
	}	
	.mainLinks li.lightGreen {
		color: #999999; 
		background-color:#CCCCCC;
		filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	}
	.mainLinks li.link:hover, li a:hover, li.darkGreen a:hover, li.lightGreen a:hover {		
		color: #666666;
		background-color: #CCCCCC;
	}
	
	.trans { filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
/* end of the main (top) navigational bar */

/* footer starts here*/
	.footer {
	position: absolute;
	top: 555px;
	width: 960px;
	padding: 0px;
	margin: 0px;
	}

	.footer-observatory {
		position: absolute;
		top: 610px;
		width: 960px;
		padding: 0px;
		margin: 0px;
	}

	/* beginning of the navigational footer bar (arrows)  */
	.nav-arrows {	
		display: block;
		/* border-bottom: 1px solid; */
		/* border-top: 1px solid;  */
		height: 50px;
		padding: 0 40px;
		font-weight: 600;
 	}

	.nav-arrows ul {
		list-style-type: none;
		display: inline;
	}

	.nav-arrows ul li.left {float: left;}
	.nav-arrows ul li.extras {float: right;}
	.nav-arrows ul li.button {float: left;}

	.nav-arrows li {
		width: 110px;
		padding: 0 5px;
		display: block;
		text-align: center;
		font-size: 100%;
		text-decoration: none;
		}

	.nav-arrows li.button {
		width: 600px;
		padding: 0px 0px 0px 0px;
		display: block;
		text-align: center;
		font-size: 100%;
		text-decoration: none;
		}
	
	/* following is not used with arrows, could be re-use with the text */
	.nav-arrows a, .nav-arrows a:visited {text-decoration: none;}
	.nav-arrows a:hover, .nav-arrows a:active {text-decoration: none;}	/* shouldn't be necessary, but ie6 gives trouble */
	
	.nav-arrows img.frontback {
		border: none;
		height: 27px;
		width: 33px;
		background-color: #999999;
	}
	.nav-arrows img.updown {
		border: none;
		height: 33px;
		width: 27px;
		background-color: #999999;
	}
	.nav-arrows img.print {		/* buttons used in experiment pages only */
		border: none;
		padding: 0px 20px;
		}
	.nav-arrows img.download {		/* buttons used in experiment pages only */
		border: none;
		padding: 0px 20px;
	}
	.letsStart0 {padding: 0px; font-size:30px; color:white;}					/* index page */
	.letsStart1 {padding: 0px 15px; font-size:10px; color:#CCCCCC}			/* index page */
	.letsStart2 {padding: 0px 15px; font-size:12px; color:#999999;}			/* index page */
	.letsStart3 {padding: 0px 15px; font-size:14px; color:#666666;}			/* index page */
	.letsStart4 {padding: 0px 10px; font-size:16px; color:#333333;}			/* index page */
	.letsStart5 {padding: 0px 10px; font-size:22px; color:#000000;}			/* index page */
	.letsStart6 {padding: 0px 5px; font-size:30px; color:#000000;}			/* index page */
	.letsStart7 {padding: 0px 5px 0px 10px; font-size:30px; color:black;}	/* index page */

	.nav-arrows img.clear {		/* buttons used in experiment pages only */
		border: none;
		padding: 0px 60px;
	}
	/* end of the navigational footer bar (arrows) */

	.footer div, .footer-observatory div {background: #FFFFFF;}

	.footer p, .footer-observatory p {
		text-align:center;
		font-size: small;
		line-height: 170%;
		color: #7C8087;
	}

	.footer a, .footer-observatory a {text-decoration: none; color: black;}
	.footer a:hover, .footer-observatory a:hover {text-decoration: underline;}
	.footer a:visited {color: black;}
	img.ncsa_footer_logo {
		width: 80px;
		height: 18px;
		border: none;
		text-decoration: none;
		vertical-align: bottom;
	}	
/* footer ends here*/