@charset "utf-8";
/* CSS Document */
/* Global Style Sheet for Ohio Highway Guy */
/* Version 1.0 | Updated 12/08/2008 */

/* @Begin Group Core Elements */
html {
	height: 100%;
	/* Force Vertical Scroll Bar for IE */
	margin-bottom: 1px;
}
body {
	font-size: 12px;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	line-height: 135%;
	color:#555555;
	margin: 0;
	padding: 0;
	text-align:center;
	background:#0E100F url(../images/background-main.jpg) repeat-x;
}
ul {
	/* Allow for Customizable List Classes */
	padding-left: 0;
	margin-left: 0;
}
p {
	/* Setup More Readable Paragraph Spacing */
	margin-top: 10px;
	margin-bottom: 15px;
}
h1, h2, h3, h4, h4 {
	/* Setup More Readable Header Spacing */
	padding-bottom: 0px;
	margin-top: 10px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	color:#000000;
	text-transform:capitalize;
	font-weight:bold;
}
h1 {
	font-size: 150%;
	color:#F59727;
}
h2 {
	font-size: 120%;
	color:#973c20;
	font-style:italic;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 120%;
}
a {
	/* Global Links */
	color:#F59727;
	text-decoration: none;
}
a:hover {
	/* Global Links | Hover */
	color:#943B1F;
	text-decoration:underline;
}

blockquote {
	border : 2px solid #6C3B1B;
	color:#333333;
	width: 280px;
	margin: 10px;
	padding: 10px;
	background-color: #F2EBD2;
}
.clearfloat {
	/* Final Class Used to Fully Close a div Float Element | Use: <br class="clearfloat" /> @ End of Closing div */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#content {
	float:left;
	width:570px;
}
#content h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
}
#jq {
}
/* @End Group Core Elements */

/* @Begin Global Container Elements */
#container {
	width: 967px;
	margin:0 auto;
}
#container .left-nav {
	width:230px;
	height:355px;
	float:left;
	background:url(../images/left-nav-back.png) no-repeat;
}
#container .middle-content {
	width:354px;
	min-height:!important 318px;
	float:left;
	padding:15px;
	color:#FFF;
}
#container .right-col {
	width:352px;
	float:left;
	min-height:!important 318px;
	height:328px;
}
#headerUNUSED {
	background:url(../images/header.png) no-repeat;
	height:185px;
}
#sub-head {
	height:100%!important;
	min-height:200px;
	text-align:left;
	color:#FFFFFF;
	padding:10px;
}
#sub-head .left {
	float:left;
	width:450px;
}
#sub-head .right {
	float:left;
	width:440px;
}
.spacer {
	background:url(../images/bottom-spacer.png) repeat-x;
	height:5px;
}
#no-margin {
	margin-left:-5px;
	margin-top:-10px;
	width:170px;
	position:relative;
	font-size:105%;
}
#float {
	float:left;
}
#nav {
	position:absolute;
	width:967px;
	height:63px;
	top:148px;
	background:url(../images/nav-bg.png) no-repeat;
}
#footer-nav {
	position:absolute;
	width:229px;
	height:234px;
	margin-left:70px;
	background:url(../images/sub-nav-home.png) no-repeat;
}
.one {
	position:absolute;
	margin-top:61px;
	margin-left:20px
}
.two {
	position:absolute;
	margin-top:100px;
	margin-left:20px
}
.three {
	position:absolute;
	margin-top:140px;
	margin-left:20px
}

#a a {
	background:url(../images/bottom-roll.png) repeat 0 0;
	height: 28px;
	width:206px;
	display:block;
}
#b a {
	background:url(../images/bottom-roll.png) repeat 0 40px;
	height: 28px;
	width:206px;
	display:block;
}
#c a {
	background:url(../images/bottom-roll.png) repeat 0 80px;
	height: 28px;
	width:206px;
	display:block;
}

#navigation a{
	background:url(../images/bottom-roll.png) repeat 0 240px;
	height: 28px;
	width:206px;
	display:block;
}

.center {
	text-align:center;	
}

.background-bottom {
	background:#949494 url(../images/background-bottom.png) repeat-x;
}
.background-bottom .left {
	float:left;
	width:350px;
}
.background-bottom .right {
	float:left;
	width:440px;
}

#copyrightleft {
	color:#F59727;
	font-size:100%;
	text-align:left;
}

#copyright {
	color:#999999;
	font-size:80%;
	text-align:right;
	float:right;
	line-height:13px;
}

#navigation a.active {
	background:url(../images/active.png);
}

#nav a.active {
	background:url(../images/t-active.png) repeat-x;
}
	
/* @End Global Container Elements */

/* Accordion Elements */
.accordion_toggle {
			display: block;
			height: 30px;
			/*width: 280px;*/
			background: #f2ebd2;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #6c3b1b;
			border-bottom: 1px solid #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: #491e0f;
			color: #ffffff;
			border-bottom: 1px solid #ddd223;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			padding: 0 10px 0 10px;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
			/* End Accordion Elements */
			
			/*UI accordion*/
.jq-accordion {
	/*resets*/margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 1.1emem;
	border-bottom: 1px solid #666666;
}
.jq-accordion-group {
	/*resets*/margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
	border: 1px solid #666666;
}
.jq-accordion-header {
	/*resets*/margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
	cursor: pointer;
	background: #555555 url(../images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
}
.jq-accordion-header a {
	/*resets*/margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
	display: block;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: .5em .5em .5em 1.7em;
	color: #eeeeee;
	background: url(../images/cccccc_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.jq-accordion-header a:hover {
	background: url(../images/ffffff_7x7_arrow_right.gif) .5em 50% no-repeat;
	color: #ffffff;
}
.jq-accordion-header:hover {
	background: #f59727 url(../images/f59727_40x100_textures_02_glass_40.png) 0 50% repeat-x;
	color: #ffffff;
}
.selected .jq-accordion-header, .selected .jq-accordion-header:hover {
	background: #f59727 url(../images/f59727_40x100_textures_05_inset_soft_30.png) 0 50% repeat-x;
}
.selected .jq-accordion-header a, .selected .jq-accordion-header a:hover {
	color: #ffffff;
	background: url(../images/222222_7x7_arrow_down.gif) .5em 50% no-repeat;
}
.jq-accordion-content {
	background: #000000 url(../images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;
	color: #ffffff;
	font-size: 1em;
}
.jq-accordion-content p {
	padding: 1em 1.7em 0.6em;
}
/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 1.1emem;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #666666;
	background: #000000 url(images/000000_40x100_textures_05_inset_soft_25.png) 0 bottom repeat-x;
	color: #ffffff;
}
.ui-component-content a {
	color: #ffffff;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #666666;
	background: #555555 url(images/555555_40x100_textures_02_glass_20.png) 0 50% repeat-x;
	font-weight: bold;
	color: #eeeeee !important;
}
.ui-default-state a {
	color: #eeeeee;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #a83300;
	background: #f59727 url(images/f59727_40x100_textures_02_glass_40.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
}
.ui-hover-state a {
	color: #ffffff;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #a83300;
	background: #f59727 url(images/f59727_40x100_textures_05_inset_soft_30.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
	outline: none;
}
.ui-active-state a {
	color: #ffffff;
	outline: none;
}
*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */

.bottom-back {
	background:url(../images/background-bottom-r.png) no-repeat;	
}