﻿@import url(layout.css);
body {
	

	color: #000;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
#container {
	background-image: url('../images/header.jpg');
	background-position: center top;
	width: auto;
	margin: 0 auto;
	background-repeat: no-repeat;
}
#masthead {
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	width: 930px;
	padding: 0;
}
#redbar {
	
	
	background-color: #D40D08;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
	box-shadow: 0 2px 1px #9c9c9c;
	}
#redbar .wrap {
	width: 930px;
	
	
}

#column_l {
	width: 650px;
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px;
}
#column_r {
	width: 193px;
	margin: 0;
	float: right;
	background-color: #75A07F;
	position: relative;
	right: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#footer {
	text-align: center;
	background-color: #D40D08;
	margin-right: 10px;
	margin-left: 10px;
	overflow: hidden;
	padding: 2px;
}
/* Styles for Masthead */
#masthead img {
	float: left;
}
#masthead p {
	color: #000;
	font-size: x-small;
	text-align: right;
	margin: 10px 10px 10px 10px;
}
/* Styles for Navigation */
nav {
/*red bars out to edge*/						/* */
background-color: #D40D08;
z-index: 80;
}
nav .wrap { /* centres on page*/
	margin-right: auto;
	margin-left: auto;
	width: 930px;	
}

/* ul's*/

nav ul {/* main links*/
	background: #D40D08; 
	padding: 0;
	margin:0; 
	list-style: none;
	height:auto;
	top:0;
	position: relative;
	/*display: inline-table;*/	
}

nav ul ul { /* gcare & ag links*/
	display: none;
	z-index: 81;
	font-size:11px;
	
	background: #fff;
	border-radius: 0px;
	padding: 1px;
	position: absolute;
	top: 100%;
}	

nav ul ul ul { /* 2wheel wood chip fort links*/
	position: absolute; 
	left: 100%; 
	top:0;
	min-width:155px;
	padding: 0px;
	
}
nav ul ul ul ul {
background:fff;
min-width:130px;
}

/* ul li's */


nav ul li {
	float: left;
}

nav ul ul li {
		float: none; 
		position: relative;
		min-height:24px;	
	
}

nav ul ul ul li {}
nav ul ul ul ul li {}





/*468849;*/

	

	nav ul:after {
		content: ""; clear: both; display: block;
	}


	nav ul li:hover > ul {
		display: block;
	}

	nav ul li:hover {

}
		nav ul li:hover a {
			color: #fff; /* makes hovered menu text white*/
		}
	
	nav ul li a {
		display: block; 
		padding: 5px ; 
		color: #000; 
		text-decoration: none;
	}
nav ul ul a.fly {background: #aaa;

}
	
	
	
		nav ul ul li a {
		
			color: #fff;
			background:#75A07F;
			
		}	
			nav ul ul li a:hover {
				background: #D40D08;
			}


nav ul li:hover > a {background-color:#D40D08; color:#fff; text-decoration:none;}
nav ul ul li:hover > a {background-color:#D40D08; color:#fff;}
nav ul ul li:hover > a.fly {background-color:#aaa; color:#fff;}


#nav li a.current,
#nav ul li a.current,
#nav ul ul li a.current,
#nav ul ul ul li a.current {
	background-color: #468849;
	color: #fff;


}


#flyout { float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:130px;}
#flyout ul {padding:0; margin:0; list-style:none; width:130px; height:auto; background: url(trans.gif); position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:1px;}
#flyout li a {display:block; float:left; width:150px; height:24px; background:#468849; color:#fff; line-height:24px; font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-indent:10px;}
#flyout li a.fly {background:#888 url(right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#D40D08; color:#fff;}
#flyout li:hover > a {background-color:#D40D08; color:#fff;}

#flyout ul li a {background:#75A07F;}
#flyout ul li a.fly {background:#aaa url(right-arrow.gif) no-repeat right center;}
#flyout ul ul li a {background:#75A07F;}
#flyout ul ul li a.fly {background:#ccc url(right-arrow.gif) no-repeat right center;}
#flyout ul ul ul li a {background:#75A07F;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {
	background-color: #468849;
	color: #fff;
}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left: -165px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background-color:##D40D08; color:#fff;}
#flyout ul ul li:hover > a {background-color:#D40D08; color:#fff;}


}










/* Styles for Content */
h1 {
	color: #036703;
	font-size: 2.0em;
	z-index: 1;
}
h2 {
	color: #036703;
	font-size: 1.75em;
	z-index: 2;
}
h3 {
	color: #036703;
	font-size: 1.5em;
	z-index: 3;
}
h4 {
	color: #036703;
	font-size: 1.25em;
	z-index: 4;
}
h5 {
	color: #036703;
	font-size: 0.75em;
	z-index: 5;
}
h6 {
	color: #036703;
	font-size: 0.5em;
}
big {
	color: #036703;
	font-size: medium;
}
#column_r p {
	color: #000;
	font-size: x-small;
	text-align: left;
	margin: 0;
	padding: 5px;
}
#column_r h4 {
	margin-bottom: 0;
}
#column_r ul {
	margin-left: 5px;
	padding-top: 0;
	padding-left: 10px;
}
#column_r ul li {
	font-size: x-small;
	display: list-item;
	list-style-position: outside;
}
/* Styles for Footer */
#footer p {
	color: #468849;
	font-size: x-small;
	margin-top: 2px;
	margin-bottom: 6px;
}
#footer a {
	color: #000;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
/* Styles for Links */
a {
	color: #456;
	text-decoration: underline;
}
a:hover {
	color: #036703;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}