/* Import other stylesheets */
@import url('reset.css');
@import url('tabs.css');
@import url('menu.css');

/* Default Styles */

body, html {
	background: #ddd url('../images/bg.gif') top center repeat-y;
	font: 12px Arial, Helvetica, sans-serif;
}

#container {
	margin: 0 auto;
	width: 800px;
}

.clear {
	clear: both;
	height: 0;
}

/* Header */

#header {
	background: #fff url('../images/districthead.jpg') top left no-repeat;
	height: 255px;
	padding: 0;
}

/* Content - main container that holds the left menu, the main content and the headline area */

#content {
	width: 100%
}

/* Main - the main content in the middle of the page */

#main {
	color: #333;
	display: inline;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	width: 493px;
	padding: 20px 0 0 16px;
}

#main_wide {
	color: #333;
	float: left;	
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0 0 16px;
	width: 640px;
}

#main p, #main_wide p {
	line-height: 130%;
	margin: 0 0 20px 0;
}

#main .image_left, #main_wide .image_left {
	float: left;
	margin: 4px 4px 4px 0;
}

#main .image_right, #main_wide .image_right {
	float: right;
	margin: 4px 0 4px 4px;
}

#main a, #main_wide a {
	color: #049;
	text-decoration: underline;
}

#main a:hover, #main_wide a:hover {
	color: #a00;
}

#main h1, #main_wide h1 {
	color: #a00;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
}

#main h2, #main_wide h2 {
	color: #346;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 10px 0 4px 0;
	width: 470px;
}

#main h3, #main_wide h3 {
	color: #346;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 10px 0 4px 0;
	width: 470px;
}

#main .more, #main_wide .more {
	color: #a00;
	font: bold 10px Verdana, Geneva, sans-serif;
	padding: 10px 0 0 0;
}

#main .more a, #main_wide .more a {
	color: #a00;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#main .more a:hover, #main_wide .more a:hover {
	color: #028;
	text-decoration: underline;
}

#main ul, #main ol, #main_wide ul, #main_wide ol {
	list-style-position: inside;
	margin: 10px 0 10px 10px;
	padding: 0;
}

#main ul, #main_wide ul {
	list-style: disc;
}

/* Headlines - the headline section on the right side of the page */

#headlines {
	padding: 20px 0 0 0;
	margin: 0 1px 0 660px;
}

#headlines .headline { /* Headline - each individual headline section */
	/*
	background: #fff;
	border-bottom: 2px solid #eee;
	border-top: 2px solid #eee;
	color: #333;
	margin: 0 0 20px 0;
	padding: 5px;
	*/
	background: #f3f8fb;
	border: 1px solid #cad7e0;
	border-bottom: 2px solid #cad7e0;
	/*border-bottom: 2px solid #eee;
	border-top: 2px solid #eee;*/
	color: #333;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 10px 20px 0;
	padding: 5px;

}

#headlines .headline h2 {
	color: #049;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
}

#headlines p {
	line-height: 130%;
}

#headlines .headline .more {
	color: #a00;
	font: bold 10px Verdana, Geneva, sans-serif;
	margin: 4px 0;
	padding: 0 10px 0 0;
	text-align: right;
}

#headlines .headline .more a {
	color: #a00;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#headlines .headline .more a:hover {
	color: #049;
	text-decoration: underline;
}

/* Footer - the footer section at the bottom of the page */

#footer {
	border-top: 1px solid #eee;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 10px 0 30px 0;
	padding: 6px 0 0 0;
	text-align: center;
}

#footer #copyright { /* Copyright - the copyright statement */
	color: #666;
}

#footer #footerlinks { /* Footerlinks - the links that appear in the footer */

}

#footer #footerlinks a {
	color: #666;
}

#footer #footerlinks a:hover {
	color: #049;
}

/* Counter */

#counter {
	margin: 50px auto 10px auto;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center;
}

/* Miscellaneous Font Styles */

.bold {
	font-weight: bold;
}

.red {
	color: #a00;
}

.orange {
	color: #f70;
}

.blue {
	color: #049;
}