/*
Screen styles

TOC
- Global
- Structure / columns
- Header / masthead
- Navigation
- Typography
- Home page specific stuff
- Resources & Certification
- Jobs
- Members area
- Footer
- Forms
- Tables
- Miscellaneous
==================================================*/

/*@import url(/css/reset.css);*/





/* =Global -------------------------------------------------------------------*/
body {
	background: #efecdb url(/images/global/bg_body.jpg) repeat-x 0 0;
	font: 12px/1.7em Helvetica, Arial, sans-serif;
	color: #363528;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}

.clearme:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

img {
	border: 0;
}

	img.floatr {
		float: right;
		margin: 1em 0 1em 1.5em;
		padding: 6px;
		border: 1px solid #898d5b;
		background: #e4dfcc;
		position: relative;
	}

	img.floatl {
		float: left;
		margin: 1em 1.5em 1em 0;
		padding: 6px;
		border: 1px solid #898d5b;
		background: #e4dfcc;
	}

	img.float0 {
		padding: 6px;
		border: 1px solid #898d5b;
		background: #e4dfcc;
		margin: 0 auto;
	}

a { outline: none; }

.printonly {
	display: none;
}




/* =Structure / columns -------------------------------------------------------------------*/
#content_660 {
	/*width: 660px;*/
	width: 760px;
	margin: 0 auto;
	display: block;
}

#content_620 {
	/*width: 620px;*/
	width: 720px;
	margin: 0 auto;
	display: block;
	padding: 0 10px;
	position: relative;
}

#content_380 {
	width: 380px;
	margin: 0;
	padding: 0;
	float: left;
}

#content_220 {
	width: 220px;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
}






/* =Header / masthead -------------------------------------------------------------------*/
div.masthead { position: relative; }

h1#logo {
	width: 259px;
	height: 129px;
	margin: 16px auto 0;
	padding: 0;
	display: block;
	background: url(/images/global/bg_logo.jpg) no-repeat;
}

	h1#logo a {
		width: 259px;
		height: 129px;
		display: block;
	}

	h1#logo span {
		display: block;
		text-indent: -9999em;
	}







/* =Navigation -------------------------------------------------------------------*/
#nav-wrap {
	/*width: 660px;*/
	width: 790px;
	display: block;
	/*background: url(/images/global/bg_nav.jpg) no-repeat 0 0;*/
	background: url(/images/global/bg_nav3.jpg) no-repeat 0 0;
	text-align: center;
	margin: 3px 0 3em 0;
}

ul#nav {
	list-style: none;
	margin: 0 auto;
	padding: 4px 0 3px;
	width: 80%;
	font-weight: bold;
	position: relative;
}

	ul#nav li {
		float: left;
		margin: 0 7px;
		padding: 6px;
	}
	
		ul#nav li:hover {
			position: relative;
			z-index: 599;
			cursor: default;
			background: #e3e1cc;
		}
		
			ul#nav li:hover > ul {
				visibility: visible;
				background: #d4d2ba;
			}
	
		ul#nav li ul {
			list-style: none;
			margin: 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 598;
			width: 150px;
			text-align: left;
		}
		
			ul#nav ul li {
				float: none;
				border-top: 1px solid #c7c5aa;
				background: none;
				margin: 0;
				padding: 0;
			}
			
				ul#nav ul li a {
					color: #505138;
					display: block;
					padding: 6px;
				}
				
					ul#nav ul li a:hover {
						color: #fff;
						text-shadow: none;
					}
				
				#nav ul li:hover {
					background: #c7c5aa;
					cursor: pointer;
					color: #fff;
				}
			
			/*ul#nav ul ul {
			 top: 1px;
			 left: 99%;
			}*/

	ul#nav li a { 
		color: #67684a;
		text-decoration: none;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	}

	ul#nav li a:hover {
		color: #558c2e;
	}
	













/* =Typography -------------------------------------------------------------------*/
p a,
ul a,
dl a,
td a,
.accordion div a {
	color: #558c2e;
}

p a:hover,
ul a:hover,
dl a:hover,
td a:hover,
.accordion div a:hover {
	color: #767c49;
}

h1 {
	color: #155619;
	font-weight: normal;
	line-height: 1.1em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

		h1 span {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: .5em;
			font-style: italic;
			color: #67684a;
			display: block;
		}

h2 {
	color: #898d5b;
	font-weight: normal;
	border-bottom: 1px solid #898d5b;
}

		p + h2,
		table + h2 {
			margin-top: 2em;
		}
	
		h2 + table { margin-top: -10px; }
	
		h2.resource-category,
		h2.cert-category {
			background: url(/images/global/info.png) no-repeat left center;
			padding-left: 20px;
		}
	
		h2 small { font-size: .6em; }
		
		h2 small a {
			color: #558c2e;
			font-weight: bold;
		}
		
		h2 small a:hover { color: #898d5b; text-decoration: none; }
		
		#userinfo h2 small,
		#usercompanyinfo h2 small,
		#jobpostings h2 small { float: right; }
		
		h2#notamember { margin-top: 3em; }
	

h3 {
}

	.filterbox h3,
	.filterbox-secondary h3 {
		margin: 0;
	}

	h3 label {
		font-weight: normal;
		padding-left: 1em;
	}


h4 {
}

	h4 a { color: #625619; }
	
		h4 a:hover {
			text-decoration: none;
			color: #626e3d;
		}

h5 {
}

h6 {
}

p#intro,
div#intro {
	font-size: 1.8em;
	line-height: 1.4em;
	color: #7a7749;
	margin-top: 1.5em;
}

		div#intro p { text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }

dl {
	margin: 0;
	padding: 0;
}

	dl dt {
		font-weight: bold;
	}

	dl dd {
		margin: 0 0 1.4em;
	}

p#toolbar {
	font-size: .8em;
	margin: -.5em 0 4em 0;
	line-height: 1em;
}







/* =Home page specific stuff -------------------------------------------------------------------*/
#introboxes {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.introbox {
	/*width: 198px;*/
	width: 231px;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #7a7749;
}

	.introbox.last {
		margin: 0;
	}

	.introbox h2 {
		display: block;
		background: #767c49;
		color: #fff;
		height: 33px;
		margin: 0;
		padding: 0;
		line-height: 33px;
		border-bottom: 1px solid #7a7749;
	}

	.introbox h2 a {
		color: #fff;
	}

	.introbox.homeowners h2 { background: #558c2e url(/images/global/forHomeowners.jpg) no-repeat; }
	.introbox.contractors h2 { background: #898d5b url(/images/global/forContractors.jpg) no-repeat; }
	.introbox.policymakers h2 { background: #bbaa64 url(/images/global/forPolicymakers.jpg) no-repeat; }

	.introbox h2 span {
		display: block;
		text-indent: -9999em;
	}

	.introbox p {
		margin: 6px 6px;
		line-height: 1.2em;
	}

	.introbox p a { font-style: italic; }








/* =Resources & Certification -------------------------------------------------------------------*/
.resource-item + h2,
.cert-item + h2 {
	margin-top: 2em;
}

.resource-item h4,
.cert-item h4 {
	margin-bottom: 0;
}

		.resource-item h4 + p,
		.cert-item h4 + p {
			margin-top: 0;
		}
		
.cert-item { clear: both; margin-bottom: 15px; }
		
		.cert-item img.cert-logo {
			float: left;
			margin: 0 10px 0 0;
/*			border: 1px solid #898d5b;
			background: #e4dfcc;
			padding: 6px;*/
		}







/* =Jobs -------------------------------------------------------------------*/
#jobs {
	margin-top: 2em;
}

		#jobs div.job-description { padding-bottom: 1em; }

		p.postjob { text-align: right; }
		
		p.postjob a {
			top: -20px;
			background: #558c2e;
			padding: 4px 8px;
			font-size: .9em;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
		}
	
		p.postjob a { color: #fff; text-decoration: none; }
		p.postjob a:hover { color: #363528; background: #83b45b; }

#jobpostings {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 18em;
}







/* =Members area -------------------------------------------------------------------*/
#userinfo,
#usercompanyinfo {
	width: 48%;
	float: left;
}

		#usercompanyinfo { float: right; }
		
		#userinfo em {
			font-size: .9em;
			color: #67684a;
		}
		
#memberdocs {
	margin-top: 4em;
}






/* =Footer -------------------------------------------------------------------*/
#footer {
	clear: both;
	margin: 5em 0 2em 0;
	padding: .3em 0 0 0;
	display: block;
	font-size: .8em;
	border-top: 1px solid #b9b8a8;
/*	background: url(/images/global/bg_tree.jpg) no-repeat right top;*/
/*	background: url(/images/global/Oregon-Chapter.png) no-repeat right 5px;*/
	background: none;
	position: relative;
}

	#footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#footer ul li {
		list-style: none;
		display: inline;
		line-height: 1.1em;
		color: #54502e;
		border-left: 1px solid #b9b8a8;
		padding: 0 0 0 .3em;
	}

	#footer ul li.first { border: 0; }

	#footer ul li a {
		text-decoration: none;
		color: #54502e;
	}

	#footer ul li a:hover {
		color: #00854d;
	}

p#copyright {
	color: #827e5e;
	margin-top: .2em;
	line-height: 1.1em;
}

p#credit {
	color: #adaa8e;
	margin-top: 3em;
	line-height: 1.1em;
}

	p#credit a {
		color: #adaa8e;
		text-decoration: none;
	}

	p#credit a:hover {
		color: #718d5a;
	}








/* =Forms -------------------------------------------------------------------*/
form {}

/*		#login { width: 500px; }*/
		
		form p.fieldwrap {
			width: 35%;
			float: left;
			margin: 0;
			line-height: 1em;
		}
		
		form p.submitarea { clear: both; }
		
		form p.submitarea a { font-size: .9em; }

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

		fieldset + p {
			margin: 0;
		}

		fieldset legend {
			margin-bottom: 1.2em;
			padding: 0 0 1em 0;
			font-weight: bold;
			font-size: 1.2em;
		}
		
		fieldset legend.note,
		span.note {
			font-size: 1em;
			font-style: italic;
			color: #67684a;
		}

form label {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
}

		form label span.note { font-size: .9em; }

input.textfield {
	font-family: Helvetica, Arial, sans-serif;
	color: #67684a;
	font-size: 1.2em;
	margin-bottom: 1em;
	border: 1px solid #b9b8a8;
	padding: .25em;
	width: 16em;
}

		#editform input.textfield { width: 16em; }

input.textarea,
.wygwam textarea { font-family: Helvetica, Arial, sans-serif; }

		.wygwam textarea {
			font-size: 1.2em;
			border: 1px solid #b9b8b8;
			padding: .25em;
			width: 30em;
			height: 10em;
		}

input.checkbox {}

input.submit {
	border: 1px solid #b9b8a8;
	padding: .5em 1em;
	font-size: 1em;
	font-family: Helvetica, Arial, sans-serif;
	margin-right: 1.5em;
	background: #e1dbbf;
}

		input.submit:hover {
			cursor: pointer;
			background: #c7e0b8;
			border-color: #558c2e;
		}
		






/* =Tables -------------------------------------------------------------------*/
table {
	border-collapse: collapse;
	table-layout: fixed;
	/*border: 1px solid #67684a;*/
}

tr th {
	background: #558c2e;
	text-align: left;
	color: #fff;
	padding: .5em;
	border-bottom: 1px solid #155619;
}
	
	tr th.col-avatar { width: 10em; }
	tr th.col-name { width: 20em; }
	tr th.col-location { width: 10em; }
	
	tr th.logo,
	tr td.logo {
		width: 200px;
		overflow: hidden;
		padding-right: 1em;
		}
		
		tr td.logo img { display: block; }
		
	tr th.name,
	tr td.name { font-weight: bold; }
	
	tr th.location,
	tr td.location { width: 120px; }
	
	tr th.phone,
	tr td.phone { width: 115px; }
	
	tr th.founding,
	tr td.founding { width: 25px; text-align: right; }

tr td {
	border-bottom: 1px solid #b9b8a8;
	padding: .5em;
}

	tr.even td {
		background: #e5e3d1;
	}
	
	tr td.designation,
	tr td.category {
		text-align: right;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		color: #558c2e;
		width: 10em;
	}
	
		tr td.designation.professional { color: #81684a; }
		
	tr td.category {
		width: auto;
		line-height: 1.1em;
		font-size: 1em;
	}
	
table.individuals tr td {
	vertical-align: top;
	line-height: 1em;
}







/* =Misc -------------------------------------------------------------------*/
.filterbox,
.filterbox-secondary {
	background: #dbd9c7;
	border: 1px solid #b9b8a8;
	padding: 10px 10px;
}

.filterbox-secondary {
	margin-top: 5em;
}

	.filterbox h2,
	.filterbox-secondary h2 { color: #363528; }
	
img.ad {
	border: 1px solid #b9b8a8;
	margin-right: 10px;
}
	img.ad.last { margin: 0; }

/* ____ Accordion _____________________*/
.accordion .ui-accordion-header {
	/*background: #dad7c6;*/
	border-bottom: 1px solid #dfdbd0;
	display: block;
	margin: 0;
	padding: .5em .5em .25em 24px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	line-height: 1em;
	position: relative;
}

.accordion .ui-state-default {
	background: #c9c2ae url(/images/global/accordion-arrowright.png) no-repeat;
}

.accordion .ui-state-active {
	background: #558c2e url(/images/global/accordion-arrowdown.png) no-repeat;
	color: #fff;
}