/* CSS Document */

/* CONTENT STYLES
********************************************/

#content {
	float: left;
	width: 910px;
	margin: 5px 0 25px 0;
}

#quality #content, #safety #content, #community #content, #environmental #content, #contact #content, #company #content, #roads #content, #residential #content, #commercial #content, #recreational #content, #highways #content {
	padding-left: 300px;
	width: 610px;
}

#quality #content {
	background: url(../images/quality.jpg) no-repeat 0px 25px;
}

#safety #content {
	background: url(../images/safety.jpg) no-repeat 0px 25px;
}

#community #content {
	background: url(../images/community.jpg) no-repeat 0px 25px;
}

#company #content {
	background: url(../images/company.jpg) no-repeat 0px 25px;
	height: 306px;
}

#environmental #content {
	background: url(../images/environmental.jpg) no-repeat 0px 25px;
	height: 306px;
}

#contact #content {
	background: url(../images/contact.jpg) no-repeat 0px 25px;
	min-height: 306px;
}

#roads #content {
	background: url(../images/roads_content.jpg) no-repeat 0px 25px;
	min-height: 306px;
}

#highways #content {
	background: url(../images/highways_content.jpg) no-repeat 0px 25px;
	min-height: 306px;
}

#recreational #content {
	background: url(../images/recreational_content.jpg) no-repeat 0px 25px;
	min-height: 306px;
}

#commercial #content {
	background: url(../images/commercial_content.jpg) no-repeat 0px 25px;
	min-height: 306px;
}

#residential #content {
	background: url(../images/residential_content.jpg) no-repeat 0px 25px;
	min-height: 306px;
}

#content h2 {
	width: 100%;
	height: 25px;
	font-size: 18px;
	text-indent: -9999px;
	border-bottom: 1px solid #990000;
	margin-bottom: 5px;
}

#content h2.faq {
	background: url(../images/faqs_h2.gif) no-repeat top left;
}

#content h2.glossary {
	background: url(../images/glossary_h2.gif) no-repeat top left;
}

#content h2.contact {
	background: url(../images/contact_h2.gif) no-repeat top left;
}

#content h2.about {
	background: url(../images/about_h2.gif) no-repeat top left;
}

#content h2.quality {
	background: url(../images/quality_h2.gif) no-repeat top left;
}

#content h2.safety {
	background: url(../images/safety_h2.gif) no-repeat top left;
}

#content h2.roads {
	background: url(../images/roads_h2.gif) no-repeat top left;
}

#content h2.highways {
	background: url(../images/highways_h2.gif) no-repeat top left;
}

#content h2.recreational {
	background: url(../images/recreational_h2.gif) no-repeat top left;
}

#content h2.residential {
	background: url(../images/residential_h2.gif) no-repeat top left;
}

#content h2.commercial {
	background: url(../images/commercial_h2.gif) no-repeat top left;
}

#content h3, #submenu h3 {
	font-size: 14px;
	color: #fff;
	margin: 3px 0;
}

#content p, #submenu p {
	font-size: 12px;
	color: #e0e0e0;
	margin: 2px 0 12px 0;
}

#content p strong, #submenu p strong {
	color: #fff;
	display: block;
	margin: 4px 0;
}

#content ul {
	margin: 0 0 10px 20px;
}

#content li {
	font-size: 12px;
}

#content ul.widget {
	list-style: none;
	float: left;
	margin: 5px 20px 0 0;

	width: 30%;
}

#content ul.widget li {
	padding: 3px;
}

#content ul.widget li.title {
	border-bottom: 1px solid #333;
}

#content ul.widget li.title h3 {
	color: #f0f0f0;
}

#content a, #content a:visited {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: underline;
}

#content a:active, #content a:hover {
	text-decoration: none;
}

/* TABLE STYLES
********************************************/
table.plain td {
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #f0f0f0;
	vertical-align: middle;
}

table.plain input, table.plain textarea {
	margin-left: 2px;
}

table.plain td.jr {
	text-align: right;
	vertical-align: top;
	width: 1%;
}

table.plain td.jl {
	text-align: left;
	width: 99%;
}

/* INPUT STYLES
********************************************/
#content input, #content textarea, #content select {
	padding:2px;
	border:1px solid #333;
	border-top-color:#222;
	width: 250px;
	background:#181919 url(../images/submenu_hover.gif) repeat-x left bottom;
	font:14px Arial,Helvetica,FreeSans,clean,sans-serif;
	color: #f0f0f0;
}

#content input.button {
	width: 255px;
	cursor: pointer;
}

#content input.button:hover {
	background: url(../images/submenu_over.gif) repeat-x left bottom;
}

/* SUBMENU STYLES
***********************************************/
#content ul.subpage_menu {
	list-style: none;
	float: right;
	margin: -25px 10px 0 0;
}

#content ul.subpage_menu li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #999;
}

#content ul.subpage_menu li.close {
	border-right: none;
}

#content ul.subpage_menu li a, #content ul.subpage_menu li a:active {
	font-size: 11px;
	text-decoration: none;
}

#content ul.subpage_menu li a:hover {
	color: #FFF;
}