body {background-color:#ffffff; color:#000000; font-family: BodhiSegoeui,Verdana,Geneva,sans-serif,Helvetica,Arial;
 font-size: 13pt; line-height: 22pt; margin:0px; padding:0px; min-width:300px; -webkit-text-size-adjust: none; text-size-adjust: none; overflow-y:scroll; }
@media (min-width: 550px) and (max-width: 850px) {body {line-height: 20pt; font-size:13pt;}}	
@media (max-width: 550px) {body {line-height: 19pt; font-size:13pt; }}	/* 7/2024: bg f0f2f5 */

/* header */
div#ikarosheader {width:100%; text-align: center; background-color:#34356f; height:165px; max-height:165px; box-sizing: border-box; margin: 0px; padding: 0px;  }
@media (min-width: 1800px) {  div#ikarosheader { background: no-repeat scroll 50% 0 transparent; }}
@media (max-width: 1800px) and (min-width: 1200px) {  div#ikarosheader { background: no-repeat scroll 50% 0 transparent; }}
@media (max-width: 1200px) and (min-width: 750px) {  div#ikarosheader { background: no-repeat scroll 50% 0 transparent; }}
@media (max-width: 750px) {  div#ikarosheader { background: no-repeat scroll 50% 0 transparent; }}
@media (max-width: 600px) { div#ikarosheader {max-height:0px; height:0px;}} /* 9/8/2024: 90px */

@font-face {font-family: BodhiGothic; src: url(/bodhigothic.ttf);}
@font-face {font-family: BodhiSegoeui; src: url(/bodhisegoeui.ttf);}
@font-face {font-family: BodhiMitr; src: url(/bodhimitr.ttf);}
@font-face {font-family: BodhiCoinage; src: url(/bodhicoinage.ttf);}

div#ikarosborderbar1 {width:100%; text-align: center; background-color:#34356f; height:3px; max-height:3px; box-sizing: border-box; margin: 0px; padding: 0px;}
@media (max-width: 600px) { div#ikarosborderbar1 {display:none} }
div#ikarostitlebox {width:100%; text-align: center; background-color:#34356f; box-sizing: border-box; margin: 0px; padding: 0px; position: relative; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .4); }

/* topbanner */
div#titlebannercontainer {position: relative; text-align:left; vertical-align: middle; border: 0px solid #999999; max-width:1300px; margin:auto; padding-top:12px; padding-bottom:14px;}
div#titlebannerleftwrapper {display: inline-block; border: 0px solid #FFFF00; padding-left:48px;}
div#titlebannerrightwrapper {display: inline-block; margin:left; position:absolute; right:0; margin-top:8px; border: 0px solid #00FFFF; padding-right:60px;}
div#titlebannerB1 {display:inline-block;font-family: BodhiCoinage; font-weight:bold; font-size:17pt; letter-spacing:1px; line-height: 19pt; color: #FFFFFF; border: 0px solid #00FF77; padding-right:10px; text-shadow: 1px 1px 3px rgba(0,0,0,.5); min-width:420px;} 
/* 0px 0px 2px rgba(255,255,255,0.8), 3px 2px 6px rgba(0,0,0,0.8), 3px 2px 6px rgba(0,0,0,0.4); */
img.circlelogo {border-radius:50%; max-width:54px; max-height:54px; float:left; margin-right:18px;}

@media (min-width: 1300px) { div#titlebannerleftwrapper {padding-left:48px;} div#titlebannerrightwrapper {padding-right:60px;}}
@media (max-width: 1300px) and (min-width: 650px) { div#titlebannerleftwrapper {padding-left:36px;}  div#titlebannerrightwrapper {padding-right:30px;} }
@media (max-width: 650px) { div#titlebannerleftwrapper {padding-left:17px;}  div#titlebannerrightwrapper {padding-right:10px;} }

@media (max-width: 700px) { div#titlebannerB1 {font-size:13pt; line-height:14pt; min-width:330px; margin-top:2px;} div#titlebannerrightwrapper {margin-top:4px;} img.circlelogo {max-width:41px; max-height:41px; margin-right:12px;} }

/* menus */	
div#citrusmenu {max-width:650px; margin-left:auto; margin-right:auto; text-align: right; font-size:11pt; font-family: Calibri, Helvetica, sans-serif; min-height:40px; border: 0px solid #FFFFFF; box-sizing: border-box; overflow:hidden; padding-top:3px; display:inline-flex;}
div#zionmenu {max-width:650px; margin-left:auto; margin-right:auto; text-align: right; font-size:11pt; font-family: Calibri, Helvetica, sans-serif; min-height:40px; border: 0px solid #FFFFFF; box-sizing: border-box; overflow:hidden; padding-top:3px; display:inline-flex;}
div#acadiamenu {max-width:650px; margin-left:auto; margin-right:auto; text-align: right; font-size:11pt; font-family: Calibri, Helvetica, sans-serif; min-height:40px; border: 0px solid #FFFFFF; box-sizing: border-box; overflow:hidden; padding-top:3px; display:inline-flex;}
div#yosemitemenu {max-width:650px; margin-left:auto; margin-right:auto; text-align: right; font-size:11pt; font-family: Calibri, Helvetica, sans-serif; min-height:40px; border: 0px solid #FFFFFF; box-sizing: border-box; overflow:hidden; padding-top:3px; display:inline-flex;}
td#menucell {padding:0px; margin:0px;}

@media (max-width: 1050px) { div#citrusmenu {max-width:250px; width:250px;} }
@media (max-width: 1050px) { div#zionmenu {max-width:250px; width:250px;} }
@media (max-width: 1050px) { div#acadiamenu {max-width:250px; width:250px;} }
@media (max-width: 1050px) { div#yosemitemenu {max-width:250px; width:250px;} }


/* CONTENT body */
div#ikaroscontent {z-index: 0; border: 0px solid #e2e4e7; max-width:1416px; background-color:#FFFFFF; margin-left:auto; margin-right:auto; padding-top:28px; padding-left:106px; padding-right:106px; margin-bottom:0px; padding-bottom:10px; margin-top:0px; color:#000000; box-sizing: border-box; } /* 7/2024: border 1px solid #e2e4e7 */
@media (min-width: 1300px) { div#ikaroscontent {padding-left:106px; padding-right:106px; } } 
@media (max-width: 1300px) and (min-width: 650px) { div#ikaroscontent {border: 0px solid green; padding-left:35px; padding-right:35px;} }
@media (max-width: 650px) { div#ikaroscontent {border: 0px solid purple; padding-top:20px; padding-left:15px; padding-right:15px;} }
div.friendlyreading {width:100%; max-width:1075px; margin-left:auto; margin-right:auto;}


/* 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:25px;} 
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; line-height: 18pt;}
@media (max-width: 650px) { table.toptitle {width:100%; margin-top:30px; margin-bottom: 14px;} td.toptitle { font-size:18pt; line-height:20pt; } span.toptitlesmaller {font-size: 15pt;}}
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.0);}
h1.pagetitle {width:100%; border-bottom:1px solid #D0D0D0; margin-left:0px; padding-left:0px; margin-right:0px; padding-right:0px; margin-bottom:18px; padding-bottom:0px; margin-top:25px; font-size: 19pt; line-height:21pt; transform: scaleY(1.05); font-family:BodhiCoinage,Arial,Helvetica,Verdana,sans-serif; font-weight:bold; color:#000000; letter-spacing:.2px; text-align:center; }
@media (max-width: 650px) { h1.pagetitle {width:100%; font-size:17pt; line-height:18pt; transform: scaleY(1.05); letter-spacing:-.0px} }
/* backup:
h1.pagetitle {width:100%; border-bottom:1px solid #B0B0B0; margin-left:0px; padding-left:0px; margin-right:0px; padding-right:0px; margin-bottom:24px; padding-bottom:0px; margin-top:25px; font-size: 22pt; line-height:24pt; font-family:Arial,Helvetica,Verdana,sans-serif; font-weight:normal; color:#000000; letter-spacing:.5px; text-shadow: 0 0 1px #B7B7B7; text-align:left; }
@media (max-width: 650px) { h1.pagetitle {width:100%; font-size:18pt; line-height:20pt; } }
*/
h1.titlesmaller {width:100%; border-bottom:1px solid #D0D0D0; margin-left:0px; padding-left:0px; margin-right:0px; padding-right:0px; margin-bottom:18px; padding-bottom:0px; margin-top:25px; font-size: 18pt; line-height:19pt; transform: scaleY(1.1); font-family:BodhiCoinage,Arial,Helvetica,Verdana,sans-serif; font-weight:normal; color:#000000; letter-spacing:.3px; text-align:center; }
@media (max-width: 650px) { h1.titlesmaller {width:100%; font-size:16pt; line-height:17pt; font-weight:normal; letter-spacing:0px} }
h2 {clear:none !important; margin-top:42px; margin-bottom:24px;}
h2.middle {text-align: center; margin-top:42px; margin-bottom:36px;} 
@media (max-width: 650px) { h2 {margin-top:36px; margin-bottom:18px;} } 

/* NAVBAR BOXES, TOP AND BOTTOM */
p.topnavbar {margin-top:24px; margin-bottom:46px; text-align:center; line-height:31pt; font-family: Verdana,Geneva,sans-serif,Helvetica,Arial;}
a.navbutton {background-color: #34356f; text-decoration: none; color: white; padding:5px 10px 6px 10px; border:0px; border-radius: 6px; font-weight:normal; font-size:13pt; margin-left:1px; margin-right:1px; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);}
a.navbutton:hover {background-color: #7070ee;}
a.navbuttoncurrent {background-color: #7070ee;}
span.navbuttongroups {white-space: nowrap; padding-left:6px; padding-right:6px;}
span.navplaintext {font-family:Arial,Verdana,Helvetica,sans-serif; font-size:15pt; line-height:15pt; font-weight: bold;}

p.bottomnavbar {margin-top:38px; margin-bottom:46px; text-align:center; line-height:31pt; font-family: Verdana,Geneva,sans-serif,Helvetica,Arial;}
a.navbuttonbottom {background-color: #34356f; text-decoration: none; color: white; padding:5px 16px 5px 16px; border:0px; border-radius: 8px; font-weight:bold; font-size:13pt; margin-left:1px; margin-right:1px; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);}
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; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2);}
a.navbuttonbottomcurrent:hover {background-color: #7070ee; color: #FFFFBB;}
@media (max-width:600px) {p.topnavbar {margin-top:20px; margin-bottom: 20px;} }


/* BASIC BODY STUFF */
p {margin-bottom: 28px; max-height:9999px; text-align:left;}
strong {color: #AABBFF; font-weight:bold}

ul {max-height:9999px; text-size-adjust: none; padding-left:16px;}
ol {max-height:9999px; text-size-adjust: none; padding-left:16px;}
li {margin-top:0px; margin-bottom: 20px; text-align:left; max-height:9999px; text-size-adjust: none; padding-left:6px;}
li.left {margin-top:0px; margin-bottom: 20px; text-align:left; max-height:9999px; text-size-adjust: none;}
li.flat {margin-top: 0px; margin-bottom: 3px; text-align:left; max-height:9999px; text-size-adjust: none;}
li.flatleft {margin-top: 0px; margin-bottom: 3px; text-align:left; max-height:9999px; text-size-adjust: none;}
li.half {margin-top: 0px; margin-bottom: 12px; text-align:left; max-height:9999px; text-size-adjust: none;}

span.redwarning {background-color: #D70000; color: #FFFFFF; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; font-weight: bold;}
span.yellowwarning {background-color: #FFFF90; color: #000000; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; font-weight: bold;}
span.greenwarning {background-color: #90FF90; color: #000000; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; font-weight: bold;}
span.keeptogether {display:inline-block; write-space:nowrap;}

/* BIG PHOTOS */
table.photobox {border-spacing:0; border-radius:18px; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:75px; margin-bottom:10px; padding:0px; box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.5);}
table.photoboxsmallcenter {border-spacing:0; border-radius:8px; overflow:hidden; margin-left:auto; margin-right:auto; margin-top:75px; margin-bottom:10px; padding:0px; box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.5);}
@media (max-width:650px) {table.photobox {margin-left:-15px; margin-right:-15px; border-radius:0px;}} /* 7/2024 */
td.photoboximg {padding:0px; margin:0px; text-align:center; border:0px; border-style:solid; border-color:#181818; } /* border used to be 5px, solid */
@media (max-width: 650px) {  td.photoboximg { border:0px; border-style:none }}
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:90px;} /* margin-bottom used to be 70 */
@media (max-width: 650px) {  table.photoboxcaptionhorz { padding-left:5%; padding-right:5%; } }
table.photoboxcaptionvert {margin-left:auto; margin-right:auto; margin-top:5px; padding:0px; max-width:600px; margin-bottom:90px;} /* margin-bottom used to be 70 */
@media (max-width: 650px) {  table.photoboxcaptionvert { padding-left:5%; padding-right:5%; } }
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:0px; border-color:#202020;	border-style:solid; padding:0px; margin:0px; display:block;} /* color used to be 303030 border 1px */
@media (max-width: 650px) {  img.photo { border:0px; border-style:none; }}
img.photonoborder {max-width: 100%; height: auto; border:none; display:block;}

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;}

.buyphoto2 {display: block; /* inline block for same line */ margin-top: 2px; background-color: transparent !important;}
a.buyphoto2 img {width: 26px; height: 22px; opacity: 0.3;
  vertical-align: top; margin-top: 2px; transition: opacity 0.3s ease, box-shadow 0.3s ease; background-color: transparent !important; }
.buyphoto2:hover img {opacity: 1; /* box-shadow: 0 0 12px rgba(200, 200, 200, 0.8); */ /* warm glow */
  background-color: transparent !important;
  filter: drop-shadow(0 0 8px rgba(180, 180, 180, 0.8)); /* inner glow illusion */
  cursor: pointer;
}

div.panobox {border-spacing:0; border-radius:10px; margin-left:auto; margin-right:auto; margin-top:60px; margin-bottom:10px; padding:0px; box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.5); overflow-x:scroll; overflow-y:hidden;}
img.panopic {display:block; margin:0px; padding:0px; padding-bottom:0px;}


/* LOTS OF LINKS */
a:link {color: #C00000; text-decoration: underline; outline: none !important;}
a:visited {color: #C00000; text-decoration: underline; outline: none !important;}
a:active {color: #C00000; text-decoration: underline; background-color:#FFCC77; outline: none !important;}
a:hover {color: #C00000; text-decoration: underline; background-color:#FFCC77; outline: none !important;}

a:link.oldschool {color: #FFFF99; text-decoration: underline; outline: none !important;}
a:visited.oldschool {color: #FFFF99; text-decoration: underline; outline: none !important;}
a:active.oldschool {color: #FFFFFF; text-decoration: underline; background-color:#5050A0; outline: none !important;}
a:hover.oldschool {color: #FFFFFF; text-decoration: underline; background-color:#5050A0; outline: none !important;}

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

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

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

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

a:link.plainheader {color: #FFFFFF; text-decoration: none; background-color: transparent; outline: none !important;}
a:visited.plainheader {color: #FFFFFF; text-decoration: none; background-color: transparent; outline: none !important;}
a:active.plainheader {color: #FFFFFF; text-decoration: none; background-color: transparent; outline: none !important;}
a:hover.plainheader {color: #FFFFFF; text-decoration: none; background-color: transparent; outline: none !important;}

a:link.invisible {text-decoration: none; background-color: transparent; outline: none !important;}
a:visited.invisible {text-decoration: none; background-color: transparent; outline: none !important;}
a:active.invisible {text-decoration: none; background-color: transparent; outline: none !important;}
a:hover.invisible {text-decoration: none; background-color: transparent; outline: none !important;}
a:focus.invisible {text-decoration: none; background-color: transparent; outline: none !important;}


/* TRAIL DESCRIPTION TAGS */
span.highlight {font-weight:bold; color:#700000; text-decoration:underline;}
span.highlight2 {font-size:18pt; line-height: 23pt; font-weight:bold; font-style:italic; font-family: Calibri, Helvetica, sans-serif; text-align:left; padding-bottom:0px; margin-bottom:22px; padding-left:0px; color: #000000; border-bottom:1px solid #D0D0D0;} 
@media (max-width: 650px) { span.highlight2 {font-size:16pt; line-height: 19pt;}}
span.highlight3 {font-size:18pt; line-height: 23pt; font-weight:bold; font-style:italic; font-family: Calibri, Helvetica, sans-serif; text-align:left; padding-bottom:0px; margin-bottom:22px; padding-left:0px; color: #000000; border-bottom:1px solid #D0D0D0;} 
@media (max-width: 650px) { span.highlight3 {font-size:17pt; line-height: 19pt;}}

/*sidebar is the centered table, sidebar2 is dynamic left */
table.sidebar {text-align:center; margin-left:auto; margin-right:auto; font-family: Verdana,Geneva,sans-serif,Helvetica,Arial,sans-serif;
	border: 1px solid #E0E0E0; background-color: #F0F0F0; width:70%; margin-bottom:64px; margin-top:50px; border-radius:10px; padding-bottom:5px;}
@media (max-width: 1000px) {table.sidebar { width:100%; }}	
table.sidebar2 {float:left; margin-right:30px; font-family: Verdana,Geneva,sans-serif,Helvetica,Arial,sans-serif;
	border: 1px solid #BBA5A4; background-color: #DACBB9; width:45%; margin-bottom:30px; margin-top:30px; border-radius:10px;}
@media (max-width: 800px) {table.sidebar2 {float:none; text-align:center; margin-left:auto; margin-right:auto; width:95%; }}	

td.sidebar {padding: 20px; text-align:justify; 
	font-weight: normal; font-size: 11pt; line-height: 16pt; text-align:left; font-style: italic; color: #000000;  
	margin-top:0px; margin-bottom: 18px;}
td.sidebar2l {padding: 10px 10px 10px 20px; text-align:left; 
	font-weight: bold; font-size: 11pt; line-height: 16pt; 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; line-height: 14pt;}}		
td.sidebar2lr {padding: 10px 20px 10px 20px; text-align:right;
	font-weight: bold; font-size: 11pt; line-height: 16pt; 
	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; line-height: 14pt; padding: 7px 0px 7px 0px;}}
td.sidebar2r {padding: 10px 14px 10px 10px; text-align:left; 
	font-weight: normal; font-size: 11pt; line-height: 16pt; font-style: normal; color: #000000;  
	margin-top:0px; margin-bottom: 18px; vertical-align:top;}
@media (max-width: 650px) {td.sidebar2r { white-space:normal; line-height: 14pt;}}	

/* sidebarfloating for 2024 */
table.sidebarfloating {padding-top:5px; text-align:left; margin-right:auto; font-family: BodhiSegoeui,Verdana,Geneva,sans-serif,Helvetica,Arial,sans-serif; margin-left:45px; float:right; width:50%; border: 1px solid #D0C9C0; background-color: #fff6da; margin-bottom:24px; margin-top:0px; border-radius:10px; padding-bottom:10px;}
@media (max-width: 850px) {table.sidebarfloating { width:100%; margin-bottom:32px; margin-top:0px; margin-left:0px;}}	

td.sidebarfloatingtd {padding: 10px 10px 10px 24px; text-align:left; 
	font-weight: normal; font-size: 13pt; line-height: 16pt; font-style: normal; color: #000000;  
	margin-top:0px; margin-bottom: 18px; vertical-align:top;}
@media (max-width: 650px) {td.sidebarfloatingtd { font-size:12pt; white-space:normal; line-height: 15pt;}}	
@media (max-width: 650px) {td.sidebar2r { white-space:normal; line-height: 15pt;}}	

/* INLINE PHOTOS */
/* align right horizontal photos */
span.photoalignr {margin-left:30px; margin-right:0px; margin-bottom:12px; margin-top:16px; float:right; max-width:45%; display:block;}
@media (max-width: 650px) {span.photoalignr {float:none; display:block; text-align:center; max-width:100%; margin-right:0px; margin-left:0px;}}	
img.photoalignr {border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); max-width:100%; height: auto; padding-bottom:0px; margin-bottom:0px; display:block;}
/* align right vertical photos */
span.photoalignrv {margin-left:30px; margin-right:0px; margin-bottom:12px; margin-top:16px; float:right; max-width:30%; display:block;}
@media (max-width: 650px) {span.photoalignrv {float:none; display:block; text-align:center; max-width:100%; width:100%; margin-left:0px; margin-right:0px; }}	
img.photoalignrv {border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); max-width:100%; height: auto; margin-left: auto; margin-right: auto; display: block;}
@media (max-width: 650px) {img.photoalignrv {max-width:70%;}}

/* align left horizontal photos */
span.photoalignl {margin-left:0px; margin-right:30px; margin-bottom:12px; margin-top:16px; float:left; max-width:45%; display:block;}
@media (max-width: 650px) {span.photoalignl { float:none; display:block; text-align:center; max-width:100%; margin-left:0px; margin-right:0px;}}	
img.photoalignl {border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); max-width:100%; height: auto; display:block;}
/* align left vertical photos */
span.photoalignlv {margin-left:0px; margin-right:30px; margin-bottom:12px; margin-top:16px; float:left; max-width:30%; display:block;}
@media (max-width: 650px) {span.photoalignlv { float:none; display:block; text-align:center; max-width:100%; width:100%; margin-left:0px; margin-right:0px;}}	
img.photoalignlv {border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); max-width:100%; height: auto; margin-left: auto; margin-right: auto; display:block;}
@media (max-width: 650px) {img.photoalignlv {max-width:70%;}}

img.photoinline {border-radius:15px; margin-left:12px; margin-top:10px; margin-right:12px; margin-bottom:10px;
	border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4);} /*used mostly for intro page */

/* image holders for 2024 */
span.photoalignr24header {margin-left:45px; margin-right:0px; margin-bottom:32px; margin-top:42px; float:right; max-width:50%; display:block; overflow:hidden; border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); }
@media (max-width: 850px) {span.photoalignr24header {float:none; display:block; text-align:center; max-width:100%; margin-right:0px; margin-left:0px;}}	
span.photoalignr24top {margin-left:45px; margin-right:0px; margin-bottom:32px; margin-top:4px; float:right; max-width:50%; display:block; overflow:hidden; border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); }
@media (max-width: 850px) {span.photoalignr24top {float:none; display:block; text-align:center; max-width:100%; margin-right:0px; margin-left:0px;}}
span.photoalignr24mid {margin-left:45px; margin-right:0px; margin-bottom:32px; margin-top:26px; float:right; max-width:50%; display:block; overflow:hidden; border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); }
@media (max-width: 850px) {span.photoalignr24mid {float:none; display:block; text-align:center; max-width:100%; margin-right:0px; margin-left:0px; margin-bottom:26px;}}
span.photoalignrv24header {margin-left:45px; margin-right:0px; margin-bottom:32px; margin-top:42px; float:right; max-width:35%; display:block;}
@media (max-width: 850px) {span.photoalignrv24header {float:none; display:block; text-align:center; max-width:100%; width:100%; margin-left:0px; margin-right:0px; }}	
span.photoalignrv24top {margin-left:45px; margin-right:0px; margin-bottom:32px; margin-top:4px; float:right; max-width:35%; display:block;}
@media (max-width: 850px) {span.photoalignrv24top {float:none; display:block; text-align:center; max-width:100%; width:100%; margin-left:0px; margin-right:0px; }}	
span.photoalignr24product {margin-left:45px; margin-right:0px; margin-bottom:32px; margin-top:42px; float:right; max-width:46%; display:block; overflow:hidden; border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); }
@media (max-width: 850px) {span.photoalignr24product {float:none; display:block; text-align:center; max-width:100%; margin-right:0px; margin-left:0px;}}	

@media (max-width:650px) {span.photoalignr24header {margin-left:-15px; margin-right:-15px; border-radius:0px; max-width:650px;}} /* 7/2024 */
@media (max-width:650px) {span.photoalignr24top {margin-left:-15px; margin-right:-15px; border-radius:0px; max-width:650px;}} /* 7/2024 */
@media (max-width:650px) {span.photoalignr24mid {margin-left:-15px; margin-right:-15px; border-radius:0px; max-width:650px;}} /* 7/2024 */
@media (max-width:650px) {span.photoalignr24product {margin-left:-15px; margin-right:-15px; border-radius:0px; max-width:650px;}} /* 7/2024 */

img.photoinside24 {max-width:100%; height: auto; padding-bottom:0px; margin-bottom:0px; display:block;}
img.photoinside24v {border-radius:10px; border: 0px solid #505050; box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.4); max-width:100%; height: auto; margin-left: auto; margin-right: auto; display: block;}
@media (max-width: 850px) {img.photoinside24v {max-width:62%;}}

/* MAP HOLDER */
table.mapholder {text-align:center; margin-left:0px; margin-right:auto; margin-top:42px; margin-bottom:32px; border: 0px solid #00FF77;}
	 @media (max-width: 850px) {table.mapholder {max-width:75%; margin-left:auto; margin-right:auto; } }
	 @media (max-width: 650px) {table.mapholder {max-width:100%; margin-left:auto; margin-right:auto; } }
td.mapholderl {text-align:center; padding-right:15px; vertical-align:middle;}
td.mapholderr {text-align:left; line-height:normal; vertical-align:middle; padding-bottom:10px;}
/* BOTTOM MAPS */
p.photomiddle {text-align:center; margin-top:14px; margin-bottom:24px;}
img.indvhikepic {border: 1px solid #808080; max-width:90%; border-radius:8px;}


/* HIKE LIST Table of Contents */
ul.hiketoc {margin-left:0px; padding-left:22px;}
ul.allhikeslist {padding-left:150px;}
@media (max-width: 800px) { ul.allhikeslist {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%; }
span.photohiketoc2 {margin-left:26px; margin-right:0px; margin-bottom:8px; margin-top:16px; float:right; max-width:45%; }
@media (max-width: 700px) { span.photohiketoc2 {margin-left:16px;} }
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; padding-left:3px;}
p.hiketoc2 {text-align:justify; margin-top:0px; padding-top:0px; margin-top:0px; padding-left:3px;}
p.hiketoc1new {text-align:left; margin-top: 16px; margin-bottom:2px; padding-bottom:0px; }
p.hiketoc2new {text-align:justify; margin-bottom: 22px; max-height:9999px; margin-top:0px; padding-top:0px;}
@media (max-width:650px) { p.hiketoc1new {font-size:11pt; line-height:17pt;} p.hiketoc2new {font-size:11pt; line-height:17pt;} }
table.hsymbols {width:100%; 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;}

div.hikelistbox {border: 1px solid #d1d5da; border-radius:16px; background-color: #F5F5F5; margin-left:auto; margin-right:auto; padding-left:30px; padding-right:30px; margin-bottom:40px; margin-top:25px; }
@media (max-width:650px) { div.hikelistbox {padding-left:12px; padding-right:12px;} }

/* DYNAMIC HIKING BOXES 2024 */
div.listbox24 {display: flex; width:100%; border: 1px solid #B9B9B9; border-radius:16px; background-color: #EAEAEA; padding:0px; margin-bottom:44px; margin-top:44px; overflow:hidden; max-height:250px;}
div.innerboxl24 {width:250px; min-width:250px; padding:0; background-color: #E7E7E7; overflow:hidden; display:flex; }
div.innerboxr24 {flex-grow:1; display:flex; flex-direction:column; padding:0; margin:0;}

div.innerrtippytop24 {height:175px; max-height:175px; background-color: #E7E7E7; padding:0; margin:0; display:none; overflow:hidden; align-items:start;justify-content:center;}
img.tippytopbox {display:block; /* removes bottom space */ width:100%; height:auto;}
div.innerrtop24 {flex-grow:1; display:block; /* background-color:#EEEEFF; */ overflow:hidden; padding-left:28px; padding-top:18px; padding-right:28px; padding-bottom:12px;}
div.innerrbottom24 {height:30px; max-height:30px; /* background-color:#EEFFEE; */ display: flex; justify-content:flex-end; align-items:flex-end; padding-left:28px; padding-top:4px; padding-right:28px; padding-bottom:12px;}

img.innerbox {display:block; /* removes bottom space */ height:100%; max-height:100%; }
h2.listboxtitle24 {font-size: 17pt; line-height:18pt; font-family:Arial,sans-serif,Verdana,Helvetica; font-weight:bold; margin:0;padding:0;}
p.listboxtext24 {margin-top:10px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; font-family: BodhiSegoeui,Verdana,Geneva,sans-serif,Helvetica,Arial,sans-serif; font-size:12.5pt; line-height:19pt;}

@media (min-width: 1100px) { div.innerboxl24 {width:360px; min-width:360px}}
@media (max-width: 1000px) { h2.listboxtitle24 {font-size:15pt; line-height: 16pt;}}
@media (max-width: 1000px) { p.listboxtext24 {font-size:11.5pt; line-height: 16pt;}}

@media (min-width:750px) and (max-width:850px) { div.listbox24 {max-height:300px;}}
@media (max-width: 750px) { div.innerboxl24 {display:none;} div.innerrtippytop24 {display:block;} div.listbox24 {height:auto; max-height:1500px;} div.innerrtop24 {padding-bottom:6px;} div.innerrtop24 {padding-left:14px; padding-right:14px} }
/* END: DYNAMIC HIKING BOXES 2024 */

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

/* MINI HEADERS */
table.sectionheader {border-bottom:1px solid #A0A0A0; 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: 18pt; font-weight:bold; font-style:italic; font-family: Calibri, Helvetica, sans-serif; text-align:left; padding-bottom:0px; padding-left:0px; color: #000000}
@media (max-width: 600px) { td.sectionheader {font-size:17pt; line-height: 17pt;}}

/* 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;}


/* centered table to limit responsive ads */
table.responsivead {text-align:center; margin-left:auto; margin-right:auto; font-family: Tahoma,Verdana,Geneva,sans-serif,Helvetica,Arial,sans-serif;
	margin-top:28px; margin-bottom:24px; width:100%; max-width:100%;}
/* @media (max-width: 800px) {table.responsivead { width:95%; max-width:95%; }} */

div.responsivead {border-radius:15px; background-color:#E0E0E0; text-align:center; margin-left:0%; margin-right:0%; margin-top:46px; margin-bottom:46px; border:2px solid #E0E0E0; overflow:hidden;}
@media (max-width: 650px) {div.responsivead { margin-left:-15px; margin-right:-15px; border-radius:0px; }} /* 7/2024 */
/* @media (max-width: 800px) {div.responsivead { margin-left:0%; margin-right:0%;  }} */


/* 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 #d1d5da; background-color:#F0F0F0; max-height:999px; color:red; border-radius:10px;}
@media (max-width: 750px) { table.pgrid{width:100%;}}
table.pgrid2 {width:60%; margin-left:auto; margin-right:auto; margin-top:42px; margin-bottom:16px; border: 1px solid #d1d5da; background-color:#F0F0F0; max-height:999px; color:red; border-radius:10px;}
@media (max-width: 850px) { table.pgrid2{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:#F0F0F0; 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-top: 3px; padding-bottom:12px; font-size:11pt; line-height:15pt; vertical-align:top;}
td.pgridright {padding-right:56px; padding-top:3px; padding-bottom:12px; 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 #d1d5da; max-height:999px; color:red; border-radius:10px; background-color: #F0F0F0;}
@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#ikarosfooter {width:100%; text-align: center; background-color:#34356f; box-sizing: border-box; margin: 0px; padding: 0px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .4);}
div#ikarosfooterbox {position: relative; text-align:left; vertical-align: middle; border: 0px solid #999999; max-width:1300px; margin:auto; padding-top:10px; padding-bottom:12px; min-height:50px; color:#FFFFFF; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:normal; font-size: 10pt; line-height:14pt; padding-left:0px; padding-right:0px; box-sizing: border-box;}
@media (min-width: 1000px) { div#ikarosfooterbox {padding-left:50px; padding-right:50px;} } 
@media (max-width: 1000px) and (min-width: 650px) { div#ikarosfooterbox {border: 0px solid green; padding-left:35px; padding-right:35px;} }
@media (max-width: 650px) { div#ikarosfooterbox {border: 0px solid purple; padding-top:5px; padding-left:20px; padding-right:20px;} }
div#footerlinkbox {width:93%; margin:auto; text-align:center; margin-top:10px; margin-bottom:15px;}
@media (max-width: 900px) { div#footerlinkbox {width:100%;} }

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

/* PANORAMA and MAP alternate body */
body#contentlargemap {background-color:#eaedf0}
body#contentpanorama {background-color:#FFFFFF}
div#ikaroscontentlargemap {border: 0px solid red; margin-left:auto; margin-right:auto; margin-top:0px; padding-top:0px; padding-left:0px; padding-right:0px; margin-bottom:0px; padding-bottom:0px;  color:#000000; box-sizing: border-box; }
div#ikaroscontentpanorama {border: 0px solid red; margin-left:auto; margin-right:auto; margin-top:0px; padding-top:0px; padding-left:0px; padding-right:0px; margin-bottom:0px; padding-bottom:0px;  color:#000000; box-sizing: border-box; }
img.largemap {border: 1px solid #B0B0B0; border-radius:12px; margin-top:15px; margin-bottom:15px; margin-left:22px; margin-right:22px;}
img.panorama {border: 1px solid #B0B0B0; border-radius:12px; margin-top:15px; margin-bottom:20px; margin-left:22px; margin-right:22px; box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.5);}
@media (max-width: 800px) { img.panorama {max-width:225%;} }