html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{background: #9DB9D5 url("/images/bg_page.jpg") repeat-x;color:#333; font:76% arial,sans-serif; line-height:1.5; text-align:center;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal; text-align:left;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
#articles #content li {margin: 0 1.5em;}
#articles #content table {margin: 0 1.5em; text-align: center;}

h1, h2, h3, h4, h5, h6 {color:#111; font-weight:normal;}
h1 {font-size:3em; line-height:1; margin-bottom:0.5em;}
h2 {font-size:2em; margin-bottom:0.75em;}
h3 {font-size:1.5em; line-height:1; margin-bottom:1em;}
h4 {font-size:1.2em; line-height:1.25; height:1.25em; margin-bottom:1.25em;}
h5 {font-size:1em; font-weight:bold; margin-bottom:1.5em;}
h6 {font-size:1em; font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h2.tagline	{ font-size: 20px; color: #406696; background: #fff url("/images/kokogear.gif") 0 0 no-repeat; border-bottom: 1px solid #7399C9; padding-left: 45px; line-height: 45px;} /* tagline */	
h3.section, h3.section a	{ font-size: 16px; color: #967040; border-bottom: 1px dashed #ccc; padding: 8px 0 0 0; font-weight: bold; text-decoration: none;} /* home page stuff */
h3.col {font-size:1.5em; line-height:1; margin-bottom:.5em; text-align: center; border-top: 1px solid #ccc; color: #996633; padding-top:.5em;}
h4.article {font-size:1.5em; line-height:1; margin-bottom:.5em; color: #996633; padding-top:.5em;}
p {margin:0 0 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009; text-decoration:underline;}
blockquote {color:#666; font-style:italic; margin:1.5em;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
hr.spaceborder {background:#fff;color:#fff; border-bottom: 1px solid #ccc; margin-bottom:.5em; padding-top:.5em;}

.clear 			{ clear:both; height: 0;}

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:990px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

img, a img 		{border: 0;}

.verttop         {vertical-align: top;}
.vertbottom      {vertical-align: bottom; padding-top: 5px;}
.vertcenter      {vertical-align: middle; padding: 0;}
.vertcenterimg   {vertical-align: middle; padding:0 0 5px 5px;}

/*- Links--------------------------- */
a:link,  a:visited {color: #003399; text-decoration:none;}
a:hover, a:active {color: #b82424; text-decoration:none;}
#footer a:link,  a:visited {color: #003399; text-decoration:none;}
#footer a:hover, a:active {color: #b82424; text-decoration:none;}

.map:link, .map:visited{
	background: transparent url("/images/flag_blue.png") 0 50% no-repeat;
	line-height: 20px;
	height: 20px;
	padding: 6px 0 6px 20px;
	}
.website:link, .website:visited{
	background: transparent url("/images/world.png") 0 50% no-repeat;
	line-height: 20px;
	height: 20px;
	padding: 6px 0 6px 20px;
	}
.phone {
	background: transparent url("/images/phone.png") 0 50% no-repeat;
	line-height: 20px;
	height: 20px;
	padding: 6px 0 6px 20px;
	}
.photos:link, .photos:visited{
	background: transparent url("/images/camera.jpg") 0 50% no-repeat;
	line-height: 20px;
	height: 2px;
	padding: 6px 0 6px 24px;
	}
.videos:link, .videos:visited{
	background: transparent url("/images/video.jpg") 0 50% no-repeat;
	line-height: 20px;
	height: 2px;
	padding: 6px 0 6px 20px;
	}

div#header{position:relative; height:130px; line-height:130px; text-align:center; background: #fff url("/images/logo_bg.jpg") repeat-x;}
div#container{text-align:left; width:990px; margin:0 auto; background: #fff url("/images/container_bg.gif") repeat-y;}
div#wrapper{float:left; width:100%;}
div#content{margin: 0 220px; padding:35px 10px 10px 10px;}
div#left{float:left; width:200px; margin-left:-990px; padding:15px 10px 10px 10px;}
div#right{float:left; width:200px; margin-left:-220px; padding:15px 10px 10px 10px;}
div#footer{background: #fff; border-top: 1px solid #ccc; color: #333; clear:left; text-align:center; width:100%;}
div#footer p{margin:0; padding:5px 10px;}
div#footer a{display:inline; padding:0; color: #009;}
/* Navigation */
#navigation {font-size: 1em; line-height: normal;}
#navigation ul {list-style: none; position: absolute; margin-left: 270px;}
#navigation li {display: inline;}
#navigation a, #navigation li {float: left;	background: #fff url("/images/nav_left.gif") no-repeat left bottom;	text-decoration: none;}
#home #navigation li.home a, #trails #navigation li.trails a, #gallery #navigation li.gallery a, #articles #navigation li.articles a, #forums #navigation li.forums a, #links #navigation li.links a, #contact #navigation li.contact a {background: #fff url("/images/nav_left_active.gif") no-repeat left bottom;}
#navigation a span, #navigation li span {
	float: left; font-weight: bold;
	display: block;
	background: transparent url("/images/nav_right.gif") no-repeat right bottom;
	padding: 2px 12px 5px 10px;
	color: #fff;
	letter-spacing: .05em;
	}
#home #navigation li.home a span, #trails #navigation li.trails a span, #gallery #navigation li.gallery a span, #articles #navigation li.articles a span, #forums #navigation li.forums a span, #links #navigation li.links a span, #contact #navigation li.contact a span{
	background: transparent url("/images/nav_right_active.gif") no-repeat right bottom;
	color: #EEE;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {
	float: none;
	}
/* End IE5-Mac hack */
#navigation a:hover, #navigation a:focus {
	border: 0px;
	margin-top: 0px;
	}
#navigation a:hover span, #navigation a:focus span {
	padding-top: 7px;
	}
.email {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 8px;
	}
.freemail:link  {
	font-weight: bold;
	}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.leftbooks {background: #efefef; border: 1px solid #ccc; font: 12px arial, verdana sans-serif; padding: 10px; margin-bottom: 5px; text-align: center;}
.leftbooks a:link, #leftbooks a:visited {text-decoration: none;}
img#home {border: 1px solid #000000;}
.sectioncolor {background: #F2F2F2; border: 1px solid #D8D8D8; padding:5px;margin-bottom:10px;}
.sectionnocolor {background: #fff; border: 1px solid #D8D8D8; padding:5px;margin-bottom:10px;}
ul.races li {margin-left: 20px;}
.gear a {margin: 0 5px 0 0; padding: 0; text-align: center;}
.gear a img {margin: 0 5px 0 0; padding: 0; text-align: center;}
.books a {margin: 0 5px 0 0; padding: 0; text-align: center;}
.books a img {margin: 0 5px 0 0; padding: 0; text-align: center;}
.photostitle {border-bottom: 1px solid #ccc; font-weight: bold; padding-top: 25px;}
.articlephotos a {margin: 0 5px 0 0; padding: 0; text-align: center;}
.articlephotos a img {margin: 0 5px 0 0; padding: 0; text-align: center;}
.author {font: 11px arial, verdana sans-serif; color: #8C8C8C; background-color: transparent; font-style: italic;}/* article author text */
.copyright { color:#8C8C8C; font-family: arial,verdana,helvetica,times; font-size: 10px;}/* article copyright text */
.caption { color:#000000; font-family: arial,verdana,helvetica,times; font-size: 10px;}/* photo caption in text */


.arrowlistmenu{
width: 95%; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url("/images/titlebar.png") repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
font-weight: bold;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url("/images/arrowbullet.png") no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/* Contact Form
--------------------------------------------------------------------------------------- */
#columnarForm {width: 100%;}
#columnarForm legend {background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 1em;
	padding: 2px 4px;}
#columnarForm fieldset {background: #FBFBFB;margin: 0 1em 1em 0; padding: 0 1em 1em 1em;}
#columnarForm fieldset.radio {width: 15em; margin: 1em 0 2em 0;}
#columnarForm fieldset.radio input {clear: both; float: left; width: auto;}
#columnarForm fieldset.radio label {font-weight: normal;}
#columnarForm input {display: block; width: 265px;}
#columnarForm textarea {display: block; width: 265px;}
#columnarForm label {display: block; margin-bottom: 2px; margin-top: 5px; font-weight: bold;}
#columnarForm label.first {padding-top: 0em;}
#columnarForm select {display: block;}
input.txt_er, textarea.txt_er, select.txt_er, file.txt_er, checkbox.txt_er, radio.txt_er, p.txt_er {
	font-size: 1em;
	width: 150px;
	background: #e3c7c7;
	border: 1px solid #cc0000;
	padding: 1px 0 1px 2px;
	}
 p.txt_er {
 	width: 90%;
 	}
.success_sent {
	background: #CCFF99;
	border: 1px solid #ccc;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 20px;
	}
.failure_sent {
	background: #CCFF99;
	border: 1px solid #ccc;
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 20px;
	}

table#books { margin: 0; padding: 0; border-collapse: collapse; border: 1px solid #000000; width: 100%; text-align: center;}
table#books td { font: 10px arial, verdana sans-serif; color: #ffffff; margin: 0; padding: 5px 0 5px 0; vertical-align: top; text-align: center;}
table#books td a:link, table#books td a:visited {
	color:#967040;
	background-color: transparent;
	text-decoration: none;
}

table#newsfeed { border: 1px solid #000000; width: 100%;}
table#newsfeed td {margin: 0; padding: 15px; vertical-align: top;}
table#newsfeed td#newstitle {font: 12px arial, verdana sans-serif; color: #ffffff; margin: 0; padding: 15px; vertical-align: middle; background-color: #7399C9;}
table#newsfeed td#newstitle a:link, table#newsfeed td#newstitle a:visited { background-color: #7399C9; color: #ffffff; text-decoration: none; font-weight: bold;}
table#newsfeed td#morenews {margin: 0; padding: 15px; vertical-align: middle; background-color: #7399C9; color: #000000; text-align: right; vertical-align: middle;}
table#newsfeed td#arttitle {margin: 0; padding: 15px; vertical-align: middle; background-color: #E7F6FF; color: #000000; font-weight: bold;}
table#newsfeed td#description {margin: 0; padding: 15px; vertical-align: middle; background-color: #FBFBFB; color: #000000; line-height: 1.5em;}

.back a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #336799;
	padding: 4px;
	border: 1px solid #000;
	}