body {background-color:#101015; color:#7FAAFF; font-family: Verdana,Geneva,sans-serif,Helvetica,Arial;
 font-size: 12pt; line-height: 20pt; margin:0px; padding:0px; min-width:300px; }
@media (min-width: 550px) and (max-width: 850px) {body {line-height: 18pt; }}	
@media (max-width: 550px) {body {font-size: 11pt; line-height: 15pt; }}	


/* THE MAIN SECTIONS */
div#bodhiheader {width:100%; text-align: center; background-color:#34356f; height:120px; max-height:120px; box-sizing: border-box; margin: 0px; padding: 0px;
	background: url('bodhiheader4000.jpg');}
@media (min-width: 1500px) {  div#bodhiheader { background: url('bodhiheader4000.jpg') no-repeat scroll 50% 0 transparent; }}
@media (max-width: 1500px) and (min-width: 750px) {  div#bodhiheader { background: url('bodhiheader1500.jpg') no-repeat scroll 50% 0 transparent; }}
@media (max-width: 750px) {  div#bodhiheader { background: url('bodhiheader750.jpg') no-repeat scroll 50% 0 transparent; }}

@font-face {font-family: BodhiGothic; src: url(bodhigothic.ttf);}

div#citrusmenu {width:100%; float:left; text-align: center; background-color:#34356f; font-size:11pt; font-family: Calibri, Helvetica, sans-serif; min-height:32px; border-top: 1px solid #3A3A95;
				box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); box-sizing: border-box; overflow:hidden;}
div#zionmenu {width:100%; float:left; text-align: center; background-color: #751a06; font-size:11pt; font-family: Calibri, Helvetica, sans-serif; min-height:32px; border-top: 1px solid #802a16;
				box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); box-sizing: border-box; overflow:hidden;}
div#acadiamenu {width:100%; float:left; text-align: center; background-color: #4c2357; font-size:11pt; font-family: Calibri, Helvetica, sans-serif; min-height:32px; border-top: 1px solid #592F63;
				box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); box-sizing: border-box; overflow:hidden;}				
div#yosemitemenu {width:100%; float:left; text-align: center; background-color: #004E75; font-size:11pt; font-family: Calibri, Helvetica, sans-serif; min-height:32px; border-top: 1px solid #2F5963;
				box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); box-sizing: border-box; overflow:hidden;}				
div#bodhicontent {border-style: solid; border: 1px; border-color:#FFFFFF; max-width:1150px; background-color:#301015; margin-left:auto; margin-right:auto; padding-top:25px; padding-left:3%; padding-right:3%; margin-bottom:0px; padding-bottom:10px; margin-top:0px; color:#7FAAFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4); box-sizing: border-box;}



/* CONTENT TITLE */
table.toptitle {width:100%; border-bottom:1px solid #353595; 
	margin-left:0px; padding-left:0px; margin-right:0px; padding-right:0px;
	margin-bottom:22px; padding-bottom:0px; margin-top:45px;}
td.toptitle {font-size: 22pt; line-height:24pt; font-family:Helvetica,Arial,sans-serif;Verdana,Arial,Helvetica,sans-serif; font-weight:normal; color:#FFFFBB; 
	text-align:left; margin:0px; padding:1px 0px 0px 0px; /*font-variant: small-caps; */
	text-shadow: 0 0 3px #999955, 0 0 5px #444400;}
span.toptitlesmaller {font-size: 18pt;}
@media (max-width: 600px) { table.toptitle {margin-top:30px; margin-bottom: 14px;} td.toptitle { font-size:18pt; line-height:20pt; } span.toptitlesmaller {font-size: 15pt;}}


/* NAVBAR BOXES, TOP AND BOTTOM */
p.topnavbar {margin-top:35px; margin-bottom:30px; text-align:center; line-height:26pt;}
a.navbutton {background-color: #34356f; text-decoration: none; color: white; padding:2px 8px 3px 8px; border:0px; border-radius: 6px; font-weight:normal; font-size:13pt; margin-left:1px; margin-right:1px;}
a.navbutton:hover {background-color: #7070ee;}
a.navbuttoncurrent {background-color: #7070ee;}
span.navbuttongroups {white-space: nowrap; padding-left:8px; padding-right:8px;}
span.navplaintext {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14pt; line-height:16pt; font-weight: bold;}

p.bottomnavbar {margin-top:35px; margin-bottom:30px; text-align:center; line-height:26pt;}
a.navbuttonbottom {background-color: #34356f; text-decoration: none; color: white; padding:4px 16px 5px 16px; border:0px; border-radius: 8px; font-weight:bold; font-size:13pt; margin-left:1px; margin-right:1px;}
a.navbuttonbottom:hover {background-color: #7070ee;}
a.navbuttonbottomcurrent {background-color: #7070ee; text-decoration: none; color: white; padding:4px 16px 5px 16px; border:0px; border-radius: 8px; font-weight:bold; font-size:13pt; margin-left:1px; margin-right:1px;}
a.navbuttonbottomcurrent:hover {background-color: #7070ee; color: #FFFFBB;}
@media (max-width:600px) {p.topnavbar {margin-top:20px; margin-bottom: 20px;} }


/* BASIC BODY STUFF */
h1 {font-size: 14pt; line-height: 16pt; font-weight:bold; 
	text-align:center; text-decoration:none; color: #9FBFFF;
	margin-top:36px; margin-bottom:20px; transform: scaleY(1.1);}
p {margin-bottom: 24px; max-height:9999px; text-align:justify;}
strong {color: #AABBFF; font-weight:bold}
li {margin-top:0px; margin-bottom: 20px; text-align:justify;}
li.left {margin-top:0px; margin-bottom: 20px; text-align:left;}
li.flat {margin-top: 0px; margin-bottom: 3px; text-align:justify;}
li.flatleft {margin-top: 0px; margin-bottom: 3px; text-align:left;}
li.half {margin-top: 0px; margin-bottom: 12px; text-align:left;}
.slightlybigger {font-size: 14pt; line-height: 24pt;}


/* BIG PHOTOS */
table.photobox {margin-left:auto; margin-right:auto; margin-top:55px; margin-bottom:5px; padding:0px;}
td.photoboximg {padding:0px; margin:0px; text-align:center; border:5px; border-style:solid; border-color:#181818;}
td.photoboximgnoborder {padding:0px; margin:0px; text-align:center; border:0px;}

table.photoboxcaptionhorz {margin-left:auto; margin-right:auto; margin-top:5px; padding:0px; max-width:800px; margin-bottom:70px;}
table.photoboxcaptionvert {margin-left:auto; margin-right:auto; margin-top:5px; padding:0px; max-width:600px; margin-bottom:70px;}
td.photoboxcaption {font-family: Verdana,Arial,Helvetica,sans-serif;; font-size: 11pt; line-height: 16pt; font-style: italic; text-align: center;}

img.photo {max-width: 100%; height: auto; border:1px; border-color:#303030;	border-style:solid; padding:0px; margin:0px;}
img.photonoborder {max-width: 100%; height: auto; border:none;}

a.buyphoto {background-color: #34356f; 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: #7070ee;}



/* LOTS OF LINKS */
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.oldschool {color: #FFFF99; text-decoration: underline}
a:visited.oldschool {color: #FFFF99; text-decoration: underline}
a:active.oldschool {color: #FFFFFF; text-decoration: underline; background-color:#5050A0}
a:hover.oldschool {color: #FFFFFF; text-decoration: underline; background-color:#5050A0}



a:link.blueu {color: #9FBFFF; text-decoration: underline}
a:visited.blueu {color: #9FBFFF; text-decoration: underline}
a:active.blueu {color: #FFFFFF; text-decoration: underline}
a:hover.blueu {color: #FFFF99; text-decoration: underline}

a:link.bluenou {color: #AABBFF; text-decoration: none}
a:visited.bluenou {color: #AABBFF; text-decoration: none}
a:active.bluenou {color: #FFFFFF; text-decoration: none}
a:hover.bluenou {color: #FFFF99; text-decoration: none}

a:link.bluenousmall {color: #B0A0FF; text-decoration: none; font-size: 8pt;}
a:visited.bluenousmall {color: #B0A0FF; text-decoration: none; font-size: 8pt;}
a:active.bluenousmall {color: #FFFFFF; text-decoration: none; font-size: 8pt;}
a:hover.bluenousmall {color: #FFFF99; text-decoration: none; font-size: 8pt;}

a:link.plain {color: #9FBFFF; text-decoration: none; background-color: transparent;}
a:visited.plain {color: #9FBFFF; text-decoration: none; background-color: transparent;}
a:active.plain {color: #FFFFFF; text-decoration: none; background-color: transparent;}
a:hover.plain {color: #FFFF99; text-decoration: none; background-color: transparent;}




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

table.sidebar {text-align:center; margin-left:auto; margin-right:auto; font-family: Tahoma,Verdana,Geneva,sans-serif,Helvetica,Arial,sans-serif;
	border: 1px solid #BBA5A4; background-color: #DACBB9; width:70%; margin-bottom:30px; margin-top:40px;}
@media (max-width: 800px) {table.sidebar { width:100%; }}	
td.sidebar {padding: 20px; text-align:justify; 
	font-weight: normal; font-size: 11pt; line-height: 15pt; text-align:left; font-style: italic; color: #000000;  
	margin-top:0px; margin-bottom: 18px;}
td.sidebar2l {padding: 4px 12px 4px 10px; text-align:left; 
	font-weight: bold; font-size: 11pt; line-height: 15pt; font-style: normal; color: #000000;  
	margin-top:0px; margin-bottom: 18px; vertical-align:top; white-space:nowrap;}
@media (max-width: 650px) {td.sidebar2l { white-space:normal; }}		
td.sidebar2lr {padding: 4px 12px 4px 10px; text-align:right;
	font-weight: bold; font-size: 11pt; line-height: 15pt; 
	font-style: normal; color: #000000; 
	margin-top:0px; margin-bottom: 18px; vertical-align:top; white-space:nowrap; max-height:999px}
@media (max-width: 600px) {td.sidebar2lr { white-space:normal; }}
td.sidebar2r {padding: 4px 10px 4px 12px; text-align:left; 
	font-weight: normal; font-size: 11pt; line-height: 15pt; font-style: normal; color: #000000;  
	margin-top:0px; margin-bottom: 18px; vertical-align:top;}
/* font-family: Calibri, Helvetica, sans-serif; */


/* INLINE PHOTOS */
span.photoalignr {margin-left:20px; margin-right:0px; margin-bottom:12px; margin-top:16px; float:right; max-width:50%; }
@media (max-width: 550px) {span.photoalignr { float:none; display:block; text-align:center; max-width:100%; margin-left:0px; margin-right:0px;}}	
img.photoalignr {border: 1px solid #505050; max-width:100%; height: auto; }

span.photoalignl {margin-left:0px; margin-right:20px; margin-bottom:12px; margin-top:16px; float:left; max-width:50%; }
@media (max-width: 550px) {span.photoalignl { float:none; display:block; text-align:center; max-width:100%; margin-left:0px; margin-right:0px;}}	
img.photoalignl {border: 1px solid #505050; max-width:100%; height: auto; }
img.photoinline {margin-left:12px; margin-top:10px; margin-right:12px; margin-bottom:10px;
	border: 1px solid #505050;} /*used mostly for intro page */

/* MAP HOLDER */
table.mapholder {text-align:center; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:20px;
     font-family: Tahoma,Verdana,Geneva,sans-serif,Helvetica,Arial,sans-serif; }
td.mapholderl {text-align:center; padding-right:15px;}
td.mapholderr {font-weight: normal; font-weight: normal; font-size: 11pt; line-height: 15pt; font-style: normal; text-align:left;
	font-style: normal; margin-top:0px; margin-bottom: 18px;}
/* BOTTOM MAPS */
p.photomiddle {text-align:center; margin-top:4px; margin-bottom:8px;}
img.indvhikepic {border: 1px solid #505050; max-width:90%;}


/* HIKE LIST Table of Contents */
ul.hiketoc {margin-left:0px; padding-left:22px;}
li.hiketoc {margin-top:40px; margin-bottom:40px;}
strong.hiketoc {font-size: 17pt; line-height:20pt; font-family:Helvetica,Arial,sans-serif;Verdana,Arial,Helvetica,sans-serif; font-weight:bold; vertical-align:middle;}
@media (max-width: 500px) { strong.hiketoc {font-size:15pt;} }
span.photohiketoc {margin-left:20px; margin-right:0px; margin-bottom:12px; margin-top:26px; float:right; max-width:45%; }
img.hikesym {padding-top:0px; padding-bottom:0px; padding-left:2px; padding-right:2px; border:0px; vertical-align:baseline;}
span.hiketocline {display:block; margin-top:8px;}
a.hiketoc {background-color: #34356f; text-decoration: none; color: white; padding:2px 4px 4px 8px; border:0px; border-radius: 6px; font-weight:normal; font-size:13pt; margin-left:0px; margin-right:0px;}
a.hiketoc:hover {background-color: #7070ee;}
a.hiketoccurrent {background-color: #7070ee;}
p.hiketoc1 {text-align:left; margin-bottom:2px; padding-bottom:0px; margin-top:0px; padding-top:0px;}
p.hiketoc2 {text-align:justify; margin-top:0px; padding-top:0px; margin-top:0px;}
table.hsymbols {width:70%; margin-left:auto; margin-right:auto; margin-bottom:18px;}
td.hsymbolstop {padding-bottom:8px; font-size: 10pt; text-decoration: underline; font-style: italic}
td.hsymbolsl{font-size: 10pt; line-height: 14pt; vertical-align:top; padding:0px; spacing:0px; text-align:center;}
td.hsymbolsr{font-size: 10pt; line-height: 14pt; text-align:left; vertical-align:top; padding:0px; spacing:0px;}
img.hsymbols {padding-top:4px; padding-bottom:0px; padding-left:2px; padding-right:2px;border:0px;}

p.hrline {padding:0px; margin:0px; text-align:center;}
img.hrline {margin-top:0px; margin-bottom:0px; width:90%;}

/* MINI HEADERS */
table.sectionheader {border-bottom:1px solid #B0A090; 
	margin-left:0px; padding-left:0px; margin-right:0px; padding-right:0px;
	margin-bottom:14px; padding-bottom:0px; margin-top:38px; padding-top:0px}
td.sectionheader {font-size: 18pt; line-height: 16pt; font-weight:bold; font-style:italic; font-family: Calibri, Helvetica, sans-serif; text-align:left; padding-bottom:0px; padding-left:0px; color: #000000}	

/* INVISITABLE FOR BOOK LISTS, ETC. */
table.invisi {width:80%; margin-left:auto; margin-right:auto;}
@media (max-width: 650px) { table.invisi {width:100%;} }
td.invisileft {text-align:right; vertical-align:top; padding-right:20px; padding-top:15px; width:110px;}
td.invisiright {text-align:left; vertical-align:top;}

/* FORMS */
div#formholder {display:table; margin: auto}
div#formholder div.formclearfix {padding:5px 0px; vertical-align:top;}
div#formholder form label {width:160px; float:left; font-weight:normal; margin: 0 20px; vertical-align:baseline}
div#formholder form input.styled {font-size:12pt; font-weight:bold; border: 1px solid #A0A0A0; background-color: #FFFFFF; margin: 0 20px; vertical-align:baseline}
div#formholder form input.styledradio {font-size:12pt; font-weight:bold; border: 1px solid #A0A0A0; background-color: #FFFFFF; margin-left:20px; margin-right:4px; vertical-align:baseline}
div#formholder form textarea.styled {font-size:12pt; font-weight:normal; border: 1px solid #A0A0A0; background-color: #FFFFFF; margin: 0 20px; vertical-align:baseline; max-width:60%; resize:none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
div#formholder form input.button {border-width:2px; background-color: #E2E7FF; padding:2px;
	margin-top:10px; margin-left:2px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:9pt;}
.orangebuttonclass {-moz-box-shadow:inset 0px 1px 0px 0px #fae2c5; -webkit-box-shadow:inset 0px 1px 0px 0px #fae2c5; box-shadow:inset 0px 1px 0px 0px #fae2c5;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5a454), color-stop(1, #e0852a) );
	background:-moz-linear-gradient( center top, #f5a454 5%, #e0852a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5a454', endColorstr='#e0852a'); background-color:#f5a454;
	-webkit-border-top-left-radius:15px; -moz-border-radius-topleft:15px; border-top-left-radius:15px; -webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px; border-top-right-radius:15px;	-webkit-border-bottom-right-radius:15px; -moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomleft:15px; 
	border-bottom-left-radius:15px;	text-indent:0; border:1px solid #eeb44f; display:inline-block; 
	color:#ffffff; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12pt; font-weight:bold; font-style:normal;
	height:30px; line-height:30px; padding-left:20px; padding-right:20px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #593e12;}
.orangebuttonclass:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0852a), color-stop(1, #f5a454) ); background:-moz-linear-gradient( center top, #e0852a 5%, #f5a454 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0852a', endColorstr='#f5a454'); background-color:#e0852a;}
.orangebuttonclass:active {position:relative; top:1px;}	

/* PURCHASE TABLES, FORMS */
table.pgrid {width:85%; margin-left:auto; margin-right:auto; margin-top:42px; margin-bottom:16px; border: 1px solid #B0B0B0; background-color:#D0D0D7; max-height:999px; color:red;}
@media (max-width: 750px) { table.pgrid{width:100%;}}
table.pgridwrapper {margin-top:12px; margin-left:auto; margin-right:auto; width:95%; max-width:95%;}
@media (max-width: 800px) { table.pgridwrapper{width:100%; max-width:100%;}}
td.pgriddesc {background-color:#D0D0D7; text-align:left; padding-left: 14px; padding-right:14px; padding-top:4px; padding-bottom:8px; color: #000000; font-size:12pt; line-height:18pt; max-height:999px;}	
td.pgridheader {padding-top:8px; padding-bottom:20px; font-size:14pt; text-align:center;}
td.pgridtext {padding-left:14px; padding-right:14px; padding-bottom:18px;}
td.pgridleft {padding-left:56px; padding-right:18px; padding-bottom:7px; font-size:11pt; line-height:15pt; vertical-align:top;}
td.pgridright {padding-right:56px; padding-bottom:7px; text-align:right; font-size:11pt; line-height:15pt; vertical-align:top;}
@media (max-width: 750px) { td.pgridleft {padding-left:14px;} td.pgridright {padding-right:14px;}}

td.formlabels {font-weight: normal; font-size: 11pt; line-height: 12pt; text-align:left;
	font-style: normal; color: #000000; padding-top: 6px; padding-bottom: 6px; max-height:999px;}
@media (max-width:500px) { td.formlabels {font-size:10pt;} }	
textarea.cart {font-size:11pt; font-weight:normal;  font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #A0A0A0; background-color: #FFFFFF; height: 3em; width:100%; max-width:100%;}
@media (max-width: 500px) { textarea.cart {height: 6em;}}		
select.cart {font-size:11pt; font-weight:normal;  font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #A0A0A0; background-color: #FFFFFF; max-width:100%;}
@media (max-width: 500px) { select.cart {max-width:225px}}	
input.cart {font-size:11pt; font-weight:normal;  font-family: Tahoma, Arial, Helvetica, sans-serif; border: 1px solid #A0A0A0; background-color: #FFFFFF;}
input.cartbox {width:400px; font-size:11pt;}
@media (max-width: 600px) { input.cartbox {width:100%; font-size:10pt;} }
input.cartsubmit {background-color: #7070ee; text-decoration: none; color: white; padding:4px 16px 5px 16px; border:0px; border-radius: 8px; font-family: Verdana,Geneva,sans-serif,Helvetica,Arial; font-weight:bold; font-size:14pt; margin-left:1px; margin-right:1px;}

table.cart {width:95%; max-width:700px; margin-left:auto; margin-right:auto; margin-top:42px; margin-bottom:16px; border: 1px solid #B0B0B0; background-color:#D0D0D7; max-height:999px; color:red;}
@media (max-width: 750px) { table.cart{width:100%;}}
td.carttd1 {font-size:10pt; line-height:14pt; padding-right:18px;}
td.carttd2 {font-size:11pt; line-height:14pt; padding-right:18px; padding-bottom:18px;}
td.carttd3 {font-size:11pt; line-height:14pt; padding-right:18px; padding-top:12px; padding-bottom: 12px;}
td.carttd4 {font-size:11pt; line-height:14pt; padding-right:18px; padding-top:12px; padding-bottom: 12px; border-bottom: 1px solid black;}
td.carttd5 {font-size:11pt; line-height:14pt; padding-right:18px; padding-top:12px;}
@media (max-width: 500px) { td.carttd2 {font-size:10pt; padding-right:8px;} td.carttd3 {font-size:10pt; padding-right:8px;} td.carttd4 {font-size:10pt; padding-right:8px;} td.carttd5 {font-size:10pt; padding-right:8px;} }
td.carttd6 {font-size: 10pt; padding-top:24px; padding-bottom:12px;}



/* FOOTER */
div#bodhifooter {max-width:1150px; margin-left:auto; margin-right:auto; clear:both; text-align: left; background-color:#34356f; min-height:50px; color:#FFFFFF; 
	font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; font-size: 10pt; line-height:14pt; 
	padding-top:20px; padding-bottom:10px; padding-left:5%; padding-right:5%; 
	border-top: 1px solid #3A3A95; box-sizing: border-box; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);

a:link.footer {color: #9FBFFF; text-decoration: none; background-color: transparent;}
a:visited.footer {color: #9FBFFF; text-decoration: none; background-color: transparent;}
a:active.footer {color: #FFFFFF; text-decoration: none; background-color: transparent;}
a:hover.footer {color: #FFFF99; text-decoration: none; background-color: transparent;}