/*
CSS for Farruner.com by Bob Shaw 
*/

body {
	margin: 0;
	background: #35393D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #C0BFBF;
}

h1, h2, h3 {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.25em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

/*
ul, ol {
}
*/

a {
	text-decoration:underline;
	color: #C0BFBF;
}

a:hover {
	background: none;
}

/* Table setup  */

table {
	width: 265px;
	height: 220px;
}

/* Header */

a img{
	border:none;
}

img.left,img.center,img.right {
	padding: 4px;
	border: 1px solid #110000;
        background-color: #efefef; 
}

img.left {
	float: left;
	margin: 0 12px 5px 0;
}

img.center {
	display: block;
	margin: 0 auto 5px auto;
}

img.right {
	float: right;
	margin: 0 0 5px 20px;
}


#header {
	width: 940px;
	height: 200px;
	margin: 0 auto;
	background: #000 url(100_3237_cr.jpg) no-repeat center top;
}

#header1 {
	width: 320px;
	height: 270px;
	margin: 0;
	background: #FFF url(coloradosprings.jpg) no-repeat center top;
}

#header h1 {
	float: left;
	margin-left: 80px;
	padding-top: 85px;
	text-transform: uppercase;
	font-size: 2.6em;
}	
#intro {
	width: 850px;
	margin: 0 auto;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	border: 5px double #000;		
}

/* Main Menu */

#menu {
	width: 940px;
	height: 60px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	margin-left: 30px;
	padding: 16px 0 0 10px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	margin-right: 3px;
	padding: 5px 20px;
	background: #000;
	text-transform: lowercase;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
}

#menu a:hover, #menu .current_page_item a {
	color: #FFF;
}

#menu a:hover {
	text-decoration: underline;
	color: Red
}

/* Submenu */

.submenu {
	width: 940px;
	height: 60px;
	margin: 0 auto;
}

.submenu ul  {
	margin: 0;
	margin-left: 30px;
	padding: 16px 0 0 10px;
	list-style: none;
	line-height: normal;
}

.submenu li {
	float: left;
}

.submenu a {
	margin-right: 3px;
	padding: 5px 20px;
	background: #000;
	text-transform: lowercase;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
}

.submenu a:hover, #menu .current_page_item a {
	color: #FFF;
}

.submenu a:hover {
	text-decoration: underline;
	font-weight: bold;
	background: white;
	color: blue;
}

/* introduction id - use at top of trail pages for trailhead and summary writeups */

#introduction {
	  width: 850px;
	  float: left;
	  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	  font-size: 18px;
	  line-height: 1.1em;
 	  color: ##C0BFBF;
	  Padding: 10px 0;
	  text-align: justify;	  
}

/* Page - defines the general page width */

#page {
	width: 850px;
	margin: 0 auto;
	padding: 40px;
}

/* Content - defines the left side column within page */

#content {
	float: left;
	width: 560px;
}

#trailpage {
	margin: 0;
	background: #35393D;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em
	font-size: 17px;
	color: #C0BFBF;
	text-align: justify;
}

#trailpage p {
	margin-top: 0;
	line-height: 130%;
	font-weight: bold;
}

/* Sidebar - defines the right side column within page */

#sidebar {
	float: right;
	width: 265px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background: #A8E8E8;
	border: 1px solid #D3D3D3;
	color: #000000;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 15px;
}

#sidebar li li {
}

#sidebar h2 {
	padding: 5px 10px;
	background: #000000;
	font-size: 1.2em;
	color: #FFFFFF
}

#sidebar p {
	padding: 10px;
}

#sidebar a {
	text-decoration:underline;
	color: #000;
}	

/* Page Footer */

#footer {
	width: 700px;
	height: 60px;
	margin: 0 auto;
	padding: 20px 0;
	background: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#footer p {
	margin: 0;
	line-height: normal;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}