/* COLORS:

#aec975;	/* ==HOMEGREEN *
#687946;	/* ==HOMEGREEN-60 *
#232817;	/* ==HOMEGREEN-20 *

#cb9f57;	/* ==ABOUTBRN *
#785f34;	/* ==ABOUTBRN-60 *
#292011;	/* ==ABOUTBRN-20 *

#7d98d4;	/* ==SERVBLUE *
#4b5b7f;	/* ==SERVBLUE-60 *
#191e2a;	/* ==SERVBLUE-20 *

#f7f5cd;	/* ==RSRCYELLOW *
#94937b;	/* ==RSRCYELLOW-60 *
#313129;	/* ==RSRCYELLOW-20 *

#eae7e1;	/* ==CONTACTGRAY *
#8c8b87;	/* ==CONTACTGRAY-60 *
#2f232d;	/* ==CONTACTGRAY-20 *

#888888;	/* ==50PCT *

*/

/* MISC VARS:

90%;	/* ==SMALL *

*/


/* ==SETUP */

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	padding-top: 0px;
}

h1 { font-size: 170%; }
h2 { font-size: 160%; }
h3 { font-size: 150%; }

p {
	margin-top: 0px;
	margin-bottom: 1.5em;
}

a {
	color: #4b5b7f;	/* ==SERVBLUE-60 */
}

a:visited {
	color: #191e2a;	/* ==SERVBLUE-20 */
}

a img {
	border: 0px none;
}


/* ==LAYOUT */

#container {
	width: 775px;
	margin: 0px auto;
}

#captionblock, #menu, #main, #footer {
	margin-left: 100px;
}

img#trees {
	float: left;
}

#menu, #captionblock {
	clear: left;
}

#masthead {
	width: 800px; /* Fits it all in, and eliminates the possibility of messy float-wrapping. */
}

	#title-address-block {
		float: left; /* This allows us to pad it on the left. If it wasn't a float, we'd need to pad it to ([Width of "trees" image] + 10), which is less than optimal. */
		padding: 18px 0px 0px 30px;
	}

		#masthead address {
			display: block;
			color: #888888;	/* ==50PCT */
			font-style: normal;
			font-weight: normal;
			font-size: 90%;	/* ==SMALL */
			margin-top: -10px
		}	

#main {
	line-height: 200%;
}

/* #menu ... */

	#menu ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}

	#menu ul li {
		float: left;
		padding: 0px;
		margin: 0px;
		width: 100px;
		height: 50px;
		
		background-repeat: repeat-x;
		background-position: top left;
	}
	
		#menu ul li a {
			display: block;
			width: 100px;
			height: 50px;
		}
		
			#menu ul li a:hover,
			#menu ul li a:active,
			#menu ul li a:focus {
				height: 45px; /* Leave room for generated border-- see CUSTOMCOLOR below */
			}
		
			

#captionblock {
	padding: 10px;
}
	
	#captionblock h2 {
		margin: 0px;
		padding: 0px;
	}

	#captionblock h2#caption {	
		/* Set up to place the "mrk|" image. Image is placed in the CUSTOMCOLOR section below */
		padding-left: 55px;
		background-repeat: no-repeat;
		background-position: top left;
	}

	#main {
		width: 675px;
		margin-top: 20px;
	}

		#photo-wrap {
			float: right;
			width: 200px;
		}
		
			#photo {
				margin: 0px 0px 0px 0px;
			}		

		#content {
			margin-right: 250px;
			/* overflow: auto; */
		}



/* ==FOOTER */

#container {
	position: relative;
	min-height: 100%;
}

	#main {
	}
	
	#footspace {
		clear: both;
		padding-bottom: 6.5em; /* For footer */ 
	}
	
	#footer-wrap {
		position: absolute;
		bottom: 0px;
		width: 100%;
	}
	
		#footer {
			font-size: 90%;	/* ==SMALL */
			padding: 10px;
		}

/* ==CUSTOMCOLOR */

/* Colors for menu items-- automatically removes gradient from active item... */

	#menu ul li#menu-home {
		background-image: url(../images/nav/green.gif);
		background-color: #aec975;	/* ==HOMEGREEN */
	 }
	body.home-section #menu ul li#menu-home { background-image: none; }
	
	#menu ul li#menu-about {
		background-image: url(../images/nav/brown.gif);
		background-color: #cb9f57;	/* ==ABOUTBRN */
	 }
	body.about-section #menu ul li#menu-about { background-image: none; }
	
	
	#menu ul li#menu-services {
		background-image: url(../images/nav/blue.gif);
		background-color: #7d98d4;	/* ==SERVBLUE */
	 }
	body.services-section #menu ul li#menu-services { background-image: none; }
	
	
	#menu ul li#menu-resources {
		background-image: url(../images/nav/yellow.gif);
		background-color: #f7f5cd;	/* ==RSRCYELLOW */
	 }
	body.resources-section #menu ul li#menu-resources { background-image: none; }
	
	
	#menu ul li#menu-contact {
		background-image: url(../images/nav/gray.gif);
		background-color: #eae7e1;	/* ==CONTACTGRAY */
	 }
	body.contact-section #menu ul li#menu-contact { background-image: none; }
	

/* Colors for menu underline... */

	#menu ul li#menu-home a:hover,
	#menu ul li#menu-home a:active,
	#menu ul li#menu-home a:focus
	{
		border-bottom: 5px solid #687946;	/* ==HOMEGREEN-60 */
	}

	#menu ul li#menu-about a:hover,
	#menu ul li#menu-about a:active,
	#menu ul li#menu-about a:focus
	{
		border-bottom: 5px solid #785f34;	/* ==ABOUTBRN-60 */
	}

	#menu ul li#menu-services a:hover,
	#menu ul li#menu-services a:active,
	#menu ul li#menu-services a:focus
	{
		border-bottom: 5px solid #4b5b7f;	/* ==SERVBLUE-60 */
	}

	#menu ul li#menu-resources a:hover,
	#menu ul li#menu-resources a:active,
	#menu ul li#menu-resources a:focus
	{
		border-bottom: 5px solid #94937b;	/* ==RSRCYELLOW-60 */
	}

	#menu ul li#menu-contact a:hover,
	#menu ul li#menu-contact a:active,
	#menu ul li#menu-contact a:focus
	{
		border-bottom: 5px solid #8c8b87;	/* ==CONTACTGRAY-60 */
	}

/* Colors for page caption block... */

	body.home-section #captionblock,
	body.home-section #footer {
		background-color: #aec975;	/* ==HOMEGREEN */
		color: #687946;	/* ==HOMEGREEN-60 */
	}
	
	body.about-section #captionblock,
	body.about-section #footer {
		background-color: #cb9f57;	/* ==ABOUTBRN */
		color: #785f34;	/* ==ABOUTBRN-60 */
	}
	
	body.services-section #captionblock,
	body.services-section #footer {
		background-color: #7d98d4;	/* ==SERVBLUE */
		color: #4b5b7f;	/* ==SERVBLUE-60 */
	}
	
	body.resources-section #captionblock,
	body.resources-section #footer {
		background-color: #f7f5cd;	/* ==RSRCYELLOW */
		color: #94937b;	/* ==RSRCYELLOW-60 */
	}
	
	body.contact-section #captionblock,
	body.contact-section #footer {
		background-color: #eae7e1; /* ==CONTACTGRAY */
		color: #8c8b87;	/* ==CONTACTGRAY-60 */
	}

	#footer a,
	#footer a:visited {
		color: inherit;
	}
	
	

/* Background "mrk|" images */

	body.home-section #caption { background-image: url(../images/pagetitle/mrk_green.gif); }
	body.about-section #caption { background-image: url(../images/pagetitle/mrk_brown.gif); }
	body.services-section #caption { background-image: url(../images/pagetitle/mrk_blue.gif); }
	body.resources-section #caption { background-image: url(../images/pagetitle/mrk_yellow.gif); }
	body.contact-section #caption { background-image: url(../images/pagetitle/mrk_gray.gif); }

/* Colors for main text... */

	body.home-section #main {
		color: #232817;	/* ==HOMEGREEN-20 */
	}
	
	body.about-section #main {
		color: #292011;	/* ==ABOUTBRN-20 */
	}
	
	body.services-section #main {
		color: #191e2a;	/* ==SERVBLUE-20 */
	}
	
	body.resources-section #main {
		color: #313129;	/* ==RSRCYELLOW-20 */
	}
	
	body.contact-section #main {
		color: #2f232d;	/* ==CONTACTGRAY-20 */
	}