/* START GLOBALS */
html {
	font-family: Tahoma, Helvetica, sans-serif;
}
.preload {
	display: none;
}
/* START LAYOUTS */
body {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: center;
/*	background-color: #535353; */
	background-color: #e7e7e7;
}
#container {
	margin: auto;
	width: 770px;
	position: relative;
	padding:0px 15px 15px 15px;
}
#layout {
	background-color: #ffffff;
	text-align: left;
	background-image: url("/icons/bg_grey.gif");
	position: relative;
	margin: 0 -15px;
	padding: 0px 15px 15px 15px;
	width: 100%;
	height: 100%;
}
#footer {
	background: url("/icons/footer_grey.gif") no-repeat #e7e7e7;
	margin: 0 -15px -20px -15px;
	padding: 20px 15px 50px 15px;
	font-size: 75%;
	color: #302d00;
}
/* END LAYOUTS */

/* START BANNER */
#banner {
	position: relative;
	height: 75px;
	width: 770px;
}
div.sitecontact {
	float: left;
	margin-top: 8px;
	color: #ffffff;
	font-size: 70%;
}
div.sitettlbox {
	float: left;
	border: 1px solid #ffffff;
	margin: 8px 10px 0px 5px;
	padding: 5px;
	text-align: center;
	color: #ffffff;
}
div.sitettl {
	font-size: 28px;
}
div.sitesubttl {
	font-size: 8.5pt;
}
div.srch {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 75%;
	color: #ffffff;
}
input.srchtxt {
	float: left;
	height: 16px;
}
input.srchbtn {
	float: left;
	margin-left: 5px;
}
#bannerimg {
	border-top: 3px solid #ffffff;
	height: 150px;
	border-bottom: 3px solid #ffffff;
}
/* END BANNER */
#topnav {
	margin-top: 0px;
	width: 770px;
	text-align: center;
	font-size: 75%;
}
#topnav a {
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
}
.drk {
	background-color: #326699;
}
.blu {
	background-color: #323299;
}
.ppl {
	background-color: #663299;
}
.grn {
	background-color: #008751;
}
.red {
	background-color: #993232;
}
.tan {
	background-color: #996632;
}
.drk a {
	color: #c0c0ff;
}
.blu a {
	color: #bfbfff;
}
.ppl a {
	color: #dfbfff;
}
.grn a {
	color: #a3cca3;
}
.red a {
	color: #ffbfbf;
}
.tan a {
	color: #ffe5cc;
}
.drk a:hover, .ppl a:hover, .grn a:hover, .red a:hover, .tan a:hover {
	color: #ffcc33;
}
dl {
	font-size: 75%;
}
dt {
	color: #ff0000;
	margin-top: 5px;
}
#topnav li, #topnav a.topnavh {
	line-height: 30px;
	color: #ffffff;
}
#topnav a:hover, #topnav a.topnavh {
	text-decoration: underline;
}
ul.topnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
li.topnav, li.separator {
	display: inline;
}
/* START HEADINGS - H1 H2 H3 H4... */
h1 {
	font-size: 150%;
	padding-left: 20px;
}
h2 { font-size: 120%; }
h3 { font-size: 95%; }
h1, h2, h3 {
	margin-top: 10px;
	margin-bottom: 7px;
	clear: both;
}
/* END HEADINGS - H1 H2 H3 H4... */

/* START LINKS */
#footer a, #contentpane a {
	color: #0000ff;
	font-weight: bold;
}
#footer a:hover, #contentpane a:hover {
	color: #ff5500;
	text-decoration: underline;
}
a {
	text-decoration: none;
}
a.top {
	background: url('/icons/arrow_up.gif') left center no-repeat;
	float: right;
	padding: 0px 10px 3px 15px;
	font-size: 70%;
}
/* END LINKS */

#webpage {
	width: 770px;
	padding-top: 0px;
	margin-bottom: -16px;
}
#contentpane {
	float: right;
	margin-right: 2px;
	width: 79%;
	padding-bottom: 10px;
}
#contentpanewide {
	text-align: center;
	padding: 0px 0px 0px 0px;
}
#contentpane ul {
	margin-top: 0px;
}
#adinfo {
	width: 140px;
	float: right;
	border: 1px solid #000000;
}
#contentpane li {
	font-size: 75%;
}
#contentpane li li {
	font-size: 100%;
}
div.spacer {
	clear: both;
	line-height: 4px;
	font-size: 4px;
}
div.spacerlrg {
	clear: both;
	margin: 5px;
}
div.links {
	width: 160px;
	float: right;
	margin: 0px 0px 5px 5px;
}
div.linktop {
	background: url('/icons/rlcurve.gif') no-repeat;
	background-color: #1d36b8;
	padding: 2px 0px 2px 15px;
	font-size: 90%;
	color: #ffffff;
	font-weight: bold;
}
div.linktxt {
	border: 1px solid #1d36b8;
	background-color: #f0f0ff;
	padding: 0px;
	margin: 0px;
	font-size: 75%;
}
div.linktxt ul {
	padding: 0px;
	margin: 5px;
	list-style: none;
}
div.linktxt li {
	background: url('/icons/arrow_dn.gif') left center no-repeat;
	display: block;
	margin: 0px;
	line-height: 1.5em;
	padding: 3px 0px 3px 8px;
	font-size: 100%;
	color: #247af0;
}
div.linktxt li.jump {
	background: url('/icons/arrow_up.gif') left center no-repeat;
}
div.linktxt ul a {
	display: block;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	font-size: 120%;
}
div.linktxt a:hover {
	text-decoration: underline;
	color: #053dd1;
}
p.caption {
	font-size: 70%;
	font-weight: normal;
}
p.note {
	border: 1px solid #cc8888;
	background-color: #fff0f0;
	padding: 7px;
	color: #660000;
}
div.center {
	text-align: center;
}
img.center {
	text-align: center;
	border: 1px solid #000000;
}
img.icon {
	cursor: help;
}
table.walksummary {
	border-bottom: 2px solid #cccccc;
}

input.go {
	width: 25px;
	height: 21px;
	border: 0px;
	background: url("/icons/go.gif") no-repeat;
}
p, td, li.normal {
	font-size: 80%;
}
p {
	margin-top: 2px;
	margin-bottom: 15px;
}

img.left, img.left150, img.left167, img.left200, img.left250, img.left267, img.left300 {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #000000;
}
img.left150, img.right150 {
	width: 150px;
}
img.left167, img.right167 {
	width: 167px;
	height: 250px;
}
img.left200, img.right200 {
	width: 200px;
}
img.left225, img.right225 {
	height: 150px;
	width: 225px;
}
img.left250, img.right250 {
	width: 250px;
}
img.left267, img.right267 {
	width: 267px;
}
img.left300, img.right300 {
	width: 300px;
}
img.right, img.right150, img.right167, img.right200, img.right225, img.right250, img.right267, img.right300 {
	float: right;
	margin: 0px 5px 10px 10px;
	border: 1px solid #000000;
}
div.itemtext300 {
	float: left;
	padding-right: 10px;
	width: 280px;
}
div.itemtext267 {
	float: left;
	padding-right: 10px;
	width: 313px;
}
div.itemtext250 {
	float: left;
	padding-right: 10px;
	width: 330px;
}
div.itemtext225 {
	float: left;
	padding-right: 10px;
	width: 355px;
}
div.itemtext167 {
	float: left;
	padding-right: 10px;
	width: 413px;
}
div.itemtext200 {
	float: left;
	padding-right: 10px;
	width: 380px;
}
div.itemtext {
	width: 420px;
	padding-right: 10px;
	float: left;
}
div.itemtext p {
	margin-bottom: 7px;
}
div.location {
	font-size: 80%;
}
#instructions {
	display: none;
}
div.mapinfo, div.mapinfonarrow {
	float: left;
	margin-left: 10px;
}
div.mapinfonarrow {
	width: 230px;
}
img.mapinfo {
	float: left;
}

input.fixed {
	font-family: Arial, Helvetica;
}
input.go {
	font-size: 14px;
	font-weight: bold;
}
#leftnav {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	float: left;
	margin-left: 4px;
	margin-top: 15px;
	width: 138px;
}
ul.lnav_gry {
	font-size: 75%;
	list-style: none;
	margin: 0px;
	margin-left: 1px;
	padding: 0px;
	width: 135px;
}
ul.lnav_gry ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.lnav_gry a {
	margin-top: 1px;
	margin-bottom: 1px;
}
a.lnav1, a.lnav1h, a.lnav1p {
	display: block;
	line-height: 125%;
	padding-left: 12px;
	padding-bottom: 3px;
	width: 122px;
}
div.lnav2 {
	font-size: 90%;
	font-style: italic;
	padding-left: 25px;
}
a.lnav3, a.lnav3h {
	display: block;
	font-size: 90%;
	font-weight: normal;
	padding-left: 25px;
	width: 109px;
}

/* START TAN - TAN */
.lnav_gry {
	background-color: #dedede;
}
.lnav_gry div.lnav2 {
	background-color: #999999;
	color: #ffffff;
}
.lnav_gry a.lnav1, .lnav_gry a.lnav1p {
	background-color: #777777;
	border: 1px solid #777777;
	color: #e5e5e5;
	font-weight: bold;
}
.lnav_gry a.lnav1p {
	background-color: #999999;
	border: 1px solid #999999;
	color: #ffffff;
	text-decoration: underline;
}
.lnav_gry a.lnav1h {
	background: url('/icons/tri.gif') #eeeeee left center no-repeat;
	background-color: #f7f7f7;
	border: 1px solid #f7f7f7;
	color: #000000;
}
.lnav_gry ul.lnav_gry a:hover {
	background-color: #b3b3b3;
	border: 1px solid #b3b3b3;
	color : #000000;
}
.lnav_gry a.lnav3 {
	border: 1px solid #f8f8f8;
	background-color: #f8f8f8;
	color: #666666;
}
.lnav_gry a.lnav3h {
	background: url('/icons/tri.gif') #dddddd left center no-repeat;
	backgournd-color: #decdbd;
	border: 1px solid #dddddd;
	color: #000000;
}
/* END TAN - TAN */

.photo50, .photo65, .photo35 {
	width: 49%;
	float: left;
	text-align: center;
}
.photo100 {
	width: 75%;
	text-align: center;
}
.photo50 img, .photo100 img {
	border: 1px solid #000000;
}
.column49 {
	float: left;
	padding-left: 5px;
	text-align: left;
	width: 49%;
}
.photo65 { width: 65%; }
.photo35 { width: 200px; }
.column31 {
	font-size: 75%;
	padding-left: 10px;
	float: left;
	text-align: left;
	width: 31%;
}
.column33 {
	font-size: 75%;
	float: left;
	margin: 2px 5px 0px 0px;
	text-align: left;
	width: 32%;
}
.column20 {
	font-size: 75%;
	text-align: right;
	display: block;
	float: left;
	margin: 2px 5px 0px 30px;
	text-align: left;
	width: 20%;
}
span.comment {
	font-weight: bold;
	font-style: italic;
}
div.listleft {
	text-align: center;
	float: left;
	width: 45%;
}
div.listleft ul {
	margin-bottom: 0px;
	text-align: left;
}
.mnusumm {
	font-size: 75%;
}
.mnudate {
	font-size: 75%;
	font-weight: bold;
}
div.hp1, div.hp2, div.hp3 {
	text-align: left;
	padding: 15px;
	margin-top: 3px;
	color: #ffffff;
}
div.hp1 { background: url("/icons/bgdrk.jpg") repeat-x #326699; }
div.hp2 { background: url("/icons/bgred.jpg") repeat-x #993232; }
div.hp3 { background: url("/icons/bgppl.jpg") repeat-x #663299; }
h1.hp {
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 10px 0px;
}
img.hpleft {
	float: left;
	margin: 10px 10px 10px 0px;
	border: 1px solid #ffffff; 
}
img.hpright {
	float: right;
	margin: 10px 0px 10px 10px;
	border: 1px solid #ffffff;
}
div.hp1 a { font-weight: bold; color: #bfbfff; }
div.hp2 a { font-weight: bold; color: #ffbfbf; }
div.hp3 a { font-weight: bold; color: #dfbfff; }
div.hp1 a:hover, div.hp2 a:hover, div.hp3 a:hover {
	text-decoration: underline;
	color: #ffcc33;
}
span.error {
	font-weight: bold;
	color: #ff0000;
	font-size: 80%;
}
