/* CSS Document */

/*---------------------  RESET  ---------------------*/

dl, dt, dd, input {
	margin:0;
	padding:0; }

a img,:link img,:visited img { border: none }

a:focus { outline: none }

html, body {
	margin: 0;
	padding: 0; }

.clear_float { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
	overflow: hidden;
}

/*---------------------  GENERAL  ---------------------*/

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	text-align:center;
	background-color: #5A789B; }

a { color: #377E1F }

#content { line-height: 18px; }

h1, h2, h3, h4 {
	color: #377E1F; }

h2 {
	font-size: 20px;
	margin: 0;
	padding: 10px 0 0 0; }

h3 {
	font-size: 16px; }

h4 { font-size: 14px; }

h5 {
	color: #5A789B;
	margin: 0; 
	padding: 10px 0;
	font-size: 14px; }

ul {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px; }

p {
	margin: 0; 
	padding: 10px 0; }

select, textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A5A5A; }

/*---------------------  MASTER  ---------------------*/

@media screen {
	#header p {
		display: none; }
	#header h1 {
		position: absolute;
		left: 0;
		top: 35px;
		text-indent: -9999px;
		margin:0;
		padding:0; }
		#header h1 a {
			display: block;
			width: 405px;
			height: 59px;
			background: url(../images/master/logo.jpg) no-repeat; }
	#header img {
		display: none; }
}

@media print {
	#header p {
		position: absolute;
		left: 0;
		top: 70px;
		font-size: 11px; }
	#header h1 { display: none; }
}

#wrapper {
	background: url(../images/master/bkgrnd_page.jpg) repeat-x center top;
	min-width: 770px; }

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

#header {
	position: relative;
	width: 770px;
	height: 145px;
	margin-left: auto;
	margin-right: auto; }
	#header #main_nav {
		position: absolute;
		left: 0;
		top: 105px;
		width: 770px;
		height: 40px;
		margin-left: auto;
		margin-right: auto;
		background: url(../images/master/bkgrnd_nav.jpg) no-repeat; }
		#header #main_nav li {
			float: left; }
			#header #main_nav li.link_01 a,
			#header #main_nav li.link_02 a, 
			#header #main_nav li.link_03 a,
			#header #main_nav li.link_04 a,
			#header #main_nav li.link_05 a {
				display: block;
				float: left;
				height: 40px;
				text-indent: -9999px; }
			#header #main_nav li.link_01 a {
				width: 82px;
				background: url(../images/master/bkgrnd_link_01.jpg) no-repeat; }
			#header #main_nav li.link_02 a {
				width: 81px;
				background: url(../images/master/bkgrnd_link_02.jpg) no-repeat; }
			#header #main_nav li.link_03 a {
				width: 105px;
				background: url(../images/master/bkgrnd_link_03.jpg) no-repeat; }
			#header #main_nav li.link_04 a {
				width: 137px;
				background: url(../images/master/bkgrnd_link_04.jpg) no-repeat; }
			#header #main_nav li.link_05 a {
				width: 75px;
				background: url(../images/master/bkgrnd_link_05.jpg) no-repeat; }
			#header #main_nav li.link_01 a:hover,
			#header #main_nav li.link_01 a.active,
			#header #main_nav li.link_02 a:hover,
			#header #main_nav li.link_02 a.active,
			#header #main_nav li.link_03 a:hover,
			#header #main_nav li.link_03 a.active,
			#header #main_nav li.link_04 a:hover,
			#header #main_nav li.link_04 a.active,
			#header #main_nav li.link_05 a:hover,
			#header #main_nav li.link_05 a.active {
				background-position: 0 -40px; }
	#header #secondary_nav {
		position: absolute;
		right: 0;
		top: 15px;
		font-size: 11px; }
		#header #secondary_nav li {
			float: left;
			padding: 0 5px;
			border-right: 1px solid #5A789B; }
			#header #secondary_nav li a {
				color: #456285; }
			#header #secondary_nav li.first_link {
				padding-left: 0; }
			#header #secondary_nav li.last_link {
				padding-right: 0;
				border-right: none; }
	#header #search {
		position: absolute;
		top: 115px;
		right: 0;
		padding: 1px;
		width: 219px;
		background-color: #1B4900; }
		#header #search input {
			float: left;
			padding: 2px 5px;
			width: 190px;
			height: 14px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #377E1F;
			border: none; }
			#header #search img {
				float: right;
				margin-left: 1px; }

#content_wrapper {
	background-color: #FFFFFF; }
	#content_wrapper #content { 
		width: 770px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		padding-bottom: 40px; }

#footer {
	height: 80px;
	width: 770px;
	padding: 20px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left; }
	#footer #main_nav,
	#footer #secondary_nav {
		float: left;
		width: 80%;
		margin-bottom: 5px; }
		#footer #main_nav li,
		#footer #secondary_nav li {
			float: left; }
			#footer a,
			#footer #main_nav li a,
			#footer #secondary_nav li a {
				color: #b3c4d5; }
	#footer #main_nav { }
		#footer #main_nav li {
			font-size: 12px;
			font-weight: bold;
			padding-right: 15px; }
		#footer #secondary_nav {
			margin-bottom: 15px; }
			#footer #secondary_nav li {
				padding: 0 5px;
				font-size: 11px;
				border-right: 1px solid #9DAFC1; }
				#footer #secondary_nav li.first_link {
					padding-left: 0; }
				#footer #secondary_nav li.last_link {
					padding-right: 0;
					border-right: none; }
	#footer #copyright {
		float: right;
		font-size: 11px;
		color: #b3c4d5; }
	#footer #green_communities img {
		vertical-align: middle;
		margin-right: 10px; }