@charset "utf-8";
/* CSS Document */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl,img { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }

html,body { height: 100%; }
body {
	font: 11px arial,lucida sans,sans-serif;
	line-height: 18px;
	background: #f8eccb;
	color: #333;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

a { color: #3366cc; }
a:hover { color: #7a010a;}

#wrap {text-align: left; margin: 0 auto; overflow: hidden; width: 800px; }

/* HEADER ------------------------------------------------------------------------------------------------------------------------------------------*/
#header-home, #header {background: url(../images/pic-mast.jpg) no-repeat; width: 100%; height: 257px; border-top: 10px solid #1f4a62; border-bottom: 10px solid #1f4a62;}
#header {background-position: 0 -35px; height: 222px;}
	#logo-nav {position: relative; z-index: 100; float: right;}
		#logo {background: url(../images/logo-trails.png) no-repeat; width: 297px; height: 82px; float: left; margin-right: 93px; display: inline;}
			#logo a {display: block; width: 297px; height: 82px; float: left; position: relative; z-index:200;}
		#top-nav {margin: 0 10px 0 0; float: left;}
			#top-nav-left {background: url(../images/nav-top-left.png) no-repeat; width: 9px; height: 25px; float: left;}
			#top-nav-right {background: url(../images/nav-top-right.png) no-repeat; width: 9px; height: 25px; float: left;}
			#top-nav-center {background: url(../images/nav-top-bg.gif) repeat-x; float: left; height: 25px;}
				#top-nav ul {}
					#top-nav ul li {display: inline; float: left; }
					#top-nav ul li a {color: #f8eccb; text-decoration: none; font-size: 12px; display: block; padding: 0 12px; line-height:15px;}
						#top-nav ul li a:hover {text-decoration: underline;}
			
/* NAVIGATIONS --------------------------------------------------------------------------------------------------------------------------------------*/			
#nav {width: 752px; clear: both; float: left; font-size: 12px; margin-left: 38px; display: inline; }
	#nav ul {width: 100%; clear: both;}
		#nav ul li {display: inline; float: left; margin-right: 40px;}	 		
			#nav ul li a {color: #8c181b; text-decoration: none; display: block; float: left; height: 28px; padding-top: 10px; display: inline;}
			#nav ul li a:hover, li.selected {background: url(../images/nav-over.gif) no-repeat center bottom;}


/* CONTENT -----------------------------------------------------------------------------------------------------------------------------------------*/
#content {width: 100%; float: left; margin: 37px 0;}

	#left-column {width: 440px; margin-left: 38px; margin-right: 40px; float: left; display: inline;}
	
		/* Titles and Text Formatting */
		#content h1 {font: 25px Georgia,"Times New Roman", Times, serif; color: #8c181b; font-style:italic;}
		#content h2 {text-transform: uppercase; color: #8c181b; font: 13px Georgia,"Times New Roman", Times, serif;}
		#content h1, #content p, #content h2 {margin-bottom: 15px;}
		
		
	#right-column {width: 278px; float: left; display: inline;}	
			
	#one-column {padding: 0px 38px; float: left;}	
		
		
		/* Two Columns inside content */
		#twoCols {width: 100%;}
			#twoCols-left {width: 44%; float: left;  }
			#twoCols-right { width: 56%; float: right; }
		
		/* Communities */
		#communities {width: 244px; background: #F4E7C2; padding: 15px 7px;}
			#communities .a {width: 117px; margin-right:  15px;}
			#communities .td {width: 112px;}
			#communities .tr {border-bottom: 1px #e4d2a0 dotted; padding-bottom: 10px; margin-bottom: 10px;}
		
		/* Tables */
		.table {width: 100%; float: left;}
			.tr {width: 100%; float: left; margin-bottom: 10px;}
			.td {float: left;}
			#communities .last {margin-bottom: 0px; border: none;}			
/* FOOTER -----------------------------------------------------------------------------------------------------------------------------------------*/			
#footer {width: 100%; clear: both; text-align: center; color: #083a81; margin-bottom: 40px;}	
	#footer ul {width: 100%; background: #efdfb4; overflow: hidden; padding: 7px 0; margin-bottom: 20px;}	
		#footer ul li {display: inline; color: #083a81; padding: 0 5px;}
		#footer ul li a {color: #083a81; text-decoration: none; border-right: 1px solid #083a81; padding-right: 10px;}
			#footer ul li a.last {border: none; padding: 0;}	
			#footer ul li a:hover {text-decoration: underline;}
			
			
/* CLASSES -----------------------------------------------------------------------------------------------------------------------------------------*/			
.clear {line-height: 0; font-size: 0;}
.moreInfo {background: url(../images/icon-question.gif) no-repeat; padding: 10px 0 0 50px; height: 40px; color: #254f67; font-size: 14px; font-weight: bold}
.imgLeft {border: 2px solid #8c181b; float: left; margin-right: 15px;}
#content .noMargin {margin: 0; }

#logo h1 a span {display: none;}