/* NON-HEADER */
*{padding:0; margin:0;}
 body {
 	font-size:62.5%; /*Font-size: 1.0em = 10px when browser default size is 16px*/
	background-color:#383F87;
	background: url(../images/bg.gif) repeat; 
	font-family:arial,sans-serif,verdana;
} 
.container {
	width:95%; 
	margin:10px auto 10px auto; 
	border:solid 1px #383F87; font-size:1.0em;
	background-color: #FFFFFF;
}
hr  {
	width:300px; height:0.1em; border:none; margin: 0 0 10px 30px;
	background-color:#BCB5D6; color:#BCB5D6; text-align: center;
}

.gray hr {
	width:100%; height:0.1em; border:none; margin-left: 0px;
	background-color:#CCCCCC; color:#CCCCCC; text-align: left;
}

#main .nobottom { margin-bottom: 0px; }
#main .notop { margin-top: 0px; }


/* HEADER *********************************************************************************************************************/
#header {
	width:100%; font-family:"trebuchet ms",arial,sans-serif;
	margin: 0px; padding: 0px;
}
	#header .header-top {
		width:100%; height:75px; 
		background-color: #383F87; 
		border: 0.1px solid #383F87; /* This 0.1px border is for netscape - 
										If do not have this, there will be a big gap between the banner and slogan */
		}
	#header #logo {
			width:450px; height:75px; 
			margin:0px 0 0 0px; padding: 0; float:left;
			background: url(../images/banner4.jpg) no-repeat left;
			}
		
		#header .search {
			float:right;
			width:225px; height: auto; 
			background-color: transparent;  
			margin: 0 0 0 0;
			padding:15px 40px 10px 0px;
			}
		#header .search p{
			text-align: right; 	
			font-family:verdana,arial,sans-serif;
			font-weight: bold; font-size: 1.05em; color:#505050;
			margin: 0 0 8px 0;
			}
		#header .search a {
			color:#FFF; 
			text-decoration: underline;
			}
		#header .search a:hover {
			text-decoration: none; color:#8AAE26;
			}
		#header .search form fieldset {
			float:right; border:none; margin-top: 4px;
			}
		#header .search input.field {
			width:140px; padding:0.2em 0 0.2em 0; 
			border:1px solid #C8C8C8; font-size:1.2em;
			font-family: verdana,arial,sans-serif; 
			}
		#header .search input.button {
			width:3.0em; text-align:center; 
			font-family:verdana,arial,sans-serif;
			color: #9C96B6; font-size:1.2em;
			background-color: #EAE8F1; border: solid 1px #969696;
			padding:1px; 
			}
		#header .search input.button:hover {
			cursor:pointer; border:solid 1px #505050; 
			background-color:#DCDCC8; color: #9C96B6;
			}
		
	#header .header-middle { /* container for slogan */
		width:100%; height:30px; 
		background-color:#6EA319;
		border-top: 2px solid #4B8100;
		border-bottom: 2px solid #4B8100;
		margin: 0 0 0px 0; padding: 0px;
		}
	#header .slogan { /*Slogan styles for IE is saved in style_ie.css*/
		width: 98%; height: auto; 
		margin:0px 0 0px 0px; padding: 0;
		color: #FFFFFF; text-align: left;
		font-weight: bold;
		}
	#header .slogan h2 {
		float:left; width:100%; margin:10px 0 0px 0;
		padding: 0px; height: 20px;
		text-align:left; line-height: 0px; 
		font-size:1.1em; font-weight: bold;
		font-family: "trebuchet ms", Arial, sans-serif, Helvetica; 
		background-color: transparent; letter-spacing: 0.1em;
		}	

/* #MAIN contains the bkground image for left nav, middle content, and right column *************************************/
#main {
	width:98%; 
	padding: 0 0 30px 0; margin: 0px;
	background:transparent url(../images/bg_main_withnav.jpg) top left repeat-y;
}
	#main p {
		margin:0 0 14px 0; line-height:1.5em; font-size:1.2em; letter-spacing: 0px;
		}
	#main h1 {
		margin:1.0em 0 0.5em 0; padding: 1.0em 0 0 0; 
		font-family:"trebuchet ms",arial,sans-serif; color:#291873; 
		font-weight:normal; font-size:2.1em; }
	
	#main h3 {
		margin: 0em 0 0.5em 0; 
		font-family:"trebuchet ms",arial,sans-serif; color:#291873; 
		font-weight: bold; font-size:1.6em;}
	#main h3.green { color:#4B8100; }
		
	#main h4 {
		margin:1.0em 0 0em 0; 
		font-family:"trebuchet ms",arial,sans-serif; color:#4B8100; 
		font-weight: bold; font-size:1.4em;}
		
	#main h4.purple {
		margin:1.0em 0 0.5em 0; 
		font-family:"trebuchet ms",arial,sans-serif; color:#6972AB; 
		font-weight: bold; font-size:1.4em;}
		
	#main a {
		font-weight: normal; text-decoration: underline; color:#5B409C;
		}
	#main a:hover {
		color:#8AAE26; text-decoration: none;
		}
	#main ul, #main ul.indent, #main ul.indentmore {
		list-style:none; margin:0em 0 5px 0; letter-spacing: 0px;
		padding: 0px;
		}
	#main ul li {
		margin: 5px 0 0.2em 1.5em; padding:0 0 0 1em; 
		background:url(../images/bullet1.gif) no-repeat 0 0.5em; 
		line-height:1.2em; font-size:1.2em;
		letter-spacing: 0px;
		font-family: Arial, Helvetica, sans-serif;
		}
	#main ul.indent li { /* Style for IE saved in style_ie.css */
		margin:0 0 0.2em 3.5em; padding:0 0 0 1.5em; 
		background:url(../images/bullet2.gif) no-repeat 0 0.5em; 
		line-height:1.4em; font-size:1.2em;
		letter-spacing: 0px;
		}
	#main ul.indentmore li { /* Style for IE saved in style_ie.css */
		margin:0 0 0.2em 5.0em; padding:0 0 0 1.5em; 
		background:url(../images/bullet_blue.gif) no-repeat 0 0.5em; 
		line-height:1.4em; font-size:1.2em;
		letter-spacing: 0px;
		}
	#main ul.indentevenmore li { /* Style for IE saved in style_ie.css */
		margin:0 0 0.2em 6.0em; padding:0 0 0 1.5em; 
		background:url(../images/bullet_purple.gif) no-repeat 0 0.5em; 
		line-height:1.4em; font-size:1.2em;
		letter-spacing: 0px;
		}
	#main ul.nomargin li {
		margin:0 0 0.2em 0.5em; padding:0 0 0 1.4em; 
		background:url(../images/bullet1.gif) no-repeat 0 0.5em; 
		line-height:1.4em; font-size:1.2em;
		list-style: none;
		}
	#main ul.nomargin li.purplebullet {
		background:url(../images/bullet_purple.gif) no-repeat 0 0.5em; 
		}
	#main ul.nomargin li.bluebullet {
		background:url(../images/bullet_blue.gif) no-repeat 0 0.5em; 
		}
	#main ul.nomargin li.greenbullet {
		background:url(../images/bullet_green.gif) no-repeat 0 0.5em; 
		}
	#main ol li { 
		margin:0 0 0.7em 3.5em; padding:0 0 0 0.3em;
		line-height:1.2em; font-size:1.2em;
		}
/* MAIN NAVIGATION **************************************************************************************************/
#main-navigation {
	float:left; width:160px; margin-top: 0px; 
}
	#main-navigation .menutop {
		border-bottom:2px solid #128B94; 
	}
	
/* NAVIGATION LINKS ***********************************************************************************************************/
#main-navigation #nav3-grid {
		width:160px; float: left;
		border-bottom: solid 1px #9C96B6;
}
	#main-navigation #nav3-grid dt a {
		display:block; padding:5px 0px 5px 10px;  
		border-top: solid 1px #9C96B6; text-decoration:none; 
		color:#291873; font-weight:bold; font-size:1.1em;
		
		}
	#main-navigation #nav3-grid dd a {
		display:block; 
		padding:3px 10px 5px 35px; border:none; font-weight:bold; 
		text-decoration:none; color:#291873; font-size:1.1em;
		
		}
	#main-navigation #nav3-grid dt a:hover, #main-navigation #nav3-grid dd a:hover {
		background-color:#A0A2CC; 
		color:#FFFFFF; text-decoration:none;
		}
	#main-navigation #nav3-grid dt a.selected, #main-navigation #nav3-grid dd a.selected {
		background-color:#383F87; 
		color:#FFF; text-decoration:none;
		}

/* #MAIN-CONTENT: contains middle content ************************************************************************/

#main-content { /* #MAIN-CONTENT has margin set for right side bar, if any. Margin for IE is in style_ie.css */
	margin:0 240px 0 180px; padding: 0px;
	width: auto; 
	border: solid 1px #ffffff; /* This border is for IE7, if don't have this, then text will appear below the text box on the right */
}
	#main-content #column1 { /*content area*/
		margin: 0 0 0 0px; padding: 0px;
		} 

#main-content2 { /* #MAIN-CONTENT2 is for template with NO sidebar (i.e., About Us). Margin for IE is in style_ie.css */
	margin: 0 0 0 180px; padding: 0px;
	width: auto;
	border: solid 1px #ffffff; /* This border is for IE7, if don't have this, then text will appear below the text box on the right */
}
#main-content3 { /* #MAIN-CONTENT3 has margin set for left side bar (i.e., Members), if any. Margin for IE is in style_ie.css */
	margin: 0 0 0 360px; padding: 0px;
	width:auto;
}
#testimonials {
	float: none; 
	margin: 30px 0px 0px 0px; padding: 0; 
	font-size: 1.3em; text-align: center;
	font-weight: normal; font-style:italic;
	font-family:"trebuchet ms",arial,sans-serif; 
	vertical-align: middle;
}
/* LEFT COLUMN **************************************************************************************/

#main #left {
	float: left; width: 20%;
	margin: 0 0 0 10px;
	padding: 0px; overflow: hidden;
}
#main #left_wide {
	float: left; width: 70%;
	margin: 0 0 0 10px;
	padding: 0px; overflow: hidden;
}
/* RIGHT COLUMN **************************************************************************************/

#main #right {
	float: right; width: 20%;
	overflow:hidden;
	padding: 0px; margin: 0px;
}
#main #right p {
		margin: 5px 5px 5px 0.5em; padding: 0 0 0 0; line-height:1.5em; 
		font-size:1.2em; letter-spacing: 0px;
		font-family: Arial, Helvetica, sans-serif;
		}
#right #purplebox, #left #purplebox {
	font-family:arial,sans-serif,verdana;
	padding: 0em; margin-top: 30px; 
	border: 1px solid #291873;
	}

	#right #purplebox h1, #left #purplebox h1 {
		margin:0 0 0px 0; padding:6px 0px 6px 8px; 
		color:#FFFFFF; font-weight:bold; font-size:1.3em; 
		border-bottom: solid 4px #8AAE26;
		background-color: #394189;
		}
	
	#purplebox p, #greenbox p {
		background-color:#FFFFFF;  
		color: #333333; border: 0px;
		font-size:1.2em; font-weight: normal; line-height: 1.6em;
		margin: 10px 0 20px 10px;
		padding: 0 3px 0 3px;
		}
	
	#purplebox a, #greenbox a {
		font-weight: normal; text-decoration: underline; color: #5B409C;
		}
	#purplebox a:hover, #greenbox a:hover {
		color:#8AAE26; text-decoration: none;
		}

#right #greenbox {
	font-family:arial,sans-serif,verdana;
	padding: 0em; position: relative;
	margin-top: 50px;
	border: 1px solid #6EA319;
}

#left_wide #greenbox {
	font-family:arial,sans-serif,verdana;
	padding: 0em; position: relative;
	margin-top: 20px;
	border: 1px solid #6EA319;
}

	#right #greenbox h1, #left_wide #greenbox h1 {
		margin:0 0 0px 0; padding:6px 0px 6px 8px; 
		color:#FFFFFF; font-weight:bold; font-size:1.3em; 
		border-bottom: solid 4px #394189;
		background-color: #6EA319;
		}
#main #right p.small {
	font-size: 1.0em;
	}
	
/* TABLES: Achievements sub-page (.achievements), R&D sub-page (.topictable)************************************************/

.achievements { /* Styles for IE is in style_ie.css */
	width: 90%; border-collapse: collapse;
	margin: 0; padding: 0px;
	border: 1px solid #0B4072;
}
	#main p.purple { 
		color: #6C6CA8; font-weight: bold; 
		margin-bottom: 0px;
		}
	#main p.light_blue { 
		color: #40A4D5; font-weight: bold;
		margin-bottom: 0px;
		}
	#main p.torquoise { 
		color: #2A96A2; font-weight: bold; 
		margin-bottom: 0px;
		}
	#main p.green, .green {
		color: #6EA319; font-weight: bold;
		margin-bottom: 0px;
		}
.topictable { /* Styles for IE is in style_ie5.css & style_ie6.css */
	width: 100%; border-collapse: collapse;
	border: 1px solid #0B4072;
	margin: 0; padding: 0;
	}
	.topictable td, .achievements td { 
		border-collapse: collapse; 
		margin: 0px; padding: 5px 5px 5px 10px;
		font:Arial, Helvetica, sans-serif;
		}
	.topictable td p, .achievements td p { 
		font-size: 0.9em; color: #000;
		font-weight: normal; line-height: 0px;
		margin: 0; padding: 0;
		}
	.color1 {
		background-color:#0A4A91; font-size: 1.2em;
		color: #FFFFFF; font-weight: bold;
		}
	.color2 {
		background-color:#116393; font-size: 1.2em;
		color: #FFFFFF; font-weight: bold;
		}
	.color3 {
		background-color: #1B929A; font-size: 1.2em;
		color: #FFFFFF; font-weight: bold;
		}
	.color4 {
		background-color: #47A4C5; font-size: 1.2em;
		color: #FFFFFF; font-weight: bold;
		}
	.color5 {
		background-color: #6DA1D0; font-size: 1.2em;
		color: #FFFFFF; font-weight: bold;
		}
	.color6 {
		background-color: #7E84B8; font-size: 1.2em;
		color: #FFFFFF; font-weight: bold;
		}
#main .purple_table {
		width: 35%; border-collapse: collapse;
		border: 1px solid #0B4072;
		margin: 0 20px 0 0; padding: 0;
		}
#main .purple_table td h1 {
		margin:0 0 0px 0; padding: 6px 4px 6px 6px; 
		color:#FFFFFF; font-weight:bold; font-size:1.2em; 
		border-bottom: solid 4px #8AAE26;
		background-color: #394189;
		}
/*  FOOTER SECTION  *****************************************************************************************************/
.footer {
	clear:both; width:100%; font-size:1.0em; padding:1.0em 0 1.0em 0;
	 background:#EAE3FF url(../images/bg_foot.jpg) no-repeat; 
}
	.footer p {
		line-height:1.3em; text-align:center; color:#00195A; 
		font-weight:bold; font-size:1.1em;
		}
	.footer p.credits {
		font-weight:normal;
		}
	.footer p a {
		text-decoration:underline; color:#00195A;
		}
	.footer p a:hover {
		text-decoration:none; color:#84B933;
		}

/******************/
/*  CLEAR FLOATS  */
/******************/
.clear-floats {
	clear:both; width:80%; height:0.1em; border:none; 
	background-color:#BCB5D6; color:#BCB5D6; text-align: center;
}

.clear {
	clear:both; width:100%; height:0em; border:none; 
	overflow: hidden;
}

/* SPACER *****************************************************************************************************************/
#main .spacer {	
	margin-top: 0px; margin-bottom: 0px; font-size: 2px;
}