/*----------------------------------------------------------*/
/* Lorain Soil and Water Conservation District				*/
/* CSS name: main.css										*/
/* Developer: MindPick Software LLC							*/
/* Date: 1/13/2010											*/
/*															*/
/* Description: Style sheet for elements of all pages	 	*/
/* 		and all media.										*/
/*----------------------------------------------------------*/

			/*-----------------------------*/
			/*** Generic HTML selectors. ***/
			/*-----------------------------*/
body {
	margin: 0px;
	color: black;
	background-color: #f8f8f8;
	font-size: 16px;
	line-height: 1em;
}

* html body {
	font-size: 100%;
}

img {
	border: none;  /* Keeps Firefox from putting border on images */
}
abbr, acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

				/*-----------------*/
				/*** Page layout ***/
				/*-----------------*/
/*--------------------------------------------------------------*/
/* Empty space around page. Make width less than 100% to keep	*/
/* scroll bar from appearing because of padding.				*/
/*--------------------------------------------------------------*/
#layout {
	width: 97%;
	min-width: 700px; /* min-width keeps full banner visible. */
	padding: 9px 9px 4px 9px;
}

/*--------------------------------------------------------------*/
/* Container for everything but header and footer. This is		*/
/* needed to force IE before v7 to put columns side by side on	*/
/* the screen. Left column pushed off the page otherwise and	*/
/* center column expanded to normal page width.                 */
/*--------------------------------------------------------------*/
#container {
	z-index: 10;
	width: 100%;
}

/*------------------------------------------------------------------*/
/* Navigation menu and page content section is pushed down from the	*/
/* header. The general font for the page is set here, as well. See	*/
/* home.css for how page_body breaks out columns.					*/
/*------------------------------------------------------------------*/
#page_body {
	width: 100%;
	margin: 34px 0 0 0; /* horizontal border between header and content */
	font: normal .75em/1.25em Verdana,Arial,SunSans-Regular,sans-serif;	
}

/*------------------------------------------------------------------*/
/* Set left column location (to the left of the content) and size.	*/
/*------------------------------------------------------------------*/
#left_col {
	position: relative;
	float: left;
	z-index: 50;
	width: 153px;
	margin-left: -168px;
}

/*----------------------------------------------------------*/
/* Center column (with content) floats left to left column.	*/
/*----------------------------------------------------------*/
#center_col {
	position: relative;
	float: left;
}

/*--------------------------*/
/* Format the page content. */
/*--------------------------*/
.address {
	font-weight: bold;
	text-align: center;
}

.content_title {
	color: #006600;
	font: bold italic 1.7em/1.3em serif;
	text-align: center;
	text-decoration: underline;
}

.green_subtitle {
	color: #006600;
	font-size: 1.3em;
	line-height: 1.3em;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}

.content_subtitle {
	color: black;
	font: normal normal 1.2em Verdana,Arial,SunSans-Regular,sans-serif;
	text-align: center;
}

.section_head {
	color: #006600;
	font: normal bold 1.1em Verdana,Arial,SunSans-Regular,sans-serif;
	text-align: left;
}

.green_title {
	color: #006600;
	font-weight: bold;
	text-decoration: underline;
}

.captioned_photo {
	padding: 10px;
	font-size: smaller;
	font-style: italic;
	text-align: center;
}

.outdent {
	margin: 0 0 0 2em;
	text-indent: -2em;
}

.section_indent {
	margin-left: 4em;
}

.indent_both {
	margin-right: 3em;
	margin-left: 3em;
}

.date_today {
	margin: 0 0 0 1em;
	font-weight: bold;
}

.staff {
	display: block;
	text-align: center;
}

.force_ht {
	float: right; /* Image to force minimum height of page */
}

.offsite_link_url {
	white-space: pre;
}

.txt_browse {
	display: none; /* Text to display only in text-based browsers */
}

.footnote {
	padding-top: 2em;
	font-size: .9em;
}

.sourcehead {
	float: left;
	width: 6em;
	font-style: italic;
}

.source {
	float: left;
}

.no_icon_list {
	list-style-type: none;
}

.arrow_list {
	list-style-image: url("../images/listarrow.gif");
}
/*-----------------------------------------------------------*/
/* Clear and add bottom border to make columns the same size */
/* vertically when page resized.                             */
/*-----------------------------------------------------------*/
.clear {
	clear: both;
}

				/*---------------------------*/
				/*** Miscellaneous styles. ***/
				/*---------------------------*/
.ital {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.small {
	font-size: smaller;
}

.center {
	text-align: center;
}

.super {
	vertical-align: super;
}

.height_1em {
	line-height: 1em;
}

.quote_text {
	font-family: "comic sans MS", cursive;
	font-size: 1.3em;
	font-style: italic;
}

.green {
	color: #006600;
}

.red {
	color: #dd0000;
}

.green_bar {
	height: 1px;
	margin: 0 0 1em;
	color: green;
	background-color: #006600;
}

/*--------------------------------------------------------------*/
/* Mission and board meeting statements are in gradient boxes.	*/
/*--------------------------------------------------------------*/
.gradientbox {
	background: #cccc99 url("../images/mission-bkgd.gif") repeat-y;
	border: 1px solid black;
	padding: 5px 5px 10px;
	text-align: center;
}

.boxtitle {
	font-style: italic;
	text-decoration: underline;
}