/*----------------------------------------------------------*/
/* Lorain Soil and Water Conservation District				*/
/* CSS name: page.css										*/
/* Developer: MindPick Software LLC							*/
/* Date: 1/25/2010											*/
/*															*/
/* Description: Style sheet for elements of the non-home  	*/
/* 		pages with all media.								*/
/*----------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* The page body has borders on both the left and right for 	*/
/* columns of information.										*/
/*--------------------------------------------------------------*/
#page_body {
	border-left: 168px solid #f8f8f8;
	border-right: 158px solid #f8f8f8;
	width: auto;
}

/*----------------------------------------------------------------------*/
/* Set right column location (to the right of the content) and size.	*/
/*----------------------------------------------------------------------*/
#right_col {
	position: relative;
	float: left;
	width: 158px;
	margin-right: -158px;
}

/*----------------------------------------------------------------------*/
/* Position the LSWCD logo in the upper right of all pages but Home.	*/
/*----------------------------------------------------------------------*/
#logo_box {
	position: relative;
	float: right;
}

.lswcd_logo {
	margin: 0 0 0 4px;
}

/*------------------------------------------------------------------*/
/* Single images on the right-hand side of the page should be set	*/
/* somewhat lower on the page.										*/
/*------------------------------------------------------------------*/
.single_image {
	float: right;
	padding: 8em 0 0;
}

/*--------------------------------------------------------------*/
/* Push the board meeting statement past the rotating photo and	*/
/* line it up to the left edge.									*/
/*--------------------------------------------------------------*/
#bdmtg {
	margin: 0 0 0 5px;
}

/*----------------------------------------------*/
/* Display the EEO message in the footer. 		*/
/*----------------------------------------------*/
.eeo {
	display: none;
}

/*----------------------------------------------*/
/* Styles for the newsletter download area.		*/
/*----------------------------------------------*/
#newsletter_list {
	margin-top: 130px;
	border-top: 1px dotted #006600;
	padding-top: 15px;
	color: #006600;
	font: italic 1.1em "comic sans MS", cursive;
	text-align: center;
}

* html #newsletter_list { /* IE6 does 1px dotted borders incorrectly, so override. */
	mar\gin: 0;
	bo\rder-top-style: solid;
}

.newsletter_dl {
	color: #444444;
	font: bold 1.15em 'times new roman', times, serif;
}

/*----------------------------------------------*/
/* Styles for the aerial photo scale table.		*/
/*----------------------------------------------*/
#scales {
	margin: -1.3em 0pt 0pt 10em; /* Put the table on the same line as the introductory test. */
	font-size: 1em;
}

.brace_cell { /* Set up a straight line as the default brace background. */
	padding: 0;
	background: url('../images/braceline.gif') repeat-y center;
	text-align: center;
}

/*------------------------------------------*/
/* Styles for the table of items for sale.	*/
/*------------------------------------------*/
#for_sale {
	margin: 0 auto;
	font-size: 1em;
}

#for_sale td {
	border: solid #f8f8f8;
	border-width: 0 0 0.5em 0;
	vertical-align: top;
}

.dlrsgn {
	width: 3em;
	text-align: right;
	vertical-align: middle ! important;
}

.price {
	text-align: right;
	vertical-align: middle ! important;
}

/*--------------------------------------------------*/
/* Styles for the pond construction process steps.	*/
/*--------------------------------------------------*/
#pond_steps {
	list-style-image: url("../images/listarrow.gif");
}

/*--------------------------------------*/
/* Styles for the drainage pages.		*/
/*--------------------------------------*/
#dodont li {
	margin: 0 0 1em;
}

#drainage_pgm_overview {
	display: block;
	width: 85%;
	margin: auto;
	text-align: center;
}

.sublist {
	list-style-type: upper-alpha;
}

.list_indent {
	margin: 0 0 0 4em;
}

/*------------------------------*/
/* Styles for the soils page. 	*/
/*------------------------------*/
#soil_survey {
	margin: 0 0 0 5em;
}

#soil_layers {
	float: right;
	margin: 1em 0 0 0;
	font-size: smaller;
	font-style: italic;
	text-align: center;
}

/*------------------------------*/
/* Styles for the news page. 	*/
/*------------------------------*/
#news_icon { /* Center the news icon */
	display: block;
	text-align: center;
}

.no_news { /* No news message */
	font: italic 1.3em Verdana,Arial,SunSans-Regular,sans-serif;
}

/*------------------------------*/
/* Styles for the NRCS pages.	*/
/*------------------------------*/
#nrcs_logo {
	float: right;
}

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

/*------------------------------*/
/* Styles for the about page. 	*/
/*------------------------------*/

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

ul.no_bullet_list li {
	margin-top: 1em;
}

#thankyou { /* Thankyou box */
	width: 275px;
	margin: 0 auto; /* center box on page */
	border: 5px double #cccc99;
	padding: 1em;
	text-align: center;
}

.thankyou_title {
	color: #006600;
	font: italic 1.3em serif;
}

/*------------------------------------------*/
/* Styles for the temporary seeding page. 	*/
/*------------------------------------------*/

#seeding_rate {
	margin: auto;
	border: 1px solid black !important;
	border-collapse: collapse;
	font-size: 1em;    /* Required for IE. */
}

#seeding_rate thead {
	color: #006600;
}

#seeding_rate td {
	border: 1px groove silver;
	padding: 0 4px;
}

/*--------------------------------------*/
/* Styles for the LCPIPE page.		 	*/
/*--------------------------------------*/

#lcpipe_logo {
	margin: 1.5em 10px 10px 0;
	float: left;
}