@charset "utf-8";*{padding:0;margin:0 auto}
html{padding:4px 0}
body{background:#FFF;border:0;margin:0 auto}
img,a img,object{padding:4px 0;margin:0 auto;border:0;border-style:none;max-width:100%;height:auto}
#containall{width:100%;max-width:1600px;margin:0 auto}
#topphoto{display:block;position:relative;width:100%;height:100%;background-color:#FFF;background-repeat:no-repeat;background-position:center top;background-attachment:fixed}
#toplogo img{opacity:1;transition:opacity 2s ease-in-out}
#toplogo img:hover{opacity:0}
header{height:calc(100vw / 3);max-height:533px}
#tripdetails p{font:normal 87.5% "Noto Sans",Verdana,sans-serif;margin:0 0 0 8px}
#tripdetails{border:1px solid gray;padding:4px;background:#F7F7F7;color:#004080;text-align:left}
#tripdetails h4{font:bold 87.5% "Noto Sans",Verdana,sans-serif;margin:10px 2px 0}
h1{font:bold 150% "Noto Sans",sans-serif;color:#004080;text-align:center;margin:60px 60px 40px}
.h1sub{font:normal 112.5% Georgia,serif;text-align:center;color:teal;margin:20px}
h2{font:normal 125% Georgia,serif;color:gray;text-align:left;margin:16px 8px 0}
h2 a:link,h2 a:visited{text-decoration:none}
h2 a:hover{text-decoration:underline}
h3{font:normal 100% "Noto Sans",Verdana,sans-serif;color:gray;text-align:left;margin:10px 8px 0}
p{font:normal 100% "Noto Sans",Verdana,sans-serif;color:#004080;text-align:justify;margin:0 8px 8px}
p a:link,p a:visited{color:#005EBD;text-decoration:none}
p a:hover{color:#007DFA;text-decoration:none}
.pic{color:#008000;text-align:center;margin:4px 2px 8px}
.ntrek,.ntrek a:visited,.ntrek a:link{color:#008000}
.itrek,.itrek a:visited,.itrek a:link{color:#808000}
.tibet,.tibet a:visited,.tibet a:link{color:#800000}
.exped,.exped a:visited,.exped a:link{color:#008080}
.green{color:#008000}
.grey{color:gray}
.warn{color:red}
.bodycenter{text-align:center}
.bodycgreen{color:#008000;text-align:center}
.listgreen{color:#008000;margin:8px}
.s{font-size:8px;text-align:center;margin:0}
.details{font:normal 94% "Noto Sans",Verdana,sans-serif;color:#800040}
.details a:link,.details a:visited{color:#BD005E;text-decoration:none}
.details a:hover{text-decoration:underline}
.copyright{font:normal 87.5% "Noto Sans",sans-serif;color:gray;text-align:center;margin:0}
.copyright a:link{color:#404080;text-decoration:none}
.copyright a:visited{color:gray;text-decoration:none}
.copyright a:hover{text-decoration:underline}
.conditions{font:normal 94% "Noto Sans",Verdana,sans-serif;color:#404040;text-align:justify}
blockquote {border-left:1px solid gray; margin:30px 0 30px 8px;padding:0 12px}
article,main,aside,section {display:block;width:100%;text-align:center}
div.footerlogo img{text-align:center}
table{border:0;border-collapse:collapse}
table.varwidth{margin-left:auto;margin-right:auto}
td{border:1px solid gray;padding:1px;text-align:center}
td.textbox{padding:2px 4px}
td.noborder,td.noborder img{border-width:0;padding:16px 16px 0;vertical-align:top}
div.tripblurb{display:inline-block;width:100%}
#contactForm{background:#FFF;border:0;margin:0 auto}
label{font:normal 100% "Noto Sans",Verdana,sans-serif;color:#004080;text-align:center;cursor:pointer}
input,textarea {font:normal 100% "Noto Sans",Verdana,sans-serif;color:#004080;border:1px solid gray;padding:6px;background:#FDFDFD;border-radius:6px;width:80%;margin:4px auto;box-sizing:border-box}
input[type=submit]{background:#F7F7F7;cursor:pointer}
input:focus{background:#FFF;border:2px solid #000;border-radius:6px}
input[type=hidden]{font:normal 100% "Noto Sans",Verdana,sans-serif;color:#004080}

figcaption{position:relative;background:rgba(250,250,250, .5);bottom:47px;padding:12px 0;font:normal 100% "Noto Sans",Verdana,sans-serif;color:#004080;text-align:center;max-width:320px}
figcaption a:link,figcaption a:visited{color:#004080;text-decoration:none;}
figcaption a:hover{color:#007DFA}

nav{display:inline-block;width:100%;text-align:center;margin:0 auto}
.menu ul{margin:0;padding:0;list-style:none;white-space:nowrap;text-align:left;background:#F4F4F4;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.4);z-index:2}
.menu>ul{display:inline-block}
.menu>ul{*display:inline}
.menu li{display:inline-block;display:inline}
.menu ul ul{position:absolute;left:-9999px;padding-bottom:10px}
.menu>ul{margin:0 auto}
.menu>ul>li{float:left;display:block;position:relative;margin:0 8px}
.menu a,.menu span{display:block;font:normal 18px/32px 'Noto Sans',sans-serif;color:#004080;text-decoration:none;padding:0 20px 0 10px;-webkit-transition:color 1s;transition:color 1s}
.menu a{text-decoration:none}
.menu span{cursor:default;background:url(i-nav-right.gif) no-repeat right center}
.menu>ul>li>span{background:url(i-nav-right.gif) no-repeat right center}
.menu>ul>li>a,.menu>ul>li>span{line-height:36px}
.menu ul ul li:first-child>a{background:#F4F4F4 url(i-nav-down.gif) no-repeat right center;color:#FFF;-webkit-transition:color 1s;transition:color 1.2s}
.menu ul li.left ul li:first-child>a{background:#F4F4F4 url(i-nav-down.gif) no-repeat left center;color:#FFF;-webkit-transition:color 1s;transition:color 1s}
.menu ul>li:hover>ul>li:first-child>a{color:#004080;background:#FFF}
.menu>ul>li>a{float:left}.menu>ul>li:hover>ul{left:0;top:36px}
.menu>ul ul li:hover>ul{left:100%;top:auto;margin-top:-25px}
.menu li.left:hover>ul{display:block;left:auto;right:0;top:36px}
.menu li.left ul li:hover>ul{display:block;left:auto;right:100%;top:auto;margin-top:-25px}
.menu li.left ul a{text-align:right;padding:0 10px 0 20px}
.menu li.left ul span{text-align:right;padding:0 10px 0 20px;background:url(i-nav-left.gif) no-repeat left center}
.menu li a:hover,.menu li:hover>a{background:#FFF}
.menu li span:hover,.menu li:hover>span{background:#F4F4F4;color:#F4F4F4}
.menu li.left span:hover,.menu li.left li:hover>span{background:#F4F4F4;color:#F4F4F4}

/* 320px minimalist style block, no nav dropdown */
@media screen and (max-width:359px) {
#navhelp{display:block;width:100%;clear:both;margin-top:8px}
nav,div.fullwidth,img{display:none}}

@media screen and (max-width:639px){
#toplogo img{position:absolute;bottom:4px;left:0;right:0;max-width:150px;padding:4px 0;width:auto;height:auto}
section,div.sidebar,div.sidedetaileditin,div.sideleader,div.sidefooter{display:none}
div.footerlogo,#nav-section,#newsletterfooter{text-align:center;clear:both}
#tripdetails{display:block;margin:4px}
#showdetailitin,div.div50{display:block;width:100%}
#contactForm{width:100%;}
p.intro{color:#008000;text-align:center;margin:12px}}

@media screen and (min-width:360px) and (max-width:639px){
.menu{width:100%;height:36px;text-align:center;margin:8px auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.menu>ul>li{float:left;display:block;position:relative;margin:0}
#navhelp{display:none}
div.tripblurb img{display:block;padding:6px 0 2px}}

/* nav menu iPhone 375, 415 and Pixel 412 */ 
@media screen and (min-width:360px) and (max-width:374px){
 .menu a,.menu span{display:block;font:normal 15px/2 'Noto Sans',sans-serif;color:#004080;text-decoration:none;padding:0 20px 0 10px;-webkit-transition:color 1s;transition:color 1s}}
@media screen and (min-width:375px) and (max-width:415px){
.menu a,.menu span{display:block;font:normal 16px/2 'Noto Sans',sans-serif;color:#004080;text-decoration:none;padding:0 20px 0 10px;-webkit-transition:color 1s;transition:color 1s}}

@media all and (min-width:640px){
.menu{width:100%;height:36px;text-align:center;margin:12px auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
p.intro{color:#008000;text-align:center;margin:12px 60px 16px}
div.div50{float:left;width:50%;text-align:center}
#tripdetails{float:right;width:40%;margin:12px}
div.tripblurb img{float:right;padding:16px 2px 4px 12px}
#contactForm{width:100%;max-width:760px;}
#showdetailitin,#navhelp{display:none}}

@media all and (min-width:640px) and (max-width:1259px){
#toplogo img{position:absolute;bottom:4px;left:0;max-width:240px;width:auto;height:auto}
div.footerlogo,#newsletterfooter{width:100%;text-align:center;margin:0 auto}
div.sidebar,div.sidedetaileditin,div.sideleader,#navhelp,#showdetailitin,div.sidefooter{display:none}}
/* restrict width of main etc to 960? */

@media screen and (min-width:1260px){
#toplogo{float:left;width:25%;position:absolute;bottom:0;padding:4px 0;text-align:center}
  @media (min-width:1260px) and (max-width:1320px){div.sidedetaileditin img,div.sideleader img,div.sidebar img,div.sidefooter img{max-width:288px;height:auto}}
#nav-main,#nav-section,aside,section,div.footerlogo{float:left;width:75%;max-width:1024px;text-align:center}
div.sidedetaileditin,div.sideleader,div.sidebar,div.sidefooter{float:left;width:25%;text-align:center}
div.sidebar img,div.sidedetaileditin img,div.fb-page,#newsletterside,figure img{padding:64px 0 0}
#subForm{text-align: center}
#newsletterfooter{display:none}}