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

div#ikarosborderbar1 {background-color:#4f569a;}
div#ikarostitlebox {background-color:#2f2f67;}
div#ikarosborderbar2 {background-color:#4f569a;}


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

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

strong {color: #000000;}
h1 {color: #373767; margin-top:64px;}

a:link {color: #0000B0; text-decoration: underline}
a:visited {color: #0000B0; text-decoration: underline}
a:active {color: #3030FF; text-decoration: underline; background-color:#C0C0E0}
a:hover {color: #3030FF; text-decoration: underline; background-color:#E0E0E0}

a:link.blueu {color: #0000B0; text-decoration: underline}
a:visited.blueu {color: #0000B0; text-decoration: underline}
a:active.blueu {color: #3030FF; text-decoration: underline}
a:hover.blueu {color: #3030FF; text-decoration: underline}

a:link.bluenou {color: #0000B0; text-decoration: none}
a:visited.bluenou {color: #0000B0; text-decoration: none}
a:active.bluenou {color: #3030FF; text-decoration: none}
a:hover.bluenou {color: #3030FF; text-decoration: none}

a:link.plain {color: #2430a3; text-decoration: none;}
a:visited.plain {color: #2430a3; text-decoration: none;}
a:active.plain {color: #2430a3; text-decoration: none; background-color:#c9d2ff}
a:hover.plain {color: #2430a3; text-decoration: none; background-color:#c9d2ff}

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

/* NAVBAR BOXES, TOP AND BOTTOM */
a.navbutton {background-color: #27275d; color: white; text-decoration: none;}
a.navbutton:hover {background-color: #7070c0; text-decoration: none;}
a.navbuttoncurrent {background-color: #7070c0; text-decoration: none;}

a.navbuttonbottom {background-color: #27275d; color: white; text-decoration: none;}
a.navbuttonbottom:hover {background-color: #7070c0; text-decoration: none;}
a.navbuttonbottomcurrent {background-color: #7070c0; color: white; text-decoration: none;}
a.navbuttonbottomcurrent:hover {background-color: #7070c0; color: #FFFFDD; text-decoration: none;}
span.navplaintext {color:#751a75;}


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

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


/* HIKE LIST Table of Contents */
strong.hiketoc {color: #502050; text-shadow: 0 0 .5px #AAAAAA;}
a.hiketoc {background-color: #34356f; 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: #7070ee;}
a.hiketoccurrent {background-color: #7070ee;}



/* FOOTER */
div#ikarosfooter {background-color:#3f3f75; border-top: 1px solid #404080; color: #8995ee;}
div#ikarosfooterbox {color: #8995ee;}
a:link.footer {color: #a1bfff; text-decoration: none; background-color: transparent;}
a:visited.footer {color: #a1bfff; text-decoration: none; background-color: transparent;}
a:active.footer {color: #FFFFFF; text-decoration: none; background-color: #454585;}
a:hover.footer {color: #FFFFFF; text-decoration: none; background-color: #454585;}


/*MENU GENERATOR CSS*/
.BD86ArrowTD FONT {color:#707070;} /* for gray arrow */
.BD86RespMainMenuDIV {border:dashed 0px red; width:80px !important; margin-left:auto !important; margin-right:0px !important; }
.BD86RespSubMenuDIV {border:dashed 0px green; width:330px !important; margin-left:-250px;  }