/* ----------------------------------------------
 Basic Formatting
---------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #e8e4cd url(../images/layout/full_bkg.gif) repeat-x;
}

body, td, p, a {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #505738;
	line-height: 1.3em;
}

h1{
	margin: 10px 0 15px 0;
	color: #fff;
	clear: both;
	font: 24px Arial, Helvetica, sans-serif
}
h2{
	color:#505738;
	font-size: 113%;
	margin:0 0 3px 0;
	clear: both;
}

h2.projects{
	color:#505738;
	font-size: 113%;
	margin:0 0 3px 0;
	clear: both;
	padding: 3px;
	background: #9CA18A;
}

h3{
	color:#505738;
	font-size: 125%;
	margin:0 0 5px 0;
}

h3.resources{
	color:#505738;
	font-size: 125%;
	margin:0 0 5px 0;
	padding: 3px;
	background: #9CA18A;
}

ul.square {
	list-style-type: square;
	margin: 0 0 19px 25px;
	padding: 0;
}
	
li.square {
	margin: 3px 0 0 0;
	padding: 0;
}

p{margin:0 0 20px}

table {
	margin: 0;
	padding: 0;
}

em.bold {
	font-weight: bold;
}

a:link {
	color: #AFB49C;
	text-decoration: none;
}

a:visited {
	color: #B1C175;
	text-decoration: none;
}

a:hover {
	color: #DBDECD;
	text-decoration: none;
}

img {
	border: none;
}

img.projects {
	border: 1px solid #727663;
	margin: 0 10px 25px 0;
	padding: 0;
	float: left;
}

.hide {
	display: none;
}

/* ----------------------------------------------
 Home Page Structure
---------------------------------------------- */

#container {
	position: relative;
	display: block;
	margin-top: 56px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0 0 19px;
	width: 762px;
	height: 417px;
	text-align: left;
	background: url(../images/layout/home_bkg.jpg) no-repeat;
}

#main-column {
	position: relative;
	display: block;
	margin: 0 0 2px 0;
	width: 371px;
	height: 346px;
	float: left;
}

	#main-column #main-image {
	position: relative;
	display: block;
		margin: 0 auto;
		width: 371px;
		height: 324px;
		background: url(../images/photos/big_front_image.jpg) no-repeat;
	}
	
	#main-column #color-bar2 {
	position: relative;
	display: block;
		margin: 2px 0 0 0;
		width: 371px;
		height: 20px;
		background: url(../images/layout/green_bar.jpg) no-repeat;
	}

#sub-column {
	position: relative;
	display: block;
	margin: 0 0 2px 2px;
	width: 371px;
	height: 346px;
	float: left;
}

	#sub-column #nature-image {
		margin: 0 0 2px 0;
		width: 142px;
		height: 187px;
		float: left;
		background: url(../images/photos/nature_front_image.jpg) no-repeat;
	}
	
	#sub-column #material-image {
		margin: 0 0 2px 2px;
		width: 225px;
		height: 185px;
		float: left;
		border: 1px solid #727663;
		background: url(../images/photos/material_front_image.jpg) no-repeat;
	}
	
	#sub-column #color-bar {
		position: relative;
		display: block;
		clear: both;
		margin: 0 auto;
		width: 371px;
		height: 40px;
		background: url(../images/layout/orange_bar.jpg) no-repeat;
	}
	
	#sub-column #color-bar #mission {
		position: relative;
		display: block;
		padding: 5px 4px 4px 8px;
		width: 363px;
		height: 32px;
			font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
			text-align: left;
			font-size: 11px;
			color: #C69373;
			line-height: 1.3em;
	}
	
	#sub-column #building-image {
		position: relative;
		display: block;
		margin: 2px 0 0 0;
		width: 369px;
		height: 113px;
		border: 1px solid #727663;
		background: url(../images/photos/building_front_image.jpg) no-repeat;
	}

#nav-wrapper {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 25px 0;
	width: 744px;
	height: 46px;
	text-align: left;
}


#nav {
	position: relative;
	display: block;
	width: 715px;
	height: 45px;
	margin: 0 0 0 24px;
}
	#nav h1, #nav p {
		display: none;
		}
	
	#nav span {
		display: none;
	}
	
	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#nav li {
		float: left;
		margin: 0;
		padding: 0;
		height: 45px;
	}
	
	#n1 a, #n2 a, #n3 a, #n4 a, #n5 a, #n6 a, #n7 a {
		display: block;
		height: 45px;
	}
	
	#n1 {
		width: 97px;
		background: url(../images/navigation/about_off.jpg) 0 0 no-repeat;
	}
	
	#n2 {
		width: 80px;
		background: url(../images/navigation/education_off.jpg) 0 0 no-repeat;
	}

	#n3 {
		width: 81px;
		background: url(../images/navigation/strategies_off.jpg) 0 0 no-repeat;
	}
	
	#n4 {
		width: 80px;
		background: url(../images/navigation/resources_off.jpg) 0 0 no-repeat;
	}
	
	#n5 {
		width: 68px;
		background: url(../images/navigation/projects_off.jpg) 0 0 no-repeat;
	}
	
	#n6 {
		width: 68px;
		background: url(../images/navigation/contact_off.jpg) 0 0 no-repeat;
	}
	
	#n7 {
		width: 238px;
		background: url(../images/navigation/vision_off.jpg) 152px 9px no-repeat;
	}
	#n1 a:hover {
		background: transparent url(../images/navigation/about_on.jpg) 0 0 no-repeat;
	}
	#n2 a:hover {
		background: transparent url(../images/navigation/education_on.jpg) 0 0 no-repeat;
	}

	#n3 a:hover {
		background: transparent url(../images/navigation/strategies_on.jpg) 0 0 no-repeat;
	}
	#n4 a:hover {
		background: transparent url(../images/navigation/resources_on.jpg) 0 0 no-repeat;
	}
	#n5 a:hover {
		background: transparent url(../images/navigation/projects_on.jpg) 0 0 no-repeat;
	}
	#n6 a:hover {
		background: transparent url(../images/navigation/contact_on.jpg) 0 0 no-repeat;
	}
	#n7 a:hover {
		background: transparent url(../images/navigation/vision_on.jpg) 50px 8px no-repeat;
	}


/* ----------------------------------------------
 Interior Page Structure
---------------------------------------------- */

#content-wrapper {
	position: relative;
	display: block;
	margin: 0 0 2px 0;
	width: 515px;
	height: 346px;
	float: left;
}

	#content-wrapper #head-about {
		position: relative;
		display: block;
		margin: 0 0 2px 0;
		width: 515px;
		height: 49px;
		background: url(../images/titles/title_about.jpg) no-repeat;
	}

	#content-wrapper #head-education {
		position: relative;
		display: block;
		margin: 0 0 2px 0;
		width: 515px;
		height: 49px;
		background: url(../images/titles/title_education.jpg) no-repeat;
	}

	#content-wrapper #head-strategies {
		position: relative;
		display: block;
		margin: 0 0 2px 0;
		width: 515px;
		height: 49px;
		background: url(../images/titles/title_strategies.jpg) no-repeat;
	}

	#content-wrapper #head-resources {
		position: relative;
		display: block;
		margin: 0 0 2px 0;
		width: 515px;
		height: 49px;
		background: url(../images/titles/title_resources.jpg) no-repeat;
	}

	#content-wrapper #head-projects {
		position: relative;
		display: block;
		margin: 0 0 2px 0;
		width: 515px;
		height: 49px;
		background: url(../images/titles/title_projects.jpg) no-repeat;
	}

	#content-wrapper #head-contact {
		position: relative;
		display: block;
		margin: 0 0 2px 0;
		width: 515px;
		height: 49px;
		background: url(../images/titles/title_contact.jpg) no-repeat;
	}
	
	#content-wrapper #sub-nav {
		position: relative;
		display: block;
		margin: 0 0 2px 0;
		width: 515px;
		height: 20px;
		background: #696F52 url(../images/layout/subnav_bar.gif);
	}
	
	#content-wrapper #sub-nav #sub-links {
		position: relative;
		display: block;
		margin: 2px 0 0 8px;
		width: 500px;
		height: 13px;
			font-family: verdana, sans-serif;
			font-size: 11px;
			color: #AFB49C;
			line-height: 1.3em;
	}
	
		#content-wrapper #sub-nav #sub-links ul {
			margin-left: 0;
			padding-left: 0;
			display: inline;
		} 
	
		#content-wrapper #sub-nav #sub-links ul li {
			margin-left: 0;
			padding: 3px 15px;
			border-left: 1px solid #282D17;
			list-style: none;
			display: inline;
		}
				
		#content-wrapper #sub-nav #sub-links ul li.first {
			margin-left: 0;
			border-left: none;
			list-style: none;
			display: inline;
		}

	#content-wrapper #body {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 515px;
		height: 251px;
		background: #8E9477 url(../images/layout/body_bkg.gif);
	}

	#content-wrapper #body #scroll {
		position: relative;
		display: block;
		width: 497px;
		height: 233px;
		overflow: auto;
		padding: 8px;
		border: 1px solid #727663;
			/* IEWin only */
			scrollbar-track-color: #9CA18A;
			scrollbar-face-color: #B7BCA7;
			scrollbar-darkshadow-color: #9CA18A;
			scrollbar-shadow-color: #B7BCA7;
			scrollbar-3dlight-color: #9CA18A;
			scrollbar-highlight-color: #B7BCA7;
			scrollbar-arrow-color: #E8E4CD;
	}
	
	#content-wrapper #color-bar2 {
		position: relative;
		display: block;
		margin: 2px 0 0 0;
		width: 515px;
		height: 20px;
		background: url(../images/layout/green_bar.jpg);
	}

#image-wrapper {
	position: relative;
	display: block;
	margin: 0 0 0 2px;
	width: 227px;
	height: 346px;
	float: left;
}
	
	#image-wrapper #interior-about1 {
		margin: 0 0 2px 0;
		width: 227px;
		height: 187px;
		float: left;
		background: url(../images/photos/interior_front_image9.jpg) no-repeat;
	}
	
	#image-wrapper #interior-education1 {
		margin: 0 0 2px 0;
		width: 227px;
		height: 187px;
		float: left;
		background: url(../images/photos/interior_front_image14.jpg) no-repeat;
	}
	
	#image-wrapper #interior-strategies1 {
		margin: 0 0 2px 0;
		width: 227px;
		height: 187px;
		float: left;
		background: url(../images/photos/interior_front_image16.jpg) no-repeat;
	}
	
	#image-wrapper #interior-resources1 {
		margin: 0 0 2px 0;
		width: 227px;
		height: 187px;
		float: left;
		background: url(../images/photos/interior_front_image12.jpg) no-repeat;
	}
	
	#image-wrapper #interior-projects1 {
		margin: 0 0 2px 0;
		width: 227px;
		height: 187px;
		float: left;
		background: url(../images/photos/interior_front_image3.jpg) no-repeat;
	}
	
	#image-wrapper #interior-contact1 {
		margin: 0 0 2px 0;
		width: 227px;
		height: 187px;
		float: left;
		background: url(../images/photos/interior_front_image18.jpg) no-repeat;
	}
	
	#image-wrapper #color-bar-about {
		position: relative;
		display: block;
		clear: both;
		margin: 0 0 2px 0;
		width: 227px;
		height: 40px;
		background: #5C4E3D url(../images/layout/about_bar.jpg);
	}
	
	#image-wrapper #color-bar-education {
		position: relative;
		display: block;
		clear: both;
		margin: 0 0 2px 0;
		width: 227px;
		height: 40px;
		background: #512E23 url(../images/layout/education_bar.jpg);
	}
	
	#image-wrapper #color-bar-strategies {
		position: relative;
		display: block;
		clear: both;
		margin: 0 0 2px 0;
		width: 227px;
		height: 40px;
		background: #272D41 url(../images/layout/strategies_bar.jpg);
	}
	
	#image-wrapper #color-bar-resources {
		position: relative;
		display: block;
		clear: both;
		margin: 0 0 2px 0;
		width: 227px;
		height: 40px;
		background: #83481E url(../images/layout/resources_bar.jpg);
	}
	
	#image-wrapper #color-bar-projects {
		position: relative;
		display: block;
		clear: both;
		margin: 0 0 2px 0;
		width: 227px;
		height: 40px;
		background: #45514D url(../images/layout/projects_bar.jpg);
	}
	
	#image-wrapper #color-bar-contact {
		position: relative;
		display: block;
		clear: both;
		margin: 0 0 2px 0;
		width: 227px;
		height: 40px;
		background: #A34218 url(../images/layout/orange_bar.jpg);
	}
	
	#image-wrapper #interior-about2 {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 225px;
		height: 113px;
		border: 1px solid #727663;
		background: url(../images/photos/interior_front_image11.jpg) no-repeat;
	}
	
	#image-wrapper #interior-education2 {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 227px;
		height: 115px;
		background: url(../images/photos/interior_front_image15.jpg) no-repeat;
	}
	
	#image-wrapper #interior-strategies2 {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 227px;
		height: 115px;
		background: url(../images/photos/interior_front_image5.jpg) no-repeat;
	}
	
	#image-wrapper #interior-resources2 {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 225px;
		height: 113px;
		border: 1px solid #727663;
		background: url(../images/photos/interior_front_image10.jpg) no-repeat;
	}
	
	#image-wrapper #interior-projects2 {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 227px;
		height: 115px;
		background: url(../images/photos/interior_front_image13.jpg) no-repeat;
	}
	
	#image-wrapper #interior-contact2 {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 225px;
		height: 113px;
		border: 1px solid #727663;
		background: url(../images/photos/interior_front_image17.jpg) no-repeat;
	}

#footer-wrapper {
	position: relative;
	display: block;
	float: left;
	width: 744px;
	height: 65px;
	margin: 0 auto;
}

	#footer {
		position: relative;
		display: block;
		width: 744px;
		height: 65px;
		margin: 0 auto;
			font-family: verdana, sans-serif;
			text-align: center;
			font-size: 9px;
			color: #BFBDA3;
			line-height: 1.3em;
	}
	
		#footer a:link {
			color: #000000;
			font-size: 9px;
			text-decoration: none;
			line-height: 1.3em;
		}
		
		#footer a:visited {
			color: #999999;
		}
	
		#footer a:hover {
			color: #B84228;
			text-decoration: none;
		}
	
#location {
	position: relative;
	display: block;
	width: 74px;
	height: 45px;
	margin: -52px 0 0 660px;
	padding: 0;
}
	
	#location span {
		display: none;
	}
	
	#location ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#location li {
		margin: 0;
		padding: 0;
		height: 45px;
	}
	
	#l1 a {
		display: block;
		height: 45px;
	}

	#l1 {
		width: 74px;
		background: url(/images/link_home_off.jpg) 0 0 no-repeat;
	}

	#l1 a:hover {
		background: transparent url(/images/link_home_on.jpg) 0 0 no-repeat;
	}

#textonly {
	position: relative;
	display: block;
	width: 750px;
	margin: 23px 0 20px 30px;
	
}

/* ----------------------------------------------
 Forms Formatting
---------------------------------------------- */

	input {
		font: normal 11px arial,helvetica,sans-serif;
		background: #B7BCA7;
		color: #696F52;
		border: 1px solid #727663;
		margin: 0px;
		padding: 2px;
	}
	select {
		font: normal 11px arial,helvetica,sans-serif;
		background: #B7BCA7;
		color: #696F52;
		width: 175px;
		border: 1px solid #727663;
		margin: 0px;
		padding: 2px;
	}
	textarea {
		font: normal 11px arial,helvetica,sans-serif;
		background: #B7BCA7;
		color: #696F52;
		width: 175px;
		height: 75px;
		border: 1px solid #727663;
		margin: 0px;
		padding: 2px;
	}
	
	input.text {
		font: normal 11px arial,helvetica,sans-serif;
		background: #B7BCA7;
		color: #696F52;
		width: 175px;
		border: 1px solid #727663;
		margin: 0px;
		padding: 2px;
	}
	input.checkbox {
		border: 0px;
		background: #B7BCA7;
	}
	input.radio {
		border: 0px;
		background: transparent;
	}
	input.submit {
		font: bold 12px arial,helvetica,sans-serif;
		background: #B7BCA7;
		color: #696F52;
		padding-top: 3px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 2px;
		border: 1px solid #727663;
		cursor: hand;
	}