@charset "utf-8";
/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	height: 100%;
	text-align: left;
	font-size: 12px;
	font-family: "Verdana", arial, sans-serif;
	line-height: 18px;
	color: #111;
	background: url(/images/bg.jpg) top center no-repeat #fff; }

h1 {
	margin: 0 0 20px 0;
	font-family: "Century Gothic";
	font-size: 200%;
	color: #444;
	font-weight: normal; }
	
	h1 span { color: #708e53; }

h2 {
	margin: 0 0 10px 0;
	font-family: "Century Gothic";
	font-size: 170%;
	color: #444;
	font-weight: normal; }

	h2 span { color: #027490; }

h3 {
	margin: 0 0 20px 0;
	font-family: "Century Gothic";
	font-size: 140%;
	color: #444;
	font-weight: normal; }

	h3 span { color: #027490; }
	
a { text-decoration: none; }
a:link, a:visited {
	color: #013e4d;
	text-decoration: none;
	border-bottom: 1px dotted #81becd;
}
a:hover {
	color: #013e4d;
	text-decoration: none;
	border-bottom: 1px solid #013e4d;
}

a img { border: none; }

p { margin-bottom: 12px; }

ul, ol { list-style-position: inside; }


/************* STRUCTURE STYLES ***/
#wrapper { width: 900px; margin: 0 auto; }
	
	
	/*** TOPBAR STYLES ***/
	#topbar {}
		
		#topbar a#logo {
			float: left;
			display: block;
			width: 263px;
			height: 72px;
			border: 0;
			text-decoration: none;
			background: url(/images/logo.jpg) top left no-repeat; }
		
		#topbar ul#nav { float: left; list-style-type: none; }
		
			#topbar ul#nav li { float: left; }
			
				#topbar ul#nav li a:link, #topbar ul#nav li a:visited {
					display: block;
					height: 72px;
					line-height: 72px;
					text-indent: -9999px;
					border: 0;
					text-decoration: none;
				}
			
				#topbar ul#nav li.home a { width: 62px; background: url(/images/nav_01_home.jpg) top left no-repeat; }
				#topbar ul#nav li.aboutus a { width: 73px; background: url(/images/nav_02_aboutus.jpg) top left no-repeat; }
				#topbar ul#nav li.ourprojects a { width: 90px; background: url(/images/nav_03_ourprojects.jpg) top left no-repeat; }
				#topbar ul#nav li.adv a { width: 85px; background: url(/images/nav_04_adv.jpg) top left no-repeat; }
				#topbar ul#nav li.ourteam a { width: 77px; background: url(/images/nav_05_ourteam.jpg) top left no-repeat; }
				#topbar ul#nav li.opportunities a { width: 99px; background: url(/images/nav_06_opportunities.jpg) top left no-repeat; }
				#topbar ul#nav li.news a { width: 54px; background: url(/images/nav_07_news.jpg) top left no-repeat; }
				#topbar ul#nav li.contactus a { width: 97px; background: url(/images/nav_08_contactus.jpg) top left no-repeat; }
				#topbar ul#nav li.spacer a { width: 90px; background: url(/images/nav_00_spacer.jpg) top left no-repeat; }
				
				#topbar ul#nav li.active a, #topbar ul#nav li a:hover { background-position: bottom left; }
				
	
	/*** HEADER STYLES ***/
	#header {
		width: 840px;
		height: 110px;
		padding: 10px 30px 10px 30px;
		font-family: "Century Gothic";
		font-size: 140%;
		line-height: 20px;
		text-align: left;
		color: #fff;
		background: url(/images/header_bg_900x130.jpg) top left no-repeat; }
		
		* html #header { font-size: 120%; }
		
		/*** HEADERTEXT ***/
		#header blockquote {
			float: left;
			width: 400px;
			height: 110px;
			margin: 0; }
	#header a { text-decoration: none; border: none; }
		
	#header2 {
		width: 840px;
		height: 20px;
		padding: 20px 30px 20px 30px;
		font-family: "Century Gothic";
		font-size: 140%;
		line-height: 20px;
		text-align: left;
		color: #fff;
		background: url(/images/header2_bg.jpg) top left no-repeat; }
		
		* html #header { font-size: 120%; }
	
	/*** CONTENTWRAPPER STYLES ***/
	#contentWrapper {
		width: 900px;
		min-height: 300px;
		background: url(/images/content_bg.jpg) top left repeat-x; }
		
		* html #contentWrapper { height: 300px; } /* IE6 FIX */
		
		
		/*** SIDEBAR STYLES ***/
		#sidebar {
			float: left;
			width: 220px;
			min-height: 300px;
			padding: 20px;
			text-align: left;
			background: url(/images/divider.jpg) top right no-repeat; }
			
			* html #sidebar { height: 490px; } /* IE6 FIX */
			
			#sidebar h2 {
				padding: 0 0 0 20px;
				background: url(/images/icon_news.gif) center left no-repeat; }
			
			#sidebar ul { list-style-type: none; list-style-position: outside; margin: 20px 0 0 0; }
			
			#sidebar ul li { margin: 10px 0 0 0; }

		/*** SIDEBAR STYLES ***/
		#investor-sidebar {
			float: left;
			width: 150px;
			min-height: 300px;
			padding: 20px;
			text-align: left;
			background: url(/images/divider.jpg) top right no-repeat; }

			* html #investor-sidebar { height: 490px; } /* IE6 FIX */

			#investor-sidebar h2 { padding: 0 0 0 0px;  }

			#investor-sidebar ul { list-style-type: disc; list-style-position: outside; margin: 20px 0 0 10px; color: #999; }

			#investor-sidebar ul li { margin: 5px 0 0 0; }

		/*** CONTENT STYLES ***/
		#content {
			float: left;
			width: 600px;
			min-height: 360px;
			padding: 20px;
			text-align: justify; }	
		#content p { text-indent: 0px; }

		#content2 {
			float: left;
			min-height: 360px;
			padding: 20px;
			text-align: justify; }	
		#content2 p { text-indent: 0px; }

/***
		#content ul { }
		#content ul li {
			font-size:100%;
			padding: 5px;
		}
		#content ul li span { color: #013e4d; }
***/


		#content-admin ul li {
			padding: 5px 5px 5px 15px;
			font-family: "Century Gothic";
			font-size: 125%;
		}

		#content-opportunity h1,h2,h3 {
			font-family: "Century Gothic";
		}

		#content-news h1 {
			margin: 0 0 10px 0;
			padding: 0 0 5px 0;
			font-family: "Century Gothic";
			font-size: 150%;
			font-weight: bold;
			border-width: 0 0 1px 0;
			border-color: #999999;
			border-style: solid;
		}
		#content-news h2 {
			margin: 20px 0 20px 0;
			font-family: "Century Gothic";
			font-size: 125%;
			font-weight: normal;
			font-style: italic;
			text-align: center;
		}
		#content-news h3 {
			margin: 0 0 10px 0;
			font-family: "Century Gothic";
			font-size: 100%;
			font-weight: normal;
		}

		.content-bio {
			float: left;
			width: 860px;
			padding: 20px;
			text-align: justify;
		}
		.content-bio div.img {
			float: left;
			width: 160px;
			height: 200px;
			padding: 10px;
			background: #ccc;
		}
		.content-bio div.bio {
			float: left;
			width: 660px;
			margin: 0px;
			padding: 10px;
		}
		.content-bio h1 {
			margin: 0 0 10px 0;
			padding: 0 0 5px 0;
			border-width: 0 0 3px 0;
			border-color: #CCCCCC;
			border-style: solid;
		}

#message {
	margin: 0 0 10px 0;
	font-family: "Century Gothic";
	font-size: 170%;
	font-weight: normal;
	color: #708e53;
}
	

/*** FOOTER STYLES ***/
#footer {
	width: 520px;
	height: 55px;
	margin: 0px auto 20px auto;
	padding: 30px 0 0 380px;
	font-size: 9px;
	text-align: left;
	line-height: 14px;
	border-top: 3px solid #c1c1c3;
	background: url(/images/footer_logo.jpg) 150px 5px no-repeat; }
	
	#footer p { margin: 0 0 2px 0; }

#projectlist {
	font-size: 125%;
}
#projectlist h2 {
	margin: 20px 0 10px 0;
	padding: 0;
	text-align: center;
	font-family: "Century Gothic";
	font-size: 125%;
	color: #444;
	font-weight: bold;
}
#projectlist ul {
	float: left;
	width: 600px;
	margin: 0 50px 10px 25px;
	padding: 0;
}
#projectlist ul li {
	float: left;
	width: 200px;
	height: 25px;
	margin: 0;
	padding: 0;
}

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

p.questions {
  margin: 0 0 5px 0;
  padding: 0px;
  font-weight: bold;
  color: #708e53;
}
p.answers {
  margin: 0 0 15px 0;
  padding: 0px;
  color: #027490;
}

/***
label, fieldset div.cr p {
	margin: 0;
	display: block;
	width: 13em;
	text-align: right;
	float: left;
}

fieldset div.cr label {
	text-align: left;
	margin-left: 13em;
	width: auto;
	float: none;
}

fieldset div span {
	display: none;
}
fieldset div:hover span {
	margin-left: 20em;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
}
* html fieldset div span {
	display: block;
}
***/