@import url("stylesDefaults.css");
@import url("sitemap.css");
@import url("events.css");
@import url("polls.css");
@import url("forms.css");

.errors{
    color:#CC0000;
    font-weight:bold;
}

.hidden {
	display: none;
	visibility: hidden;
}

.bold { font-weight: bold; }
/****************************************************************************************************************************************************/
/*Site Layout*/
/****************************************************************************************************************************************************/

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

p.bookmark {
	font-size: 90%;
	white-space: nowrap;
	margin: 5px 0 0;
	font-weight: bold;
}

img { border: 0; }

#siteWrapper {
	margin: 0 auto;
	text-align: center;
}
#printHeader {
	display: none;
	visibility: hidden;
}
#header,
#navigationHorizontal,
#siteContent,
#special,
#footer {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: both;
	text-align: center;

}

div.wrapper { margin: 0 auto; width: 801px; text-align: left; position: relative; }

#header,
#siteContent {
	font-size: 1.2em;
}
#navColumn,
#content { float: left; overflow: hidden; }

#navColumn { width: 170px; text-align:left; background-color: #FFFFFF;}	

#navigationVertical {
	margin: 0;
	padding: 0;
}	

.member-nav-head  {
padding: 18px 8px 8px 24px;
margin: 0;
font-weight:bold;
color:#532146;
}

#content { width: 631px; }
	
	#flash { position: absolute; width: 140px; height: 130px; z-index: 500; top: 15px; left: 500px; display: none; }
	body.v2 #flash { display: block; }
	
	#body_copy {}
	
	
	div.twoColumn div#body_copy {
		float: left;
		width: 461px;
	
	}
	div.twoColumn div#rightCol {
		float: left;
		width: 170px;
	}
	
	
#special{
	font-size: 1.1em;
}
#footer {
	color: #999;
	font-size: 1.1em;
}

/****************************************************************************************************/
/* Header Styles */
/****************************************************************************************************/
#header div.wrapper {
	height: 150px;
	background-position: left top;
	background-repeat: no-repeat;
	text-align: right;
}
#header h1 { padding: 44px 28px 0 0; margin: 0; }
#header h2 { padding: 5px 28px 0 0; margin: 0; }
#header h1 img { width: 143px; height: 42px; }
#header h2 img { width: 128px; height: 11px; }
#header img a { border-style:none; }
/****************************************************************************************************/
/* #navigationHorizontal Styles */
/****************************************************************************************************/

#navigationHorizontal div.wrapper {
	overflow: hidden;
	height: 33px;
	font-size: 1.5em;
	width: 800px;
	#width: 802px;
	background-repeat: no-repeat !important;
	position: relative;
	background-position: -1px 0 !important;
	#background-position: 1px 0 !important;
}
#navigationHorizontal ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none inside;
	text-align: left;
	font-family: "Trebuchet MS", "Trebuchet", Arial, Verdana, Sans-serif;

	font-weight: bold;
	letter-spacing: 0.1em;
}
#navigationHorizontal li {
	display: inline;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: inside none;
	height: 34px;
	vertical-align: middle;

}
#navigationHorizontal li a {
	display: block;
	
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	line-height: 34px;
	
	text-transform: uppercase;
	text-decoration: none;
	
	background-position: left -34px;
	background-repeat: no-repeat;
}
#navigationHorizontal li.mh-smart a {
	border-right-style: none;
}
#navigationHorizontal li a:hover {
	background-position: left top;
	text-decoration: none;
}
#navigationHorizontal li.nav_active a,
#navigationHorizontal li.nav_active a:hover {
	background-image: none;
	color: #FFFFFF;
}
/****************************************************************************************************/
/* #siteContent Styles */
/****************************************************************************************************/
#siteContent {
	/*background: #FFFFFF url(../graphics/background-content.gif) left top repeat-x;*/
}
#siteContent div.wrapper {
	background: #FFFFFF url(../graphics/background-content.gif) 20px top repeat-y;
	overflow: hidden;
}
	
	#navColumn {
	
	}
	#navColumn div {

}
/****************************************************************************************************/
/* #navigationVertical Styles */
/****************************************************************************************************/
#navigationVertical ul {
	margin: 0;
	padding: 0;
	list-style: inside none;
}

#navigationVertical ul ul,
#navigationVertical ul ul ul,
#navigationVertical ul ul ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top-style: none;
}

#navigationVertical li {
	display: inline;
	margin: 0;
	padding: 0;

}
#navigationVertical li a {
	display: block;
	color: #FFFFFF;
	padding: 4px 22px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
}
#navigationVertical li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#navigationVertical li.nav_active a,
#navigationVertical li.nav_active a:hover {
	color: #000000;
	background-position: left top;
	background-repeat: repeat-y;
}

	#navigationVertical li.nav_active li a {
		padding-left: 30px;
		color: #FFFFFF;
	}
	#navigationVertical li.nav_active li a:hover {
		color: #FFFFFF;
	}
	#navigationVertical li.nav_active li.nav_active a,
	#navigationVertical li.nav_active li.nav_active a:hover {
		color: #000000;
	}
		#navigationVertical li.nav_active li.nav_active li a{
			padding-left: 38px;
			padding-top: 2px;
			padding-bottom: 2px;
			font-size: 0.9em;
		}
		#navigationVertical li.nav_active li.nav_active li a:hover {
			
		}
		#navigationVertical li.nav_active li.nav_active li.nav_active a,
		#navigationVertical li.nav_active li.nav_active li.nav_active a:hover {
			color: #000000;
		}
			#navigationVertical li.nav_active li.nav_active li.nav_active li a{
				padding-left: 46px;
				padding-top: 2px;
				padding-bottom: 2px;
				color: #000000;
				border-bottom-style: none;
				text-decoration: none;
				font-size: 0.9em;
			}
			#navigationVertical li.nav_active li.nav_active li.nav_active li a:hover {
				color: #000000;
				text-decoration: none;
			}
			#navigationVertical li.nav_active li.nav_active li.nav_active li.nav_active a,
			#navigationVertical li.nav_active li.nav_active li.nav_active li.nav_active a:hover {
				color: #000000;
				text-decoration: none;
			}
/****************************************************************************************************/
/* #belowNav Styles */
/****************************************************************************************************/
#belowNav {
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #FFFFFF;

}
#belowNav div.content { text-align: left; }
#belowNav form#search {
	display:block;
	padding: 6px;
	background-color: #70ae67;
	margin: 0;
	border-top: 5px solid #FFFFFF;
}
#belowNav form#search input {
	color: #999;
	background-color: #FFFFFF;
	border-style: none;
	width: 100px;
}
#belowNav form#search input.button {
	background-color: #70ae67;
	color: #FFFFFF;
	text-transform: uppercase;
	width: auto;
}

#belowNav a.contact {
	border-top: 5px solid #FFFFFF;
	text-align: left;
	display:block;
	color: #FFFFFF;
	padding: 10px 22px;
	background: #2b751f url(../graphics/background-contact.gif) right bottom no-repeat;
	text-decoration: none;
}
#belowNav a.links {
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	margin: 0;
	height: 69px;
	width: 170px;
	background: url(../graphics/trailblazers.gif) right bottom no-repeat;
	display:block;
	text-decoration: none;
}

	
	
	/****************************************************************************************************/
	/* #content Styles */
	/****************************************************************************************************/

	
	#content p.breadcrumb {
	background: #ECE7EB url(../graphics/background-breadcrumb.gif) top left repeat-x;
	color: #999;
	margin: 0;
	padding: 4px 20px;
	font-size: 0.9em;
	position: relative;
	height: 14px;
	}
	#content p.breadcrumb a {
	color: #999;
	}
	#content p.breadcrumb span.date {
	position: absolute;
	right: 20px;
	}
	
	#content p.updated { font-size: 0.9em; color: #999; text-align: left; padding: 20px 0 0 0; }
	
	#content div.imageCaption { 
		margin: 4px 0 10px 10px ;
		padding: 0;
		border: 1px solid #FFFFFF;
		background-color: #ddd;
		float: right;
		width: 179px;
	}
	
	#content div.imageCaption img {margin: 5px 5px 0; width: 169px;}
	
	#content div.imageCaption p {
		margin: 5px;
		padding: 0;
		color: #000000;
		font-size: 0.9em;
	}

	#content div.floatFix { margin: 18px 20px 20px; /*border: 1px solid #000;*/ }		
	div.oneColumn div.floatFix { width: 591px;  /*border: 1px solid #000;*/ }	
	div.twoColumn div.floatFix { width: 421px;  /*border: 1px solid #000;*/ }				

		#body_copy  {

		}
		#leftCol { margin-right: 170px; }
		#rightCol  {
			background-color: #f1eeed;
			float: right;
			width: 170px;
			position: relative;
			right: -20px;
			top: -18px;
		}
		#rightCol div.content { padding: 10px 10px 1px; }
		#rightCol h1,
		#rightCol h2,
		#rightCol h3,
		#rightCol h4,
		#rightCol h5,
		#rightCol h6 {
			font-size: 1.0em;
			font-family: Arial, Helvetica, sans-serif;
		}
		#rightCol h1 {
			background-color: #cdc2be;
			padding: 4px 10px;
			margin: 0;
			color: #3e3b39;
		}
		#rightCol h2 {
			color: #000000;
			clear: both;
			float: none;
		}
		#rightCol p {
			margin: 0 0 10px 0;
		}
		#rightCol div.rightColWrapper,
		#rightCol form {
			background-image: url(../graphics/background-rightCol.gif);
			background-repeat: repeat-x;
			background-position: left top;
			padding: 10px;
			margin: 0;
		}
		#rightCol div div {
			background-image: none;
			padding: 0;
			margin: 0;
		}

/****************************************************************************************************/
/* #special styles */
/****************************************************************************************************/
#special {

}
#special div.wrapper {
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #b8d7b3;
	border: 1px none #99c592;
	border-bottom-style: solid;
	border-top-style: solid;
	overflow: hidden;
}
#special div#specialLinks {
	background-color: #FFFFFF;
	width: 461px;
	margin: 0 170px;
	overflow: auto;
}
#special ul {
	margin: 0;
	padding: 0;
	list-style: none inside;
	border-left: 1px solid #99c592;
	text-align: left;
}
ul#quickLinks{
	float: left;
	background-color: #FFFFFF;
}
ul#specials{
	float: right;
	background-color: #d6e8d4;
}


#special li {
	display: inline;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: inside none;

}
#special li a {
	display: block;
	
	margin: 0;
	padding: 8px 15px;
	list-style: none inside;
	 color: #338c26; 
	border-right: 1px solid #99c592;
	border-collapse:collapse;

	text-decoration: underline;
}
#special li a:hover {
	text-decoration: none;
}
#special li a.print {
	background-image: url(../graphics/iconPrint.gif);
}
#special li a.email {
	background-image: url(../graphics/iconEmail.gif);
}
#special li a.button {
	background-repeat: no-repeat;
	background-position: 15px 50%;
	padding-left: 37px;
	text-decoration: none;
}


#member_bar {
	margin: 1px 1px 0;
	background: #2b751f;
	height: 18px;
	text-align: right;
	padding: 4px 20px 0;
	font-size: 0.9em;
}
#member_bar a {
	color: white;
}


/****************************************************************************************************/
/* #footer styles */
/****************************************************************************************************/
#footer div.wrapper {
	padding: 5px 0 10px;
	text-align:  center;
}
#footer a {
	color: #999;
}


/****************************************************************************************************/
/* #gallery styles */
/****************************************************************************************************/

#gallery { margin: 0; padding: 0; }
#gallery li { list-style-type: none; float: left; width: 140px; height: 140px; background: #9a9994; margin: 0 7px 7px 0; text-align: center; }
#gallery li a { vertical-align: middle; width: 140px; height: 140px; #width: 110px; #height: 110px; display: table-cell; text-align: center; #position: relative; #top: 50%; }
#gallery li a img { position: relative; #bottom: 25%; }

.tool-tip {
	color: #fff;
	z-index: 13000;
}
 
.tool-title {
	display: none;
}
 
.tool-text {
	font-size: 11px;
	margin: 0;
	color: white;
	padding: 4px 8px;
	background: black;
	font-weight: bold;
}
* html .tool-text {
	float: left;
}


a.rss { background: url(../graphics/rss_icon.gif) no-repeat center left; padding-left: 20px; display: block; height: 18px; }
a.home_rss { position: absolute; top: 25px; right: 15px; }

#body_copy { position: relative; }

div.project_link { border: 1px solid #d6e8d4; margin-bottom: 20px; }
div.project_link img { position: relative; border-right: 1px solid #d6e8d4; float: left; }
div.project_link h2 { margin: 0; font-size: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
div.project_link a.text { margin-left: 204px; display: block; padding: 20px; height: 21px; background: url(../graphics/project_gradient.gif) repeat-x; font-size: 130%; font-weight: bold; }
* html div.project_link a.text { height: 20px; }
div.project_link a.text:hover { background: url(../graphics/project_gradient_hover.gif) repeat-x; text-decoration: underline; }