/* CSS Document */

/* =========================== The Usuals */
	html, body, dl, dt, dd, img, tr, td {
	margin: 0; 
	padding: 0;
	border: 0;
	text-align:left;
	vertical-align:top;
	}
/* =========================== The Usuals -- The PNG Fix */
	img, div { behavior: url(htc/iepngfix.htc) }
	
/* =========================== The Usuals -- The Clear Fix */
	.clearfix {display: inline-table;}
	.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
/* =========================== The Usuals -- The 100% Height Fix */
	body, html {
	height:100%;
	}

	hr {
	clear:both;
	border: none 0;
	border-top: 2px solid #CCCCCC;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin: 0 0 1.4em 0;
	}
	
/* =========================== All Content */
	.container {
	width: 760px;
	margin: 0 auto 0 auto;  /* CENTERED */
	padding: 0;
	background: #669999 url("../img/tile_stripes.gif") 0 200px;
	background-repeat:repeat-x;
	border-left: 4px solid #333333;
	border-right: 4px solid #333333;
	}

/* =========================== Banner */
	#banner {
	background: #CCCC99 url("../img/banner.jpg");
	background-repeat:no-repeat;
	height: 160px;
	margin: 0;
	padding: 0;
	}

/* =========================== Center Container */
	#content {
	width: 740px;
	margin: 8px auto 8px auto;
	padding: 0;
	}
	
/* =========================== Navigation */
  #nav {
  	width:100%;
    float:left;
    line-height:normal;
    font-size: 85%;
    background:#CCCC99 url("../img/tile_nav.gif")
      repeat-x bottom;
    }
  #nav ul {
    margin:0;
    padding:4px 8px 4px 8px;
    list-style:none;
    }
  #nav li {
    float:left;
    margin:0;
    padding:0;
	background:url("../img/tab_off_r.gif")
      no-repeat right top;
    }
  #nav a {
    float:left; /* Mac related Hack */
    background:url("../img/tab_off_l.gif")
      no-repeat left top;
    display:block;
    padding:5px 15px 4px;
	color:#663300;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
    }
  #nav a:hover {
  color: #FFFFFF;
    background-color:#2D88B7;
    background:url("../img/tab_off_l.gif")
      no-repeat left top;
    }
	
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #nav a {float:none;}
  /* End IE5-Mac hack */
	
  #nav #current {
    background-color:#FFFFFF;
    background:url("../img/tab_on_r.gif")
      no-repeat right top;
    }
  #nav #current a {
    padding-bottom:5px;
    background-color:#FFFFFF;
	background:url("../img/tab_on_l.gif")
     no-repeat left top;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
    }

/* =========================== Callout Column */
	#calloutbox {
	width: 240px;
	height: 100%;
	float: right;
	margin: 4px 0 0 0;
	padding: 0;
	}
	
/* =========================== Callout Column - Donate */

	.logoaamds {
	background-color:#FFFFFF;
	padding: 4px;
	margin:0 auto 8px auto;
	width:220px;
	height:56px;
	border:4px solid #669999;
	}
/* ================================================================================ Callout Column - Donate */	
	#calloutbox #donate {
	margin: 0 0 8px 0;
	padding: 4px 0 4px 0;
	background-color:#FFFFFF;
	border:4px solid #669999;
    font-size: 75%;
	text-align:right;
	height: 175px;
	overflow:visible;
	}
	#calloutbox #donate:hover {
	border:4px solid #993300;
	}
	#calloutbox #donate img {
	float:left;
	margin:0;
	padding:0;
	}
	#calloutbox #donate img.smalllogo {
	float:left;
	margin: -2px 0 0 0;
	padding:0;
	}
	#calloutbox #donate .noticeme a {
	font-size: 1.2em;
	text-decoration:none;
	margin:0;
	padding:2px;
	background-color:#669999;
	color:#FFFFFF;
	}
	#calloutbox #donate .noticeme a:hover {
	color:#66CCFF;
	}
	#calloutbox #donate p {
	margin:8px 2px 2px 90px;
	padding:2px;
	color:#000000;
	background-color:#FFFFFF;
	border-left:1px solid #99CCCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size:0.9em;
	}
	#calloutbox #donate a {
	margin: 0;
	padding:4px;
	font-weight:bold;
	color:#993300;
	text-decoration:underline;
	}
	#calloutbox #donate a:hover {
	color:#FFFFFF;
	background-color:#993300;
	text-decoration:none;
	}


/* =========================== Callout Column - Item */
	#calloutbox .callitem {
    font-size: 75%;
	margin: 0 0 8px 0;
	padding: 0 0 4px 0;
	background-color:#FFFFFF;
	text-align:right;
	border:4px solid #669999;
	}
	#calloutbox .callitem h1 {
	font-size: 1.4em;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0 0 4px 0;
	padding: 16px 2px 2px 14px;
	background:#993333 url("../img/tile_strap.gif")
     repeat-x left top;
	 text-align:left;
	}
	#calloutbox .callitem p {
	margin:4px;
	padding:8px;
	font-weight:normal;
	color:#000000;
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	text-align:left;
	}
	#calloutbox .callitem p.ourhikeoffsite {
	margin:4px;
	padding:8px;
	font-weight:normal;
	color:#000000;
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	text-align:left;
	}
	#calloutbox .callitem .readmore a {
	margin: 6px;
	padding:0 4px 0 4px;
	background-color:#999966;
	color:#FFFFFF;
	text-decoration:none;
	}
	#calloutbox .callitem .readmore a:hover {
	background-color:#CCCC99;
	color:#999966;
	text-decoration:none;
	}
	
/* =========================== Callout Column - Sponsors */
	#calloutbox #callitem_sponsor {
    font-size: 75%;
	margin: 0 0 8px 0;
	padding: 0 0 4px 0;
	background-color:#FFFFFF;
	text-align:right;
	border:4px solid #669999;
	}
	#calloutbox #callitem_sponsor img {
	margin: 2px;
	padding: 2px;
	}
	#calloutbox #callitem_sponsor h1 {
	font-size: 1.4em;
	font-weight:bold;
	color:#FFFFFF;
	margin: 0 0 4px 0;
	padding: 16px 2px 2px 14px;
	background:#993333 url("../img/tile_strap.gif")
     repeat-x left top;
	 text-align:left;
	}
	#calloutbox #callitem_sponsor p {
	margin:2px;
	padding:4px;
	font-weight:normal;
	color:#000000;
	background:#FFFFFF;
	border: 1px solid #CCCCCC;
	text-align:center;
	}
	#calloutbox #callitem_sponsor a {
	color:#993300;
	text-decoration:none;
	}
	#calloutbox #callitem_sponsor a:hover {
	background-color:#993300;
	color:#FFFFFF;
	text-decoration:underline;
	}


/* =========================== Callout Column - Item Alt */
	#calloutbox .mappy {
	text-align:center;
	margin: 0 0 16px 0;
	border:4px solid #669999;
	background:#FFFFCC url("../img/tile_grad_tan.gif");
	background-repeat:repeat-x;
	background-position:bottom;
	}
	#calloutbox .mappy h1 {
	margin: 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:95%;
	font-weight:bold;
	color:#993300;
	}
	#calloutbox .mappy a {
	padding: 4px;
	color:#993300;
	}
	#calloutbox .mappy a:hover {
	color:#FFFFFF;
	background-color:#993300;
	text-decoration:none;
	}
	
	#calloutbox .feeder {
	text-align:center;
	margin: 0 0 16px 0;
	border:4px solid #669999;
	background:#FFFFCC url("../img/tile_grad_tan.gif");
	background-repeat:repeat-x;
	background-position:bottom;
	}
	#calloutbox .feeder h1 {
	margin:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:95%;
	font-weight:bold;
	color:#993300;
	}
	#calloutbox .feeder a {
	padding: 1px;
	color:#993300;
	}
	#calloutbox .feeder a:hover {
	color:#FFFFFF;
	background-color:#993300;
	text-decoration:none;
	}
	
/* =========================== Main Copy */
	#bodycopy {
	float:left;
	width:480px;
	margin:4px 0 0 0;
	padding:0;
	background-color:#DDDDEE;
	border:4px solid #669999;
	height: 100%;
	}
	#bodycopy a {
	color:#993300;
	}
	#bodycopy a:hover {
	color:#FFFFFF;
	background-color:#993300;
	}
	
	#bodycopy img {
	float:left;
	margin: 4px;
	padding: 4px;
	}
	#bodycopy img.icon {
	margin:2px;
	padding:0;
	}
	
	#bodycopy img.righty {
	float:right;
	margin: 4px;
	padding: 4px;
	}

	#bodycopy p {
	vertical-align:top;
	font-size:85%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#333333;
	margin: 2px;
	padding: 2px 24px 16px 12px;
	}
	#bodycopy span.emphasize {
	background-color:#ddeecc;
	}
	#bodycopy .signoff {
	margin: -16px 20px 2px 2px;
	text-align:right;
	font-style:italic;
	}
	#bodycopy p.quotes {
	vertical-align:top;
	font-size:85%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#666633;
	margin: 2px;
	padding: 2px 24px 2px 12px;
	}
	#bodycopy .hilight {
	vertical-align:top;
	font-size:85%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#666633;
	margin: 2px;
	padding: 2px 24px 2px 12px;
	background-color:#ddeecc;
	}
	#linksone ul {
	font-size:85%;
	margin-left: 1em;
	padding:0;
	text-align:justify;
	list-style-type: none;
	list-style-position:inherit;
	}
	#linksone li {
	margin: 2px 38px 2px 38px;
	padding-left: 1.3em;
	padding-bottom: 1em;
	border-bottom:1px solid #FFFFFF;
	background-image: url(../img/bullet_drop.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	}
	#bodycopy h1 {
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight:bold;
	margin: 0 0 12px 0;
	padding: 12px 4px 8px 12px;
	border-bottom: 4px solid #999966;
	color:#993300;
	background: #FFFFCC url("../img/tile_nav.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	}
	#bodycopy h2 {
	color:#333333;
	font-size: 1.2em;
	font-weight:bold;
	margin:0;
	padding: 6px 24px 0 13px;
	}
	#bodycopy h2.gallery {
	color:#666633;
	font-size: 1.2em;
	font-weight:bold;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 24px 0 68px;
	background:url("../img/label.gif") no-repeat 40px 0;
	background-color:transparent;
	height:40px;
	}
	#bodycopy table.picgallery {
	margin: 4px auto 4px auto;
	padding:0;
	width:80%;
	border-collapse:collapse;
	vertical-align:top;
	}
	#bodycopy table.picgallery img {
	border-color:#666633;
	background-color:#463A20;
	}
	#bodycopy table.picgallery img:hover {
	border-color:#993300;
	background-color:#FFFFFF;
	}
	#bodycopy p.piccaption {
	margin:0 auto;
	padding:6px;
	border:1px dotted #999999;
	height:30px;
	width:120px;
	background-color:#EEEEDD;
	overflow:visible;
	clear:both;
	}

/* =========================== Tables */
	table {
	clear:both;
	width:90%;
	margin: .8em auto .1em auto;
	padding: 0;
	border-spacing: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: .9em;
	background-color:#999966;
	}
	td {
	padding: 2px;
	background-color:#FFFFCC;
	text-align:left;
	vertical-align:middle;
	}
	td.center {
	text-align:center;
	padding: 2px;
	}
	td.center img {
	border: 1px solid #999966;
	}
	#content #bodycopy td.center a {
	color:#993300;
	}
	#content #bodycopy td.center a:hover {
	color:#999966;
	background-color:transparent;
	}
	td.center img.noborder {
	border:none;
	}
	td.active {
	background-color:#99CC66
	}
	tr {
	background-color:#999900;
	}
	td.columnheader {
	text-align:center;
	background-color:#993300;
	color:#FFFFFF;
	font-weight:bold;
	}
	td.columnfooter {
	text-align:center;
	background-color:#669999;
	color:#FFFFFF;
	font-weight:bold;
	}
	
	#linkstwo ul {
	font-size:85%;
	margin: 0;
	padding: 0;
	text-align:left;
	list-style-type:none;
	list-style-position:inherit;
	}
	#linkstwo li {
	margin:0;
	padding-left: .8em;
	padding-bottom: 0em;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 .2em;
	}
	
	#progressmap {
	clear:both;
	height:120px;
	width:460px;
	margin:1em auto .1em auto;
	padding:.5em auto .25em auto;
	/* border:1px solid #333333; */
	overflow:visible;
	}
	#progressmap img {
	margin:0;
	padding:0;
	}
/* =========================== Footer */
	#footer {
	height: 140px;
	font-size:75%;
	text-align:center;
	clear:both;
	margin: 0;
	padding: 0;
	background: #669999 url("../img/footer.png");
	background-repeat:no-repeat;
	overflow: hidden;
	}
	#footer p {
	clear:both;
	width: auto;
	font-family:"Courier New", Courier, mono;
	font-weight:bold;
	color:#FFFFFF;
	margin:12px 0 0 0;
	padding:0;
	}

	#footer a {
	padding: 2px;
	color:#CCCC99;
	}
	#footer a:hover {
	color:#FFFFFF;
	background-color:#993300;
	}
	
	#footer p.footeralt {
	font-size:85%;
	color:#666633;
	}