@charset "UTF-8";
/* CSS Document */

*								{ margin: 0; padding: 0; }
html, body						{ height: 100%; }
body							{ font: 0.69em/1.5em Verdana, Arial, Helvetica, sans-serif; }
a img							{ border: none; }
.clearer						{ clear: both; }
.hidden							{ display: none; }

/*Structural Styles*/
#wrap							{ width: 100%; height: auto; min-height: 100%; height: 100% !important; ove//rflow: auto; }
.header							{ text-align: right; padding: 30px 45px 0 0; width: 950px; }

/*Text Styles*/
p								{ margin: 0 0 .83em 0; }

/*Main Site
---------------------*/
/*Structural Styles*/
body.main						{ color: #666; background: #d2dccd url(../images/shared/backgrounds/bg.gif) 0 0 repeat-y; }
body.main #wrap					{ background:url(../images/shared/backgrounds/bg-image.gif) 0 0 no-repeat; }
.section						{ width: 480px; }
#page0,
#page1,
#page2,
#page3,
#page4,
#page5,
#page6							{ padding: 0 5px;  }

#content0,
#content1,
#content2,
#content3,
#content4,
#content5,
#content6						{ bor//der: 1px solid red; }

/*Header*/
.header h1						{ float: right; width: 188px; height: 40px; cursor: pointer; }

#content						{ margin: 0; padding: 0; }

/*Text Styles*/
/*graphical heading*/
body.main h3					{ font: bold 2.91em/normal Georgia, "Times New Roman", Times, serif; margin-bottom: 20px; }
.subcontent p,
.subcontent ul,
.subcontent ol					{ margin: 0 0 1.5em 0; }
.subcontent li					{ margin-left: 2em; padding-left: 0; list-style-image: url(../images/shared/misc/bullet.gif); }
p.introduction					{ color: #6d8d5b; font-size: 1.18em; line-height:normal; }

.subcontent a:link,
.subcontent a:visited			{ color: #81cf55; border-bottom: 1px dotted #81cf55; padding-bottom: 2px; text-decoration: none; }
.subcontent a:active			{ color: #000; }
.subcontent a:active			{ background: #d7ceb9; color: #c87b3f; }

.subcontent a:img				{ border: none; text-decoration: none; }

/*2 column list*/
ul.twocolumn					{ overflow: auto; }
.twocolumn li					{ float: left; width: 190px; list-style: none; list-style-image: none; margin: 0 10px 0 0; padding: 2px 0; }

.source							{ font-size: 0.9em; color: #afb0af; font-style:italic; }
.source h5						{ color: #afb0af; font-size: 1.1em; }
.source li						{ list-style-image: none; }


/*Main Menu*/
h2								{ font-weight: normal; font-size: 1.1em; white-space: normal; text-transform:lowercase; color: #000; }					
h2.over							{ cursor: pointer; background: #5fc624; width: 90px; }
h2.out							{ background: none;  width: 90px;}
h2.click						{ background: #eae2a3;width: 90px; }

/*Submenu*/
ul.subNav						{ margin-bottom: 15px; }
ul.subNav li					{ list-style-image:url(../images/shared/misc/bullet-menu.gif); list-style-position: outside; margin-left: 1.5em; padding-left: 0; line-height: 15px; }
ul.subNav li a					{ text-decoration: none; font-weight: bold; border: none; text-transform:lowercase; }
ul.subNav li a:link				{ co//lor: #6d8d5b; }
ul.subNav li a:hover			{ color: #000; }
ul.subNav li a:active			{ background: #d7ceb9; color: #c87b3f; }

a.subNavOut						{ color: #6d8d5b; }
a.subNavDown					{ color: #000; }

/*Dynamic Styling for Content Pages*/
/*This is used on page id*/
.container,					
.inactive,
.active							{ position: absolute; top: 0px; width: 100px; z-index: 1;  }
.container,
.inactive						{ border-left: 1px solid #6d8d5b; z-index: 1; }	
.inactive h2					{ color: #000 }
.active							{ border-left: 1px solid #FFF; z-index: 9999; }
.active h2						{ color: #FFF; }

/*used on content id*/
.inactive .section				{ display: none; }
.active .section				{ display: block; }

.active .subsection				{ flo//at: left; position: absolute; top: 0; left: 0; z-i//ndex: 9999; width: 400px; bor//der: 1px solid yellow; }	
.inactive .subsection			{ display: none; }
.active .subcontent,
.inactive .subcontent			{ position: absolute; top: 130px; left: -700px; padding: 0 10px 0 720px; m//argin-top: 130px; width: 460px; mar//gin-left: 530px; bor//der: 1px solid green; ove//rflow: auto; }
.active .subcontent	.subsection	{ f//loat: left; width: 530px; margi//n-top: 130px; le//ft:-530px;  }
/*
.home							{ height: 870px; }
.history						{ height: 604px; }
.technology						{ height: 800px; }
.commercial						{ height: 555px; }
.contactus						{ height: 550px; }
*/

.subcontent a						{ font: 1em/normal Georgia, "Times New Roman", Times, serif; padding: 2px; border-bottom: 1px dotted #5fc624; color: #5fc624; }
.subcontent a:hover					{ background: #cdd8c7; }
.subcontent a:active				{ color: #c87b3f; background: #dcd1bd; }

/*.home,
.history,
.technology,
.commercial,
.contactus						{ height: 1020px; }

.contactus						{ height: 600px; }
.commercial						{ height: 600px; }
body.commercial					{ height: 850px; }
*/
				
.footer							{ color: #b1c2a8; width: 200px; }
.active p.footer,
.inactive p.footer				{ pos//ition: absolute; bott//om: 20px; }
.active p.footer				{ display: block; }
.inactive p.footer				{ display: none; }							


/*Main Image per Section*/
body.main .subsection img		{ margin-bottom: 10px; }

/*Content*/
.section,
.hidden,
.visible 						{ width: 400px; }
.visible						{ display: block; }
.hidden							{ display: none; }

/*Main Menu*/


/*Specific Styles*/
/*Home*/
#content0 h3					{ font-size: 5.4em; color: #6d8d5b; }
#content0 h3 span				{ color: #000; }

/*History*/
#content1 h3					{ color: #C87B3F; }
#content1 p.introduction		{ color: #aa7c52;}
#content1 #management			{ background: #000; font: normal 1.1em/1.6em Georgia, "Times New Roman", Times, serif; width: 400px; }
p#team-introduction				{ background: #666; color: #000; text-align: center; margin: 10px; padding: 5px; }	
#management ul					{ }
#management li					{ list-style: none; color: #c87b3f; padding: 10px; margin: 0; border-bottom: 2px solid #E2E8DE;  }
#management li#last				{ border: none;}	
#management strong				{ display: block; color: #FFF;  }		
#management strong a			{ padding-bottom: 3px; border-bottom: 1px dotted #FFF; color: #FFF; }		


/*Technology*/
#content2 h3					{ color: #8299B5; }
#content2 p.introduction,
#content2 h4					{ color: #8299b5; }

#content2 table					{ font-size: 0.9em; width: 100%; margin-bottom: 1.5em; }
#content2 table caption			{ font-size: 1.3em; font-weight: bold; text-align: left; color: #8299b5;}
#content2 table td				{ padding: 5px 3px; text-align: left; line-height: normal; }	
#content2 table	tr.th			{ color: #000; background: none; text-align:left; line-height: normal; }
#content2 table tbody td		{ background: #e1e7ea; }	
#content2 table .td-alt			{ background: #d2dae0; }	
#content2 table tr.tr-alt		{ background: #e2e8e3; }	
#content2 table tr.tr-alt td	{ background: #d4dddf; }
#content2 table tr.tr-alt td.td-alt	{ background: #c7d2d8; }		 
#content2 table tbody td.plain	{ background: none; }
#content2 table tbody td.plain-alt	{ background: #e7ece8; }

#content2 strong,
#content2 em					{ color: #667f9d; }

p#downloadPDF 					{ width: 400px; }
p#downloadPDF a					{ border: none; margin: 0; }


/*Potential Commercial Applications*/
#content3 h3					{ color: #8299B5; }
#content3 p.introduction,
#content3 h4					{ color: #8299b5; }


/*Contact Us*/
#content4 p.introduction,
#content4 h4					{ color: #6d8d5b; }
#content4 h3 a					{ color: #8299B5; text-decoration:none; border:none;}
#content5 h3					{ color: #8299B5; }
#content5 h4					{ color: #6d8d5b; font-size:1.2em;padding-top:2px;}
.superscript					{ vertical-align:super; font-size: 0.75em; padding: 0 2px; }
