/* 
Structural Elements
-- These are common elements that deal with overall page layout
=============================================================================================
*/

* {
	margin: 0;
	padding: 0;
	scrollbar-base-color: #0F0F0F;
	scrollbar-arrow-color: #1D9788;
}
body {
	font: 12px arial, helvetica, sans-serif;
	background: #000;
	width: 100%;
}

#wrapper {
	width: 1024px;
	margin: 0 auto 0 auto;
	display: block;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}

hr, #hiddennav {
	display: none;
}

/* 
Page Header
-- These styles specifically deal with the top of the page
=============================================================================================
*/
#pageheader {
	margin-top: 10px;
	display: block;
	height: 81px;
	background: url("../images/top_bar_tile.jpg") repeat-x;
}
#pageheader h1, #pageheader h2 {
	display: none;
}

#headerlogo {
	display: block;
	width: 364px;
	height: 81px;
	background: url("../images/noah_logo.jpg") no-repeat;
	float: left;
}

#topnav {
float: left;
height: 21px;
width: px;
margin-top: 32px;
margin-left: 310px;
}
	#topnav ul {
	list-style-type: none;
	}
	#topnav li.first {
	float: left;
	background: url('') top left no-repeat;
	}
	#topnav li {
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	background: url('../images/topnav_breaker.jpg') top left no-repeat;
	}
	#topnav a {
	font: 10px arial, helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	}
	#topnav a:hover {
	color: #1D9788;
	}
	#topnav a.on {
	font: 10px arial, helvetica, sans-serif;
	color: #1D9788;
	text-decoration: none;
	text-transform: uppercase;
	}


/* 
Body Segments (Left, Middle, Right)
-- These are the primary segments of the main content area
=============================================================================================
*/
#middlebody {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_spinningstars.jpg") no-repeat #152329;
}
#middlebody_intention {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_foggyforest.jpg") no-repeat #152329;
}
#middlebody_description {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_fierybeach.jpg") no-repeat #152329;
}
#middlebody_proposition {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_mistylake.jpg") no-repeat #152329;
}
#middlebody_organisation {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_rockyslope.jpg") no-repeat #152329;
}
#middlebody_contribution {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_valleymist.jpg") no-repeat #152329;
}
#middlebody_downloads {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_rockyslope.jpg") no-repeat #152329;
}
#middlebody_contact {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_lakeplacid.jpg") no-repeat #152329;
}
#middlebody_disclaimer {
	display: block;
	height: 526px;
	width: 1024px;
	background: url("../images/bg_lakeplacid.jpg") no-repeat #152329;
}

.maincontentbody {
	display: block;
	width: 830px;
	height: 450px;
	float: left;
	margin-top: 10px;
}
.opaquebox {
	position: absolute;
	width: 830px;
	height: 450px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	filter: alpha(opacity=55);
	opacity:0.55;
	background: #000;
}
.opaquebox_1column {
	position: absolute;
	width: 270px;
	height: 450px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	filter: alpha(opacity=55);
	opacity:0.55;
	background: #000;
}
.opaquebox_1columnscroll {
	position: absolute;
	width: 287px;
	height: 450px;
	overflow: hidden;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	filter: alpha(opacity=55);
	opacity:0.55;
	background: #000;
}
.opaquebox_2column {
	position: absolute;
	width: 545px;
	height: 450px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	filter: alpha(opacity=55);
	opacity:0.55;
	background: #000;
}
.opaquebox_3column {
	position: absolute;
	width: 830px;
	height: 450px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	filter: alpha(opacity=55);
	opacity:0.55;
	background: #000;
}
div.content_scroller {
	width: 800px;
	height: 400px;
	overflow: auto;
	display: block;
	position: relative;
}
.opaquebox_services {
	position: absolute;
	width: 830px;
	height: 456px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
	filter: alpha(opacity=55);
	opacity:0.55;
	background: #000;
}

.opaquehomebox {
	position: absolute;
	margin-top: 380px;
	margin-left: 100px;
	width: 812px;
	height: 112px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	filter: alpha(opacity=35);
	opacity:0.35;
	background: #000;
}
.hometext p {
	position: absolute;
	display: block;
	margin-top: 380px;
	margin-left: 100px;
	padding: 35px;
	width: 760px;
	height: 60px;
	color: #FFF;
	font-size: 45px;
	line-height: 25px;
	text-align: center;
	border: 0;
	font-family: verdana;
	font-weight: normal;
}

/* 
Body Styles
-- These are all the styles relating to the main content area
=============================================================================================
*/
#contextmenu {
	display: block;
	margin: 10px 1px 0 10px;
	width: 170px;
	float: left;
	background: url("../images/side_menu_top.jpg") top repeat-x;
}
#contextmenu h2 {
	width: 150px;
	height: 37px;
	padding-top: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	font-size: 8pt;
	color: #3BAFB1;
}
#contextmenu ul {
	width: 170px;
	list-style-type: none;
	background: #071417;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity:0.7;
	padding-bottom: 50px;
}
#contextmenu li {
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 13px;
}
#contextmenu li.research {
	padding-left: 20px;
	padding-top: 10px;
	margin-bottom: 13px;
}
#contextmenu li a {
	color: #3BAFB1;
	font-size: 9pt;
	font-style: italic;
	text-decoration: none;
}
#contextmenu li a:hover, #contextmenu li a.on {
	color: #FFF;
}
#contextmenu ul.menuoff {
display: none;
}
#contextmenu ul.menuon {
display: block;
padding-bottom: 0;
}
#contextmenu ul ul {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
	}
#contextmenu ul ul.menuon {
	width: 150px;
	}
#contextmenu ul.menuon li {
margin-bottom: 0;
}
	#contextmenu ul #researchdropmenu {
	width: 150px;
	padding-bottom: 0;
	}
	#contextmenu ul #researchdropmenu li {
	margin-bottom: 0;
	padding-bottom: 0;
	}
#contextmenu li.copylink {
	color: #FFFFFF;
	font-size: 9pt;
	font-style: italic;
	text-decoration: none;
}

.textcontent {
	padding: 15px;
}
.textcontent_services {
	padding: 0;
}
.textcontent h2 {
	position: relative;
	color: #3BAFB1;
	font-size: 110%;
	font-weight: strong;
	font-style: italic;
	margin-bottom: 5px;
}
	.textcontent p.specialheading {
		position: relative;
		color: #FFF;
		font-size: 110%;
		font-weight: bold;
		font-style: italic;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.textcontent a.researchlink {
		position: relative;
		display: block;
		color: #FFF;
		font-size: 100%;
		font-weight: normal;
		margin: 0 0 10px 15px;
		padding: 0;
		line-height: 100%;
	}
	.textcontent hr {
		margin: 20px 0 10px 0;
	}
	.textcontent span.specialheading {
		position: relative;
		color: #FFF;
		font-size: 110%;
		font-weight: bold;
		font-style: italic;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.textcontent span.h2color {
		position: relative;
		color: #3BAFB1;
		font-size: 110%;
		font-weight: strong;
		font-style: italic;
	}
	.textcontent span.subcatheading {
		position: relative;
		display: block;
		color: #3BAFB1;
		font-size: 110%;
		font-weight: bold;
		font-style: italic;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.textcontent span.h2color_regular {
		position: relative;
		color: #3BAFB1;
		font-size: 100%;
		font-weight: normal;
		font-style: italic;
	}
.textcontent stong {
	position: relative;
	color: #FFF;
	font-size: 110%;
	font-weight: strong;
	margin-bottom: 10px;
}
.textcontent p {
	position: relative;
	color: #FFF;
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 10px;
}
.textcontent p.nomargin_bottom {
	position: relative;
	color: #FFF;
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 0;
}
.textcontent hr {
display: block;
height: 1px;
color: #FFF;
}
span.fullwidth_padded {
	position: relative;
	width: 800px;
	height: 450px;
	float: left;
}
span.fullwidth {
	position: relative;
	width: 830px;
	height: 450px;
	float: left;
}
span.column1 {
	position: relative;
	width: 240px;
	height: 400px;
	float: left;
	padding-right: 15px;
	margin-right: 3px;
	border-right: 1px solid #777;
}
span.column1_only {
	position: relative;
	width: 240px;
	height: 400px;
	float: left;
	padding-right: 15px;
	margin-right: 3px;
}

span.column1_onlyscroll {
	position: relative;
	width: 257px;
	height: 400px;
	overflow: auto;
	float: left;
	padding-right: 15px;
	margin-right: 3px;
}


span.column2 {
	position: relative;
	width: 240px;
	height: 400px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 3px;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}
span.column2_only {
	position: relative;
	width: 240px;
	height: 400px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 3px;
	border-left: 1px solid #777;
}

span.column3 {
	position: relative;
	width: 240px;
	height: 400px;
	float: left;
	padding-left: 15px;
	border-left: 1px solid #777;
}


.maincontentbody ul {
	list-style: none;
}
.maincontentbody li {
	padding-left: 15px;
	padding-bottom: 5px;
	color: #FFF;
	font-size: 90%;
	background: url("../images/bullet.gif") top left no-repeat;

}
.maincontentbody a {
	color: #3BAFB1;
}

#extralink {
	float: right;
	padding: 5px 10px 5px 10px;
	display: block;
	background: #0F0F0F;
	margin-right: 13px;
}
#extralink a {
	display: block;
	color: #3BAFB1;
	font-style: italic;
	text-decoration: none;
	font-size: 90%;
}
#extralink p {
	display: block;
	float: left;
	color: #3BAFB1;
	font-style: italic;
	text-decoration: none;
	font-size: 90%;
	padding-top: 3px;
}

/* 
extralink div arrows
*/
#extralink a.pgarrowL {
	display: block;
	float: left;
	width: 8px;
	height: 18px;
	margin-right: 15px;
	background: url('../images/pgarrowl.gif') center left no-repeat;
}
#extralink a.pgarrowR {
	display: block;
	float: left;
	width: 8px;
	height: 18px;
	margin-left: 15px;
	background: url('../images/pgarrowr.gif') center left no-repeat;
}
#extralink span.blank {
	display: block;
	float: left;
	width: 8px;
	height: 18px;
	margin-left: 15px;
	background: #0F0F0F;
}



/* 
Footer Styles
-- These styles deal with the footer and the footer navigation
=============================================================================================
*/

#footer {
	margin-bottom: 20px;
	height: 82px;
	background: url("../images/foot_bar_tile.jpg") repeat-x;
}


/* 
Navigation Elements
-- These styles are for the main menu bar across the bottom
=============================================================================================
*/

#navigation {
	width: 1024px;
	height: 82px;
}

#navigation ul {
	margin-left: auto;
	margin-right: auto;
	width: 815px;
	height: 82px;
	list-style-type: none;
}
#navigation li {
	float: left;
	display: block;
}
#navigation li a {
	display: block;
	height: 46px;
	width: 163px;
	color: #1D9788;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	font-size: 8pt;
	text-align: center;
	padding-top: 36px;
}
#navigation li {
	background: url("../images/nav_back.jpg") top left no-repeat;
}
#navigation li:hover, #navigation li.on {
	background: url("../images/nav_back.jpg") bottom left no-repeat;
}


/*
Contact page Elements
-- These refer to the contact page specfically
===============================================================================================
*/

#contactform {
	position: relative;
	width: 513px;
	height: 400px;
	float: left;
	padding-right: 15px;
	margin-right: 3px;
	border-right: 1px solid #777;
}
#contactform #nte {
	position: relative;
	width: 226px;
	height: 165px;
	float: left;
	padding-right: 15px;
	margin-right: 3px;
}
#contactform #com {
	position: relative;
	width: 226px;
	height: 165px;
	float: left;
	padding-right: 15px;
	margin-right: 3px;
}
#contactform p {
margin: 0 0 14px 0;
padding: 0;
line-height: 200%;
color: #1A8A7B;
}
#contactform input {
width: 224px;
border: 1px solid #3C4448;
background-color: #0E171A;
color: #FFF;
}
#contactform input.contactbutton {
float: right;
width: 83px;
border: 0;
background-color: #000;
color: #1A8A7B;
}
#contactform textarea {
width: 224px;
height: 127px;
border: 1px solid #3C4448;
background-color: #0E171A;
color: #FFF;
overflow: hidden;
}
#contactdetails {
	position: relative;
	width: 240px;
	height: 400px;
	float: left;
	padding-left: 15px;
	border-left: 1px solid #777;
}
#contactdetails p {
margin: 0 0 14px 0;
padding: 0;
color: #FFF;
}
#contactdetails #mapbutton {
padding: 25px;
background-color: #000;
}
#contactdetails #mapbutton p, #contactdetails #mapbutton a {
display: block;
margin: 0;
padding: 0;
color: #1A8A7B;
text-decoration: none;
}

/*
Services table formatting 
*/

.textcontent_services table {
border-collapse: collapse;
}
tr#row1 {
}
#services td.col1 {
width: 200px;
padding: 5px;
border-right: 1px solid #1A8A7B;
border-bottom: 1px solid #1A8A7B;
vertical-align: top;
}
#services td.col2 {
width: 300px;
padding: 5px;
border-right: 1px solid #1A8A7B;
border-bottom: 1px solid #1A8A7B;
vertical-align: top;
}
#services td.right {
width: 330px;
padding: 5px;
border-right: 0;
border-bottom: 1px solid #1A8A7B;
vertical-align: top;
}
#services td.col1bottom {
width: 200px;
padding: 5px;
border-right: 1px solid #1A8A7B;
border-bottom: 0;
vertical-align: top;
}
#services td.col2bottom {
width: 300px;
padding: 5px;
border-right: 1px solid #1A8A7B;
border-bottom: 0;
vertical-align: top;
}
#services td.bottomright {
width: 330px;
padding: 5px;
border-right: 0;
border-bottom: 0;
vertical-align: top;
}

.textcontent_services {
	padding: 0;
}
.textcontent_services h2 {
	position: relative;
	color: #3BAFB1;
	font-size: 110%;
	font-weight: strong;
	font-style: italic;
}
	.textcontent_services p.specialheading {
		position: relative;
		color: #FFF;
		font-size: 110%;
		font-weight: bold;
		font-style: italic;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.textcontent_services span.specialheading {
		position: relative;
		color: #FFF;
		font-size: 110%;
		font-weight: bold;
		font-style: italic;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.textcontent_services span.h2color {
		position: relative;
		color: #3BAFB1;
		font-size: 110%;
		font-weight: strong;
		font-style: italic;
	}
	.textcontent_services span.h2color_regular {
		position: relative;
		color: #3BAFB1;
		font-size: 100%;
		font-weight: normal;
		font-style: italic;
	}
.textcontent_services stong {
	position: relative;
	color: #FFF;
	font-size: 110%;
	font-weight: strong;
	margin-bottom: 10px;
}
.textcontent_services p {
	position: relative;
	color: #FFF;
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 10px;
}
.textcontent_services p.nomargin_bottom {
	position: relative;
	color: #FFF;
	font-size: 90%;
	line-height: 150%;
	margin-bottom: 0;
}
.textcontent_services hr {
display: block;
height: 1px;
color: #FFF;
}