body {background-color:#381005; color:#000000;}

/* header */
div#bodhiheader {width:100%; text-align: center; background-color:#34356f; height:150px; max-height:150px; box-sizing: border-box; margin: 0px; padding: 0px;
	background: url('bodhizionheader1200.jpg'); background-position:center; }
@media (min-width: 1800px) {  div#bodhiheader { background: url('bodhizionheader2600.jpg'); background-size: cover; }}
@media (max-width: 1800px) and (min-width: 1200px) {  div#bodhiheader { background: url('bodhizionheader1800.jpg'); }}
@media (max-width: 1200px) and (min-width: 750px) {  div#bodhiheader { background: url('bodhizionheader1200.jpg'); }}
@media (max-width: 750px) {  div#bodhiheader { background: url('bodhizionheader750.jpg'); }}

/* topbanner */
table.bannertableouter {width:100%; height:100%; max-width:1150px; border: 0px solid red; margin-left:auto; margin-right:auto; padding: 0px; border-spacing:0px;}
td.bannertdouter {width:100%; height:100%; border: 0px solid yellow; vertical-align:bottom; padding:0px 0px 30px 0px; text-align:bottom; margin:0px;}
table.bannertableinner {width:100%; border: 0px solid green; border-spacing:0px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);}
td#bannerA1 {height:2px; background-color:#832406; margin:0px; border-top: 1px solid #A53516; border-bottom: 1px solid #201010; padding:0px;}
td#bannerA2 {height:2px; background-color:#832406; margin:0px; border-top: 1px solid #A53516; border-bottom: 1px solid #201010; padding:0px;}
td#bannerB1 {text-align:left; padding-top:0px; padding-bottom:2px; padding-left:4%; background-image: url('bodhiziontitleback.png'); background-repeat: repeat; font-size:18pt; line-height: 20pt; font-family: BodhiGothic; font-size:19pt; color: #FFFFFF; text-shadow: 0 0 3px #FFFFFF, 0 0 10px #000000, 0 0 10px #000000;}
td#bannerB2 {text-align:right; padding-top:0px; padding-bottom:2px; padding-right:4%; background-image: url('bodhiziontitleback.png'); background-repeat: repeat; font-family: BodhiGothic; font-variant: small-caps; font-size:12pt; color: #FFFFFF; text-shadow: 0 0 5px #FFFFFF, 0 0 10px #FFAA77, 0 0 10px #000000;}
td#bannerC1 {height:2px; background-color:#832406; margin:0px; border-top: 1px solid #603020; border-bottom: 1px solid #603020; padding:0px;}
td#bannerC2 {height:2px; background-color:#832406; margin:0px; border-top: 1px solid #603020; border-bottom: 1px solid #603020; padding:0px;}
@media (max-width: 600px) { div#bodhiheader {max-height:100px; height:100px;} td.bannertdouter {padding: 0px 0px 18px 0px;}   }
@media (max-width: 550px) { td#bannerA2 {display:none;} td#bannerB2 {display:none;}  td#bannerC2 {display:none;} td#bannerB1 {text-align:center; padding-left:12px; padding-right:12px;}  }
@media (max-width: 375px) { td#bannerB1 {font-size:15pt;}  }

/* body */
div#bodhicontent {background-color: #EADED0; color:#000000;}

table.toptitle {border-bottom:1px solid #B0A090; }
td.toptitle {color:#000000; text-shadow: 0 0 1px #444444;}

strong {color: #500000;}


a:link {color: #C00000; text-decoration: underline;}
a:visited {color: #C00000; text-decoration: underline;}
a:active {color: #C00000; text-decoration: underline; background-color:#FFCC77}
a:hover {color: #C00000; text-decoration: underline; background-color:#FFCC77}

a:link.plain {color: #aa1111; text-decoration: none;}
a:visited.plain {color: #aa1111; text-decoration: none;}
a:active.plain {color: #aa1111; text-decoration: none; background-color:#FFCC77}
a:hover.plain {color: #aa1111; text-decoration: none; background-color:#FFCC77}

/* BIG PHOTOS */
td.photoboxcaption {color:#000000;}
a.buyphoto {background-color: #751a06; vertical-align:text-top; white-space: nowrap;
    text-decoration: none; color: white;
    padding:1px 12px 1px 12px; border:0px; border-radius: 8px;
	font-size:9pt; font-weight:bold; font-style:normal; margin-left:6px; margin-right:1px; }
a.buyphoto:hover {background-color: #C05040;}

/* NAVBAR BOXES, TOP AND BOTTOM */
a.navbutton {background-color: #751a06; color: white; text-decoration: none;}
a.navbutton:hover {background-color: #C05040; text-decoration: none;}
a.navbuttoncurrent {background-color: #C05040; text-decoration: none;}

a.navbuttonbottom {background-color: #751a06; color: white; text-decoration: none;}
a.navbuttonbottom:hover {background-color: #C05040; text-decoration: none;}
a.navbuttonbottomcurrent {background-color: #C05040; color: white; text-decoration: none;}
a.navbuttonbottomcurrent:hover {background-color: #C05040; color: #FFDDDD; text-decoration: none;}
span.navplaintext {color:#751a06;}


/* TRAIL DESCRIPTION TAGS */
span.highlight {font-weight:bold; color:#700000; text-decoration:underline;}

table.sidebar {border: 1px solid #BBA5A4; background-color: #DACBB9;}
td.sidebar {color: #000000;}
td.sidebar2l {color: #000000;}
td.sidebar2r {color: #000000;}


/* HIKE LIST Table of Contents */
strong.hiketoc {color: #500000; text-shadow: 0 0 .5px #FF7777;}
a.hiketoc {background-color: #953a26; text-decoration: none; color: white; padding:2px 8px 4px 8px; border:0px; border-radius: 6px; font-weight:normal; font-size:11pt; margin-left:0px; margin-right:0px; }
a.hiketoc:hover {background-color: #C05040;}
a.hiketoccurrent {background-color: #C05040;}



/* FOOTER */
div#bodhifooter {background-color:#601605; border-top: 1px solid #632B16; color: #DDAA99;}
a:link.footer {color: #FFC0C0; text-decoration: none; background-color: transparent;}
a:visited.footer {color: #FFC0C0; text-decoration: none; background-color: transparent;}
a:active.footer {color: #FFFFFF; text-decoration: none; background-color: #751a06;}
a:hover.footer {color: #FFFFFF; text-decoration: none; background-color: #751a06;}


/*HACK GRAY ARROW FOR MENU GENERATOR*/
.BC3EArrowTD FONT {color:gray;}