/* CSS Document */

Body{
	margin-top: 0px;
}

#container { margin:0px auto; width:781px; height:100%; }

/* ------------------- HEADER BOX ---------------------- */

#homepageHdr					{ width:781px; margin:0px 0px 0px 0px; font-family:arial, helvetica, sans-serif; font-size:11px; position:relative; }

#homepageHdr .logoContent			{ border: solid 1px #eeeeee; float: left; width:314px; height: 90px; display: block; }
#homepageHdr .msgRight					{ border: solid 1px #eeeeee; text-align: right; color:#1A6394; font-weight:bold; float: right; height: 90px; width:275px; margin:45px 0px 0px 0px; display: block;}

#homepageHdr .DemoBox{
	margin: 35px 0px 0px 0px;
	color:#1A6394;
	font-weight:bold;
}

#homepageHdr .SpecialMsg{
	color: black;
	font-weight:bold;	
}


#homepageHdr .loginBar{
	float: left;
	width: 781px;
	height:25px;
	margin: 0px 0px 0px 0px;
	background-color: #EEEEEE;
	padding: 0px;
}
#homepageHdr .loginBox{
	width: 778px;
	margin: 0px 0px 0px 0px;
	padding: 2px;
	padding-right: 0px;
	display: inline-block;
	float: right;
}
#homepageHdr .loginBoxLeft				{ width: 0px; margin: 0px 0px 0px 0px; padding: 2px; padding-right: 0px; display: inline-block; float: left;}
#homepageHdr .nameUserBox{
	text-align:left;
	width:80px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal;
	vertical-align: middle;
	font-size: 13px;
}
#homepageHdr .nameUser{
	vertical-align: text-top;
	text-align:left;
	position:relative;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#35556B;
	font-weight:normal;
	font-size: 13px;
}

#homepageHdr .loginBox .nameUserSubmit	{margin:0px 0px 1px 0px; padding:0px; color:#35556B; font-weight:normal; vertical-align: bottom;}
#homepageHdr .portalBox{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: middle;
	font-size: 13px;
}
#homepageHdr .headerText{
	text-align: center;
	font-weight: bold;
/*	width: 781px; */
}

input:focus				{ background:#ffc; }
input[type="text"]		{ border:1px solid #7F9DB9; }


.infoColBeg
{
	padding: 0px;
	height: 200px;
	width: 257px;
	display: inline-block;
	margin-top: 5px;
	padding-right: 3px;
	border-right: 1px solid #BBBBBB;
	float: left;
}

.infoColMid
{
	padding: 0px;
	height: 200px;
	width: 255px;
	display: inline-block;
	margin-top: 5px;
	padding-right: 1px;
	margin-left: 3px;
	border-right: 1px solid #BBBBBB;
	float: left;

}

.infoColEnd
{
	padding: 0px;
	height: 200px;
	width: 257px;
	display: inline-block;
	margin-top: 5px;
	margin-left: 3px;		
	float: left;
}

.infoColBlock{
	padding: 3px;
	display: block;
}

.infoColBegX
{
	padding: 0px;
	height: 200px;
	width: 257px;
	display: inline-block;
	margin-top: 5px;
	padding-right: 1px;	
	float: left;
}

.infoColMidX
{
	padding: 0px;
	height: 200px;
	width: 257px;
	display: inline-block;
	margin-top: 5px;
	padding-right: 2px;
	margin-left: 3px;	
	float: left;

}

.infoColEndX
{
	padding: 0px;
	height: 200px;
	width: 257px;
	display: inline-block;
	margin-top: 5px;
	margin-left: 3px;		
	float: left;
}

.infoColBlockB{
	padding: 5px;
	display: block;
	background-color: #EFEBF7;
	height: 180px;
	border: 1px solid #D6D3D6;
	/*width: 257px;*/
}

.infoColBlockG{
	padding: 5px;
	display: block;
	background-color: #E7EBDE;
	height: 180px;
	border: 1px solid #D6D3D6;
	/*width: 255px;*/
}

.infoColBlockR{
	padding: 5px;
	display: block;
	background-color: #EFE3DE;
	height: 180px;
	border: 1px solid #D6D3D6;
	/*width: 257px;*/
}

/* ------------------- MAIN NAV ---------------------- */

#nav {  
	list-style: none;
	position:relative;
	height:23px;
	background:url(../i/nav_right.gif) top right no-repeat #1A6394;
	margin:0px;
	padding:0px 0px 0px 0px;
	/**margin:-37px 0px 0px 0px;*/
	}
	
#nav ul 	{ /* all lists */
	font-weight:normal;
	list-style: none;
	padding: 0px;
	margin: 0px; 
	z-index: 10;
	/*	line-height: 1; */
	}
	
#nav a {
	/*	Hiding code from IE 5 on Mac \*/
	display: block;
	font-weight:normal;
	color: #fff;
	text-decoration: none;
	/* End IE5 hack */
/*	width: 10em; */
	}
	
#nav a:hover {
	color: #FF9966;
	text-decoration: none;
	}
	
#nav a.onState {
	background-color:#35556B;
	color: #FF9966;
	text-decoration: none;
	}

#nav li { /* all list items */
	float: left;
	position: relative;
	font-weight:normal;
	color:#fff;
/*	width: 10em; */ /* width needed or else Opera goes nuts */
}
	
#nav li.endRight { /* all list items */
	float: left;
	padding:0px;
	position: relative;
	color:#fff;
/*	width: 10em; */ /* width needed or else Opera goes nuts */
	}
	
	
#nav li ul { /* second-level lists */
	margin:0px 0px 5px 0px;
	border-top:solid 2px #fff;
	padding:2px 0px -10px 0px;
	position: absolute;
	background:url(../i/bg_dropdown_bottom.gif) bottom right no-repeat;
/*	width: 10em; */
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
	
#nav li ul li 					{ font-weight:normal; padding:0px; font-family:verdana, arial, helvetica, sans-serif; font-size:12px; width:180px; *width:150px; }
#nav li ul li a 				{ padding-left: 9px; padding-right: 12px; display: block; width:176px; font-weight:normal; width:140px; *width:150px;	}
#nav li ul li a.lineSpecial 	{ padding-top: 3px; padding-bottom: 3px; padding-left: 9px; padding-right: 12px; background-color: #35556A; border-bottom:1px solid #1B6395; display: block; width:196px; font-weight:normal; *position: relative; *inherit:none;  }

#nav li ul li a.lineSpecialTop 	{ display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 9px; padding-right: 12px; background-color: #35556A; border-bottom:1px solid #1B6395; width:176px; font-weight:normal; }

.menubottomoption a	{ margin:0px 0px 0px 0px;  padding:2px 0px 8px 0px; border-bottom: 0px solid #fff; width:200px; }

/* lists nested under hovered list items */
#features			{ width:217px; padding-left:3px;  }

/* lists nested under hovered list items */
#gatewayBox			{ width:217px; padding-left:3px;  }

#nav li:hover ul, #nav li.sfhover ul 				{ left: auto; }
/*#menuclear 											{ clear: left; font-size: 1px; display: none; }*/
#menu 												{ clear: both; padding-left: 0px; }


/* ------------------- MAIN BODY ---------------------- */

#homepageImage				{ display:block; margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; z-index:12;  }

p.headerText		{ margin:10px 60px 37px 0px; padding:0px; color:#444446; font-family:arial, helvetica, sans-serif; font-size:14px; line-height:19px; }

/*#homepageBottomBox			{ position:relative; display:block; width:781px; margin:0px 0px 0px 0px; padding:0px;}*/
#homepageBottom				{ width: 781px;/*border-right:1px solid #777777;*/ }
#homepageBottom h2			{ margin:0px 0px 0px 0px; padding:0px; color:#777777; font-family:arial, helvetica, sans-serif; font-size:14px; line-height:14px; font-weight:bold; }
#homepageBottom p			{ margin:10px 20px 0px 0px; padding:0px; color:#444444; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:14px; }
/*
 .investigateBox		{ float:left; width:171px; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px; height:136px; border-right:1px solid #777777; }
 .collaborateBox		{ float:left; width:183px; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; height:136px; border-right:1px solid #777777; }
 .annotateBox			{ float:left; width:179px; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; height:136px; border-right:1px solid #777777; }
 .monitorBox			{ float:right; width:178px; margin:0px 0px 0px 0px; padding:0px 10px 0px 0px; }
*/ 
#homepageBottom a			{ text-decoration:none; color:#444444; }
#homepageBottom a:hover		{ text-decoration:underline; color:#000000; }
#homepageBottom a.onState	{ text-decoration:none; color:#000000; }


/* ---------- LEFTNAV BODY ------------- */

#gatewayNav				{ margin:6px 0px 0px 0px; padding:0px; display:block; float:left; position:relative; background:url(../i/bg_left_nav.gif) 0px 0px no-repeat #F1F1F1; width:134px; height:300px; }


#gatewayNav ul			{ position:absolute; margin:0px 0px 0px 0px; padding:15px 0px 0px 0px; list-style:none; color:#777777; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; height:100%; line-height:14px;}
#gatewayNav li			{ margin:0px 10px 0px 13px; padding:4px 10px 3px 10px; color:#444446; width:101px; text-indent:-12px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; line-height:14px; }
#gatewayNav li a		{ color:#444446; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; line-height:13px; text-decoration:underline; }
#gatewayNav li a:hover	{ color:#333333; }
#gatewayNav li a.onState	{ color:#000000; text-decoration:none; }


#NavBlock	{ margin:6px 0px 0px 0px; padding:0px; display:block; float:left; position:relative; width:150px; height:300px; }

#NavBlock ul			{ position:relative; margin:12px 0px 0px 8px; padding: 15px 0px 0px 0px; list-style:none; color:#777777; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; height:100%; line-height:14px;}

#NavBlock1				{ margin:6px 0px 0px 0px; padding:0px; padding-bottom: 10px; display:block; float:left; position:relative; background:url(../i/bg_left_nav.gif) 0px 0px no-repeat #F1F1F1; width:150px; }
#NavBlock1 li			{ margin:0px 0px 0px 5px; padding: 0px 10px 3px 10px; color:#444446; width:117px; text-indent:-12px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; line-height:14px; }
#NavBlock1 li a		{ color:#444446; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; line-height:13px; text-decoration:underline; }
#NavBlock1 li a:hover	{ color:#333333; }
#NavBlock1 li a.onState	{ color:#000000; text-decoration:none; }


#NavBlock2				{ cursor: pointer; margin:6px 0px 0px 0px; padding:0px; padding-bottom: 10px; display:block; float:left; position:relative; background:url(../i/bluebar.gif) 0px 0px no-repeat #8CB5CE; color: white; width:150px;  }
#NavBlock2 li {color: white;}
#NavBlock2 h2 {color: white; font-family:arial, helvetica, sans-serif; font-size:12px; font-weight:bold; display: inline; width:142px;}
#NavBlock2 li a		{ color:#FFFFFF; font-family:verdana, arial, helvetica, sans-serif; font-size:10px; text-decoration:none;}
#NavBlock2 li a:hover	{ color:#FFFFFF; text-decoration:none; }
#NavBlock2 li a.onState	{ color:#FFFFFF; text-decoration:none; }


#NavBlock3				{ cursor:pointer; margin:6px 0px 0px 0px; padding:0px; padding-bottom: 10px; display:block; float:left; position:relative; background:url(../i/graybar.gif) 0px 0px no-repeat #ADADAD; color: white; width:150px;  }
#NavBlock3 li {color: white;}
#NavBlock3 h2 {color: white; font-family:arial, helvetica, sans-serif; font-size:12px; font-weight:bold; display: inline; width:142px;}
#NavBlock3 li a		{ color:#FFFFFF; font-family:verdana, arial, helvetica, sans-serif; font-size:10px; text-decoration:none;}
#NavBlock3 li a:hover	{ color:#FFFFFF; text-decoration:none;}
#NavBlock3 li a.onState	{ color:#FFFFFF; text-decoration:none; }


#NavBlock4				{ margin:6px 0px 0px 0px; padding:0px; padding-bottom: 80px; display:block; float:left; position:relative; background-color: #F1F1F1; color: white; width:150px;  }
#NavBlock4 h2 {color: white; font-family:arial, helvetica, sans-serif; font-size:14px; line-height:14px; font-weight:bold; }
#NavBlock4 li a		{ color:#444446; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; line-height:13px; text-decoration:underline; }
#NavBlock4 li a:hover	{ color:#333333; }
#NavBlock4 li a.onState	{ color:#000000; text-decoration:none; }



/* ---------- GATEWAY BODY ------------- */

#gatewayContent				{ margin:24px 0px 0px 165px; padding:0px; font-family:arial, helvetica, sans-serif; font-size:12px; }
#gatewayContent h2			{ margin:10px 0px 9px 0px; padding:0px 0px 10px 0px; color:#777777; font-family:arial, helvetica, sans-serif; font-size:14px; line-height:14px; font-weight:bold; }
#gatewayContent p			{ margin:10px 0px 0px 0px; padding:0px 20px 0px 0px; color:#444444; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:14px; }

#gatewayContent ul			{ margin:12px 0px 0px 0px; padding:0px; list-style:none; color:#444446; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:14px; }
#gatewayContent li			{ margin:8px 0px 0px 30px; padding:0px 20px 0px 0px; }

#gatewayContent a			{ text-decoration:underline; color:#444444; }
#gatewayContent a:hover		{ text-decoration:underline; color:#000000; }
#gatewayContent a.onState	{ text-decoration:none; color:#000000; }


/* ---------- FEATURES BODY ------------- */

#featureContent				{ margin:24px 0px 0px 165px; padding:0px; font-family:arial, helvetica, sans-serif; font-size:12px; }
#featureContent h2			{ margin:10px 0px 5px 0px; padding:0px; color:#777777; font-family:arial, helvetica, sans-serif; font-size:14px; line-height:14px; font-weight:bold;}
#featureContent p			{ margin:10px 15px 0px 0px; padding:0px 20px 0px 0px; color:#444444; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:14px; }

#featureContent ul			{ margin:12px 0px 0px 0px; padding:0px; list-style:none; color:#444446; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:14px; }
#featureContent li			{ margin:3px 20px 0px 30px; padding:0px 20px 0px 0px; }

#featureContent a			{ text-decoration:underline; color:#444444; }
#featureContent a:hover		{ text-decoration:underline; color:#000000; }
#featureContent a.onState	{ text-decoration:none; color:#000000; }

/* ---------- ENVIRONMENT BODY ------------- */

#environmentContent				{ margin:24px 0px 0px 165px; padding:0px; font-family:arial, helvetica, sans-serif; font-size:12px; }
#environmentContent h2			{ margin:10px 0px 5px 0px; padding:0px; color:#777777; font-family:arial, helvetica, sans-serif; font-size:15px; line-height:14px; font-weight:bold;}
#environmentContent h3			{ color:#000066; font-size:14px; font-weight:bold;}
#environmentContent p			{ margin:10px 15px 0px 0px; padding:0px 20px 0px 0px; color:#444444; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:16px; }

#environmentContent ul			{ margin:12px 0px 0px 0px; padding:0px; list-style:none; color:#444446; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:15px; }
#environmentContent li			{ text-indent: -8px; padding:5px 15px 5px 25px; margin:0px; }

#environmentContent a			{ text-decoration:underline; color:#444444; }
#environmentContent a:hover		{ text-decoration:underline; color:#000000; }
#environmentContent a.onState	{ text-decoration:none; color:#000000; }
#environmentContent span		{ text-decoration:underline; }


/* ------------------- / MAIN BODY ---------------------- */

.clearBoth			{ clear:both; margin:0px; height:0px; overflow:hidden; }

/*.spacer1	{ height:1px; font-size:1px; overflow:hidden; }*/
/*.spacer1grey	{ height:1px; font-size:1px; background-color:#E7E7E9; overflow:hidden; }*/
/*
.spacer4	{
	height:4px; 
	font-size:1px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	}
*/
.spacer5	{ height:5px; font-size:5px; }
.spacer10	{ height:10px; font-size:10px; }
.spacer15	{ height:15px; }
.spacer25	{ height:25px; }
.spacer30	{ height:30px; }
.spacer40	{ height:40px; }
.spacer50	{ height:50px; }
.spacer70	{ height:75px; }


.CCitation{
	font-weight: bold;
}

.OrangeText{
	color: #C36618;
}

/* ------------------- FOOTER ---------------------- */

#footerBox .bottomNav			{ text-align:center; display:block; margin:0px; padding:0px; width:781px; }
		.bottomNav p			{ margin:3px 0px 3px 12px; font-family:arial, helvetica, sans-serif; font-size:11px; line-height:13px; color:#444445; }
		.bottomNav a			{ text-decoration:none; color:#444445; }
		.bottomNav a:hover		{ text-decoration:underline; color:#000000; }
		.bottomNav a.onState	{ text-decoration:underline; color:#444446; }		
		.bottomNav a.onState:hover	{ text-decoration:underline; color:#000000; }	
		
		.smallerText p			{ margin:5px 0px 3px 12px; padding:8px 0px 0px 0px; font-family:arial, helvetica, sans-serif; font-size:10px; line-height:13px; color:#444445; }
		.smallerText a			{ text-decoration:none; color:#444445; }
		.smallerText a:hover		{ text-decoration:underline; color:#000000; }
		.smallerText a.onState	{ text-decoration:underline; color:#444446; }		
		.smallerText a.onState:hover	{ text-decoration:underline; color:#000000; }	
		
		.footerText		{ display:block; text-align:center; margin:0px; padding:0px; width:781px;  }
		.footerText	p	{ margin:0px; padding:2px 0px 0px 6px; font-family:arial, helvetica, sans-serif; font-size:10px; line-height:14px; color:#444445; }

.homeHighlight { color:#bd6518; font-weight:bold; }

/* ------------------- Added Text ---------------------- */

.BoldText{
	font-weight: bold;
}

.RedText{
	color: #FF0000;
}

.boxText {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444446;
}

h1 {
	background:url(../i/stdheader.jpg) no-repeat;
	width:250px;
	height:24px;
	display:block;
	line-height:24px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:7px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}