/* CSS Document */

/* page assignments:
	p1 = Project Description
	p2 = Our Vision
	p3 = History
	p4 = Who We Are
	p5 = Environment
	p6 = Process
	p7 = Open Space  */
	


.p1body {
	margin:0px;
	background-color:#a2b774;
}
.p2body {
	margin:0px;
	background-color:#bf9d70;
}
.p3body {
	margin:0px;
	background-color:#99a28d;
}
.p4body {
	margin:0px;
	background-color:#b5a874;
}
.p5body {
	margin:0px;
	background-color:#bfd6c6;
}
.p6body {
	margin:0px;
	background-color:#aaa772;
}
.p7body {
	margin:0px;
	background-color:#827650;
}

/**Header Rules**/
#headerContainer {
	margin:6px 0px 0px 0px;
	width:761px;
	height:185px;
	position:relative;
}
#leftHeader {
	background-image:url(../images/logoTransparent.gif);
	background-repeat:no-repeat;
	width:220px;
	height:185px;
	float:left;
	margin-left:7px;
}
#rightHeader {
	width:534px;
	height:168px;
	float:right;
	margin-top:17px;
}
.p1HeaderImageRight {
	background-image:url(../images/projectHeader.jpg);
	background-repeat:no-repeat;
} 
.p2HeaderImageRight {
	background-image:url(../images/visionHeader.jpg);
	background-repeat:no-repeat;
} 
.p3HeaderImageRight {
	background-image:url(../images/historyHeader.jpg);
	background-repeat:no-repeat;
} 
.p4HeaderImageRight {
	background-image:url(../images/whoHeader.jpg);
	background-repeat:no-repeat;
} 
.p5HeaderImageRight {
	background-image:url(../images/enviroHeader.jpg);
	background-repeat:no-repeat;
} 
.p6HeaderImageRight {
	background-image:url(../images/processHeader.jpg);
	background-repeat:no-repeat;
} 
.p7HeaderImageRight {
	background-image:url(../images/openHeader.jpg);
	background-repeat:no-repeat;
} 


/*Header Navigation*/
#headerNav {
	width:740px;
	height:23px;
	background-image:url(../images/navBar.jpg);
	background-repeat:no-repeat;
	z-index:1;
	position:absolute;
	right:0px;
	top:-6px;
	text-align:center;
}
#headerNav ul {
	list-style-type:none;
	margin:4px 0px 0px -40px;
}
#headerNav ul li {
	font:11px Verdana, Arial, sans-serif; color:#FFFFFF;
	border-right:1px solid; 
	border-color:#b5a874;
	padding:3px 0px 6px 4px;
	display:inline;
	letter-spacing:-.4px;
}
#headerNav ul li a {
	color:#FFFFFF;
	text-decoration:none;
	padding:4px 6px 5px 4px;
	margin-left:-4px;
}
#headerNav ul li a:hover {
	color:#b5a874;
	text-decoration:none;
	background-color:#944d3b;
}
#headerNav ul li.last {
	border:none;
}


/*Content Backgrounds*/

#contentContainer {
	width:760px;
}
.p1ContentBg {
	background-image:url(../images/projectBg.jpg);
	background-repeat:repeat-y;
}
.p2ContentBg {
	background-image:url(../images/visionBg.jpg);
	background-repeat:repeat-y;
}
.p3ContentBg {
	background-image:url(../images/historyBg.jpg);
	background-repeat:repeat-y;
}
.p4ContentBg {
	background-image:url(../images/whoBg.jpg);
	background-repeat:repeat-y;
}
.p5ContentBg {
	background-image:url(../images/enviroBg.jpg);
	background-repeat:repeat-y;
}
.p6ContentBg {
	background-image:url(../images/processBg.jpg);
	background-repeat:repeat-y;
}
.p7ContentBg {
	background-image:url(../images/openBg.jpg);
	background-repeat:repeat-y;
}


/*Includes all items in Left Column*/
#leftColumn {
	width:228px;
	float:left;
	border-top:10px solid;
	border-color:#944d3b;
	font:11px Verdana, Arial, sans-serif; color:#776a48;
}
#utilityNav {
	width:225px;
}
#utilityNav ul {
	list-style-type:none;
	padding: 5px 0px 5px 21px;
	text-align:center;
	margin-top:0px
}
#utilityNav ul li {
	font:10px Verdana, Arial, sans-serif; color:#776a48;
	display:inline;
	padding:0px 5px 0px 5px;
	border-right:1px solid; color:#944d3b;
}
#utilityNav ul li a {
	color:#776a48;
	text-decoration:none;
}
#utilityNav ul li a:hover {
	color:#944d3b;
	text-decoration:none;
}
#utilityNav ul li.last {
	border:none;
}



/*Left Sub Navigation Rules*/
#leftSubNav {
	margin-left:40px;
}
#leftSubNav ul {
	list-style-type:none;
	padding:5px 0px 5px 0px;
}
#leftSubNav ul li {
	font:11px Verdana, Arial, sans-serif;
	font-weight:bold;
	padding:2px 0px 2px 0px;
}

  	/*Nav colors for project.php*/
#leftSubNav .p1LeftSubNav ul li a:link {
	color:#a2b774;
	text-decoration:none;
}

#leftSubNav .p1LeftSubNav ul li a:visited {
	color:#944d3b;
}

#leftSubNav .p1LeftSubNav ul li a:hover {
	color:#006699;
	text-decoration:underline;
}
	/*Nav colors for vision.php*/
#leftSubNav .p2LeftSubNav ul li a:link {
	color:#bf9d70;
	text-decoration:none;
}

#leftSubNav .p2LeftSubNav ul li a:visited {
	color:#944d3b;
}

#leftSubNav .p2LeftSubNav ul li a:hover {
	color:#006699;
	text-decoration:underline;
}

	/*Nav colors for history.php*/
#leftSubNav .p3LeftSubNav ul li a:link {
	color:#99a28d;
	text-decoration:none;
}

#leftSubNav .p3LeftSubNav ul li a:visited {
	color:#944d3b;
}

#leftSubNav .p3LeftSubNav ul li a:hover {
	color:#006699;
	text-decoration:underline;
}

	/*Nav colors for who.php*/
#leftSubNav .p4LeftSubNav ul li a:link {
	color:#b5a874;
	text-decoration:none;
}

#leftSubNav .p4LeftSubNav ul li a:visited {
	color:#944d3b;
}

#leftSubNav .p4LeftSubNav ul li a:hover {
	color:#006699;
	text-decoration:underline;
}

	/*Nav colors for environment.php*/
#leftSubNav .p5LeftSubNav ul li a:link {
	color:#bfd6c6;
	text-decoration:none;
}

#leftSubNav .p5LeftSubNav ul li a:visited {
	color:#944d3b;
}

#leftSubNav .p5LeftSubNav ul li a:hover {
	color:#006699;
	text-decoration:underline;
}

	/*Nav colors for process.php*/
#leftSubNav .p6LeftSubNav ul li a:link {
	color:#aaa772;
	text-decoration:none;
}

#leftSubNav .p6LeftSubNav ul li a:visited {
	color:#944d3b;
}

#leftSubNav .p6LeftSubNav ul li a:hover {
	color:#006699;
	text-decoration:underline;
}

	/*Nav colors for open.php*/
#leftSubNav .p7LeftSubNav ul li a:link {
	color:#827650;
	text-decoration:none;
}

#leftSubNav .p7LeftSubNav ul li a:visited {
	color:#944d3b;
}

#leftSubNav .p7LeftSubNav ul li a:hover {
	color:#006699;
	text-decoration:underline;
}


/*Includes all items in Right Column */
#rightColumn {
	width:465px;
	float:right;
	position:relative;
	font:11px Verdana, Arial, sans-serif; color:#776a48;
	margin:0px 40px 20px 25px;
}
#rightColumn a {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}
#rightColumn a:visited {
	color:#9b5948;
	text-decoration:none;
}
#rightColumn a:hover {
	color:#006699;
	text-decoration:underline;
}
.p1RightColumnTitle { 
	font:16px Verdana, Arial, sans-serif; color:#ffffff;
	font-weight:bold;
	padding:8px 0px 7px 28px;
	margin: 0px 0px 0px -27px;
	width:502px;
	height:20px;
	background-color:#bfd6c6;
}
.p2RightColumnTitle { 
	font:16px Verdana, Arial, sans-serif; color:#ffffff;
	font-weight:bold;
	padding:8px 0px 7px 28px;
	margin: 0px 0px 0px -27px;
	width:502px;
	height:20px;
	background-color:#847450;
}
.p3RightColumnTitle { 
	font:16px Verdana, Arial, sans-serif; color:#ffffff;
	font-weight:bold;
	padding:8px 0px 7px 28px;
	margin: 0px 0px 0px -27px;
	width:502px;
	height:20px;
	background-color:#aaa772;
}
.p4RightColumnTitle { 
	font:16px Verdana, Arial, sans-serif; color:#ffffff;
	font-weight:bold;
	padding:8px 0px 7px 28px;
	margin: 0px 0px 0px -27px;
	width:502px;
	height:20px;
	background-color:#944d3b;
}
.p5RightColumnTitle { 
	font:16px Verdana, Arial, sans-serif; color:#ffffff;
	font-weight:bold;
	padding:8px 0px 7px 28px;
	margin: 0px 0px 0px -27px;
	width:502px;
	height:20px;
	background-color:#a2b774;
}
.p6RightColumnTitle { 
	font:16px Verdana, Arial, sans-serif; color:#ffffff;
	font-weight:bold;
	padding:8px 0px 7px 28px;
	margin: 0px 0px 0px -27px;
	width:502px;
	height:20px;
	background-color:#99a28d;
}
.p7RightColumnTitle { 
	font:16px Verdana, Arial, sans-serif; color:#ffffff;
	font-weight:bold;
	padding:8px 0px 7px 28px;
	margin: 0px 0px 0px -27px;
	width:502px;
	height:20px;
	background-color:#bf9d70;
}
#rightColumn ul {
	list-style-type:disc;
	margin:5px 0px 10px 0px;
}
#rightColumn ul li {
	font:11px Verdana, Arial, sans-serif; color:#776a48;
	padding:2px 0px 2px 0px;
}
#newsletter {
	float:left;
}

/*Header Rules*/
h1 {
	font:16px Verdana, Arial, sans-serif;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}
.p1h1	{
	color:#a2b774;
}
.p2h1{
	color:#bf9d70;
}
.p3h1	{
	color:#99a28d;
}
.p4h1	{
	color:#b5a874;
}
.p5h1	{
	color:#aabeb0;
}
.p6h1	{
	color:#aaa772;
}
.p7h1	{
	color:#827650;
}
	

h2 {
	font:14px Verdana, Arial, sans-serif;
	font-weight:bold;
}
.p1h2	{
	color:#a2b774;
}
.p2h2	{
	color:#bf9d70;
}
.p3h2	{
	color:#99a28d;
}
.p4h2	{
	color:#b5a874;
}
.p5h2	{
	color:#aabeb0;
}
.p6h2	{
	color:#aaa772;
}
.p7h2	{
	color:#827650;
}


h3 {
	font:12px Verdana, Arial, sans-serif;
	font-weight:bold;
}
.p1h3	{
	color:#a2b774;
}
.p2h3	{
	color:#bf9d70;
}
.p3h3	{
	color:#99a28d;
}
.p4h3	{
	color:#b5a874;
}
.p5h3	{
	color:#aabeb0;
}
.p6h3	{
	color:#aaa772;
}
.p7h3	{
	color:#827650;
}

#news {
	font:16px Verdana, Arial, sans-serif;
	font-weight:bold;
	color:#bf9d70;
}
#news a {
	color:#bf9d70;
	text-decoration:none;
}
#news a:hover {
	color:#bf9d70;
	text-decoration:underline;
}


/*Footer Styles*/
#footer {
	width:760px;	
	font:11px Arial; color:#FFFFFF;
	text-align:center;
	margin-bottom:20px;
}
.p1footer {
	background-color:#a2b774;
}
.p2footer {
	background-color:#bf9d70;
}
.p3footer {
	background-color:#99a28d;
}
.p4footer {
	background-color:#b5a874;
}
.p5footer {
	background-color:#bfd6c6;
}
.p6footer {
	background-color:#aaa772;
}
.p7footer {
	background-color:#827650;
}

#footer ul {
	list-style-type: none;
	margin-bottom:2px;
	margin-left:-35px;
}
#footer ul li {
	font:11px Arial; color:#FFFFFF;
	display: inline;
	border-right:1px solid; color:#FFFFFF;
	padding:0px 6px 0px 6px;
}
#footer ul li a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#footer ul li a:visited {
	color:#944d3b;
	text-decoration:none;
}
#footer ul li a:hover {
	color:#006699;
	text-decoration:underline;
}
#footer ul li a:active {
	color:#006699;
	text-decoration:none;
}
#footer ul li.last {
	border:none;
}