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

div#ikarosborderbar1 {background-color:#8a3a27;}
div#ikarostitlebox {background-color:#672718;}


/* body */
div#ikaroscontent {background-color: #FFFFFF; color:#000000;} /* F0F0F0 */

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

strong {color: #200000;}
h1 {color: #000000;}

table.sectionheader {border-bottom:1px solid #BDB8B4;}
span.highlight2 {color: #000000; border-bottom:1px solid #BDB8B4;} 

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

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

/* BIG PHOTOS */
img.photo {border:0px; border-color:#707070; border-style:solid;}  /* this overrides the master style */ 
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;}
input.cartsubmit {background-color: #C05040; color: white;}

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:#200000; text-decoration:underline;} /* was #700000 */

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


/* HIKE LIST Table of Contents */
strong.hiketoc {color: #400000; text-shadow: 0 0 .5px #E0D0C0;}
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#ikarosfooter {background-color:#672718; border-top: 1px solid #632B16; color: #DDAA99;}
div#ikarosfooterbox {color: #DDAA99;}
div#bodhifooter {background-color:#762815; }
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;}


/*MENU GENERATOR CSS*/
.A1B0FArrowTD FONT {color:gray;} /* for gray arrow */

.A1B0FRespMainMenuDIV {border:dashed 0px red; width:80px !important; margin-left:auto !important; margin-right:0px !important; }
.A1B0FRespSubMenuDIV {border:dashed 0px green; width:330px !important; margin-left:-250px;  }