/********* Global Settings *********/
body {
	cursor: default;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 0px;
	padding: 0px;
}
acronym {
	border-bottom: 1px dashed #00CC33;
}
h1, h2, h3, h4, h5, h6 {
	color: #003366;
}
h2 {
	border-bottom: 1px dashed #003366;
}
noscript, .Error {
	color: #CC0000;
	font-size: larger;
	text-align: center;
}

/************* Trail Conditions **************/
#Trail_Conditions {
	border: 1px solid #003366;
}
#Trail_Conditions caption {
	color: #003366;
	font-size: x-large;
	font-weight: bold;
}
#Trail_Conditions th {
	background-color: #003366;
	color: #FFFFFF;
	text-align: left;
	padding: 4px;
}
#Trail_Conditions td {
	color: #FFFFFF;
	padding: 5px;
}
#Trail_Conditions .Dry {
	background-color: #006600;
}
#Trail_Conditions .Packed {
	background-color: #006699;
}
#Trail_Conditions .Damp, #Trail_Conditions .Icy {
	background-color: #FF6600;
}
#Trail_Conditions .Closed, #Trail_Conditions .Wet, #Trail_Conditions .Deep {
	background-color: #990000;
}
#Trail_Conditions .Unknown {
	background-color: #666666;
}
#Trail_Conditions a {
	color: #FFFFFF;
	text-decoration: none;
}
#Trail_Conditions a:hover {
	text-decoration: underline;
}

/************* Breadcrumb ****************/
/* (Above Links because of order issue.) */
#Breadcrumb {
	color: #666666;
	font-size: smaller;
	padding-bottom: 8px;
}
#Breadcrumb a {
	color: #666666;
	text-decoration: none;
}

/********** Links **********/
a img {
	border: 0px;
}
a:link {
	color: #0033CC;
}
a:visited {
	color: #6600CC;
	/* color: #6600CC; */
}
a:hover, #Breadcrumb a:hover {
	color: #0066FF;
	cursor: pointer;
	text-decoration: underline;
}
a:active, #Breadcrumb a:active {
	color: #CC0000;
}

/********** Section 508/WAI Links **********/
#WAILinks {
	display: none;
	visibility: hidden;
}

/********** Header (Title/Logo and Search Form) ***********/
#Header {
	background: #990000 url(../images/bg_Header.jpg) repeat-x;
	padding-top: 4px;
	padding-bottom: 1.4em;
	margin-bottom: 5px;
}
#Logo {
	background: #003366 url(../images/bg_Logo.jpg) repeat-x;
}
/* Clear the floats in #Logo. */
#Logo:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #Logo {height: 1%;}
/* End hide from IE-mac */
#Logo a {
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: "Matisse ITC", Arial, sans-serif;
	font-size: 2.8em;
	padding-left: 10px;
	text-decoration: none;
}
#Logo form {
	color: #FFFFFF;
	display: inline;
	float: right;
	font-weight: bold;
	margin: 0px;
	padding: 35px 3px 1px 1px;
}
#Logo span {
	font-size: 1px;
	height: 4em;
	display: block;
}

/********** Main Navigation **********/
#MainNav {
	background: #FFCC00 url(/_assets/images/bg_MainNav.jpg) repeat-x;
	clear: left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#MainNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#MainNav ul ul {
	display: none;
	width: 100%;
	position: absolute;
	z-index: 500;
}
#MainNav li {
	background: #FFCC00 url(/_assets/images/bg_MainNav.jpg) repeat-x;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
	white-space: nowrap;
	width: 20%;
}
#MainNav ul ul li {
	float: none;
	width: 100%;
}
#MainNav ul li:hover ul {
	display: block;
}
#MainNav a {
	border-left: 1px solid #EABC00;
	border-right: 1px solid #FFEB99;
	color: #003399;
	display: block;
	font-weight: bold;
	padding: 2px;
	position: relative;
	text-decoration: none;
}
#MainNav a:hover,
#MainNav ul ul a:hover {
	background-color: #FFCC00;
	color: #CC0000;
}
#MainNav ul ul a {
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
}
#MainNav .Current {
	color: #990000;
}
#MainNav .DropDown {
	background-image: url(/_assets/images/icn_MainPlus.gif);
	background-position: 99% 70%;
	background-repeat:no-repeat;
	display: block;
}

/********** Content/Body **********/
#Content {
	padding: 0px 10px 5px 10px;
}
#Title {
	color: #C10000;
	margin-top: 0px;
}

/********** Footer (Copyright, Updated, Valid/Compliant) ***********/
#Footer {
	border-top: 1px dashed #666666;
	clear: both;
	color: #666666;
	font-size: smaller;
	margin: 15px 15px 0px 15px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}