/*----------------------------------------------------------*/
/* Lorain Soil and Water Conservation District				*/
/* CSS name: main.css										*/
/* Developer: MindPick Software LLC							*/
/* Date: 9/6/2007											*/
/*															*/
/* Description: Style sheet for elements of the home page 	*/
/* 		with all media.										*/
/*----------------------------------------------------------*/

/*------------------------------------------------------------------*/
/* For the home page, 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;
}

/*--------------------------------------------------------------*/
/* Display text about the Lorain County Commissioners centered.	*/
/*--------------------------------------------------------------*/
#commish_box {
	display: block;
	text-align: center;
}

.commish_title {
	font-weight: bold;
	text-decoration: underline;
}

/*----------------------------------------------------------------------*/
/* Create a box in the upper right-hand corner for the rotating photo	*/
/* to fit into. This will allow the photos to protrude into the 		*/
/* content section and line up with the right edge with everything		*/
/* else. Then absolutely position the photo within the box.				*/
/*----------------------------------------------------------------------*/
#photo_indent {
	position: relative;
	float: right;
	width: 86px;
	height: 190px;
}

.rotating_photos {
	position: absolute;
	top: 5px;
	left: 5px;
}

/*--------------------------------------*/
/* Center the title and icon for News. 	*/
/*--------------------------------------*/
#news_header {
	display: block;
	text-align: center;
}

/*----------------------------------------------------------------------*/
/* 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.	*/
.lswcd_logo {
	margin: 0 0 0 4px;
}

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

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