@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/*
html {
    overflow-y:scroll;
}
*/
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.allnav{
    z-index:auto;
/*
    margin-top:-1px;
    margin-bottom:-1px;
*/
}
.navarrow-geography{
display:inline
}
.navarrow-birding{
display:inline
}
.navarrow-home{
display:inline;
}
.githubscript{
}
.code{
    font-family:'Courier','';
    padding:40px;
    background-color:rgb(240,240,240);
}
.codearrow{
/*    content:'\2193';*/
    font-size:100px;
    padding:20px;
    text-align: center;
}
.columncontent .code img{
    outline: solid black 1px;
    width:320px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin:0 auto;
    ;
}

jpg{
    background-color: black;
}
body{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}
strong{
    font-weight: bolder;
}
html, body {margin:0;padding:0;height:100%;width:100%}

.header{
    width: 960px;
    margin: 0px auto;
}
.headerbackground-home{
    position:absolute;
    z-index: -1;
    background-color: #273e5e;
    width: 100%;
    height: 253px;
}.headerbackground-geography{
    position:absolute;
    z-index: -1;
    background-color: #3b4020;
    width: 100%;
    height: 253px;
}.headerbackground-birding{
    position:absolute;
    z-index: -1;
    background-color: #37251A;
    width: 100%;
    height: 253px;
}
a{
    text-decoration: none;
    color: inherit;
}

.nav-home ul{
    background-color: #3e618b;
    font-weight: bold;
}
.nav-home-sub ul{
    background-color: #6d96b4;
    position:absolute;
    width:100%;
    font-weight: bold;
}.nav-geography ul{
    background-color: #667a37;
    font-weight: bold;
}
.nav-geography-sub ul{
    background-color: #96ad5e;
    position:absolute;
    width:100%;
    font-weight: bold;
}.nav-birding ul{
    background-color: #5B3F2D;
    font-weight: bold;
}
.nav-birding-sub ul{
    background-color: #97725B;
    position:absolute;
    width:100%;
    font-weight: bold;
}

nav ul{
    overflow: hidden;
    color: white;
    padding: 0px;
    margin: 0px;
    text-align: center;
    -webkit-transition: max-height 0.4s;
    -ms-transition: max-height 0.4s;
    -moz-transition: max-height 0.4s;
    -o-transition: max-height 0.4s;
    transition: max-height 0.4s;
}
nav ul li{
    display: inline-block;
    padding: 20px;
    cursor: pointer;
}

.nav-geography li{
    padding-left:6px;
    padding-right:6px;
}
.nav-home li{
    padding-left:6px;
    padding-right:6px;
/*
    padding-bottom: 22px ;
    padding-top: 16px ;
*/
}
.nav-birding li{
    padding-left:6px;
    padding-right:6px;
}
.arrowhider{
    color:rgba(0,0,0,0.0);
    display:inline;
}

body .hidden{
    display: none;
}

nav .homemobile-geographyshowing{
    height:0em;
    background-color: #96ad5e;
    padding-left: 30px;
}
nav .homemobile-birdingshowing{
    height:0em;
    background-color: #97725B;
    padding-left: 30px;
}
nav .homemobile-lifestyleshowing{
    height:0em;
    background-color: #6d96b4;
    padding-left: 30px;
}

.nav-home-sub ul li{
    padding: 10px 15px;
    border: 5px solid #6d96b4;
    margin-left: 30px;
    border-bottom-color:none;
    border-bottom-width:14px;
    border-top-width:14px;


}
.nav-home li:hover{
    background-color: #273e5e;
}

.nav-home ul li.selectorcolor-home:hover{
    background-color: #6d96b4;
}
.nav-home-sub li:hover{
    background-color: #3e618b;
}.nav-geography-sub ul li{
    padding: 10px 15px;
    border: 5px solid #96ad5e;
    margin-left: 30px;
    border-bottom-width:14px;
    border-top-width:14px;

}
.nav-geography li:hover{
    background-color: #3b4020;
}

.nav-geography ul li.selectorcolor-geography:hover{
    background-color: #96ad5e;
}
.nav-geography-sub li:hover{
    background-color: #667a37;
}.nav-birding-sub ul li{
    padding: 10px 15px;
    border: 5px solid #97725B;
    margin-left: 30px;
    border-bottom-color:none;
    border-bottom-width:14px;
    border-top-width:14px;


}
.nav-birding li:hover{
    background-color: #37251A;
}

.nav-birding ul li.selectorcolor-birding:hover{
    background-color: #97725B;
}
.nav-birding-sub li:hover{
    background-color: #5B3F2D;
}

.menu-home{
    background: #315073;
}
.menu-geography{
    background: #565e27;
}
.menu-birding{
    background: #37251A;
}
.menu{
    width:100%;
    text-align: left;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    color:white;
    font-weight: bold;
    cursor:pointer;
    padding: 20px 30px;
    display:none;
    ;;
}

.hamburgermenu{
    width:30px;
    float:right;
}

.selectorcolor-home{
    background-color: #6d96b4;
}.selectorcolor-geography{
    background-color: #96ad5e;
}.selectorcolor-birding{
    background-color: #97725B;
}

.geographymenu nav ul{
    max-height: 0;
}
.geographymenu nav ul li{
    margin-left:0px;
    margin-right:0px;
}
.geographymenu .menushowinggeography{
    max-height: 20em;    
}
.birdingmenu nav ul{
    max-height: 0;
}
.birdingmenu nav ul li{
    margin-left:0px;
    margin-right:0px;
}
.birdingmenu .menushowingbirding{
    max-height: 20em;    
}
.lifestylemenu nav ul{
    max-height: 0;
}
.lifestylemenu nav ul li{
    margin-left:0px;
    margin-right:0px;
}

.lifestylemenu .menushowinglifestyle{
    max-height: 20em;    
}
#geography, #birding, #lifestyle{
    padding-left: 14px;
    padding-right: 16px;
}


nav ul li.submenuselector{
    border-bottom-color:white;
    border-bottom-width:14px;
}

    nav ul li.menuselector2{
        text-decoration:underline;
    }




/*To be used as such: <h1 class=h1-xxx><p class=h1-locatormenu> Text here </p></h1>*/
h1 .h1-locatormenu{
    font-size:24px;
    margin-top:-38px;
    margin-bottom:6px;
}
.locatormenuarrow{
    font-size:32px;
}
.container{
    width: 960px;
    margin: 0px auto; 
}
.container-home a{
    color: #3e618b;
    text-decoration: underline;
}
.container-geography a{
    color: #667a37;
    text-decoration: underline;
}
.container-birding a{
    color: #5B3F2D;
    text-decoration: underline;
}
body div.container img{
    width: 100%;
}
.columncontent img{
    max-width: 100%;    
}

section{
    line-height: 1.5em;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 75%;
    margin: 0px;
}
.leftcolumnbig .columncontent{
    padding-left: 0px;
    padding-right: 10px;
}
.rightcolumnsmall .columncontent{
    padding-left: 10px;
    padding-right: 0px;
}
.leftcolumnsmall .columncontent{
    padding-left: 0px;
    padding-right: 10px;
}
.rightcolumnbig .columncontent{
    padding-left: 10px;
    padding-right: 0px;
}
.columncontent p{
    margin-bottom:-10px;
}
.leftcolumnbig{
    width: 690px;
    float: left;
    background: inherit;
    text-align: justify;
}
.rightcolumnsmall{
    width: 250px;
    float: right;
    background: inherit;
    text-align: justify;
}
.leftcolumnsmall{
    width: 250px;
    float: left;
    background: inherit;
    text-align: justify;

}
.rightcolumnbig{
    width: 690px;
    float: right;
    background: inherit;
    text-align: justify;
}
.singlecolumn{
    width: 960px;
    float: right;
    background: inherit;
    text-align: justify;
    margin-top:-15px;
}
.halfcolumn{
    width: 480px;
    float: left;
    background: inherit;
    text-align: justify;
    margin-top:-15px;
}
.bottomspacer{
    height: 200px;
    width: 960px;
    float: right;
    background: inherit;
}
body .h1-home{
    color: #273e5e;
    margin-top: 120px;
    font-size: 40px;
}
body .h1-geography{
    color: #3b4020;
    margin-top: 120px;
    font-size: 40px;
}
body .h1-birding{
    color: #37251A;
    margin-top: 120px;
    font-size: 40px;
}
.h2-geography_span{
/*#96ad5e;*/
    border-bottom:2px solid #3b4020;
    margin-top:-18px;
    
}
.h2-home_span{
    border-bottom:2px solid #273e5e;
    margin-top:-18px;
    
}
/*
body .h1_2-home{
    color: #273e5e;
    margin-top: 40px;
    line-height: 1.2;
    font-size: 32px;
}
body .h1_2-geography{
    color: #3b4020;
    margin-top: 50px;
    line-height: 1.2;
    font-size: 32px;
}
body .h1_2-birding{
    color: #37251A;
    margin-top: 40px;
    line-height: 1.2;
    font-size: 32px;
}
*/
body .h2-home{
    color: #273e5e;
    margin-top: 60px;
    line-height: 1.2;
    font-size: 32px;
}
body .h2-geography{
    color: #3b4020;
    margin-top: 60px;
    line-height: 1.2;
    font-size: 32px;
}
body .h2-birding{
    color: #37251A;
    margin-top: 60px;
    line-height: 1.2;
    font-size: 32px;
}
body .h3-home{
    font-size: 24px;
    color: #273e5e;
    text-align: left;
}
body .h3-geography{
    font-size: 24px;
    color: #3b4020;
    text-align: left;
}
body .h3-birding{
    font-size: 24px;
    color: #37251A;
    text-align: left;
}

.columnimg{
    margin-top: 0px;
}

tr:nth-child(even) {
    background-color: rgb(249,249,249);
}
tr:nth-child(odd) {
    background-color: rgb(235,235,235);
}
td{
    padding: 5px;
}
.column-date{
    width:90px;    
}
.lifelist{
    width:595px;
    height:20950px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin: 0 auto;
}

/*
#pdfiframe {
        -ms-zoom: 1.4;
        -moz-transform: scale(1.05);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1.05);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(1.05);
        -webkit-transform-origin: 0 0;
}
*/

@media screen and (max-width:650px){
    .lifelist{
    width: 100%;
    }

}
@media screen and (max-width:1000px){
    
    body h1.h1-home{
        margin-left:20px;
        text-align: left;
    }
    body h1.h1-geography{
        margin-left:20px;
        text-align: left;
    }
    body h1.h1-birding{
        margin-left:20px;
        text-align: left;
    }

    .container{
    width: 100%;
    margin: 20px auto; 
    margin-top: 25px;
    }
    .leftcolumnbig{
    width: 70%;
    }
    .rightcolumnsmall{
    width: 30%;
    }
    .leftcolumnsmall{
    width: 30%;
    }
    .rightcolumnbig{
    width: 70%;
    }
    .singlecolumn{
    width: 100%;
    }
    .halfcolumn{
    width: 50%;
    }
    .bottomspacer{
    width: 100%;   
    }
    .header{
    width: 100%;   
    }
    .headerbackground-home{
    display:none;
    }    .headerbackground-geography{
    display:none;
    }    .headerbackground-birding{
    display:none;
    }
    .leftcolumnbig .columncontent{
    padding-left: 20px;
    }
    .rightcolumnsmall .columncontent{
    padding-right: 20px;
    }
    .leftcolumnsmall .columncontent{
    padding-left: 20px;
    }
    .rightcolumnbig .columncontent{
    padding-right: 20px;
    }
    .singlecolumn .columncontent{
    padding-left: 20px;
    padding-right: 20px;
    }
    .halfcolumn .columncontent{
    padding-left: 20px;
    padding-right: 20px;
    }
    body div.container .imgspan img{
        width: 100%;
    }
    body div.container .imgspan{
        padding: 0px 20px;
    }
    .leftcolumnbig{
        text-align: left;
    }
    .rightcolumnsmall{
        text-align: left;
    }
    .leftcolumnsmall{
        text-align: left;

    }
    .rightcolumnbig{
        text-align: left;
    }
    .singlecolumn{
        text-align: left;
    }
    .halfcolumn{
        text-align: left;
    }

}@media screen and (max-width:550px){
    .allnav{
        position: absolute;
        width: 100%;
        z-index: 90;
    }
    .allnav li{
        padding-top:10px;
        padding-bottom:10px;
    }
#geography:before{
    content:"▼ ";
    font-size: 13px;
}#birding:before{
    content:"▼ ";
    font-size: 13px;
}#lifestyle:before{
    content:"▼ ";
    font-size: 13px;
}

    .nav-home-sub ul li{
    border-bottom-width:4px;
    border-top-width:4px;
    }
    .nav-geography-sub ul li{
    border-bottom-width:4px;
    border-top-width:4px;
    }
    .nav-birding-sub ul li{
    border-bottom-width:4px;
    border-top-width:4px;
    }
    
    
    nav ul li.submenuselector{
        border-bottom-color:inherit;
        border-bottom-width:inherit;
      border-left: 6px dotted white;
      border-right: 6px dotted white;
        text-decoration:none;
    }
nav ul li.submenuselector:after {
  content: " [Current Page]";
}
    
    nav ul .menuselector{
        border-bottom-color:inherit;
        border-bottom-width:inherit;
        text-decoration:none;
    }
    nav ul li.menuselector2{
        text-decoration:none;
    }
    nav ul .menuselector:after {
  content: " [Current Section]";
}
    
    body div.container .columncontent img{
        width: 80%;
        margin: 0px 10%;
    }
    body div.container .columncontent .code img{
        width: 1000%;
        margin: 0px 0%;
    }
    .leftcolumnbig, .rightcolumnsmall, .leftcolumnsmall, .rightcolumnbig, section{
        width: 100%;
        float:center;
    }
    .halfcolumn{
        width:100%;
    }
    .fullcolumn .columncontent{
    width: 100%;
    text-align: left;
    }
    .leftcolumnbig .columncontent{
        padding: 20px;
        margin: 0px;
    }
    .rightcolumnsmall .columncontent{
        padding: 20px;
        margin: 0px;
    }
    .leftcolumnbig, .rightcolumnsmall{
        padding: 0px;
        margin: 0px;
    }
    
    .leftcolumnsmall .columncontent{
        padding: 20px;
        margin: 0px;
    }
    .rightcolumnbig .columncontent{
        padding: 20px;
        margin: 0px;
    }
    .leftcolumnsmall, .rightcolumnbig{
        padding: 0px;
        margin: 0px;
    }
    nav ul{
        max-height: 0;
    }
    .menushowing{
        max-height: 20em;
    }

    nav ul li{
        box-sizing:border-box;
        width: 100%;
        text-align: left;
    }
    .nav-home-sub ul{
        width:80
    }    .nav-geography-sub ul{
        width:80
    }    .nav-birding-sub ul{
        width:80
    }

    .menu{
        display: inline-block;
    }
    body .hidden{
        display: inherit;
    }  
    body .nav-home .leaderline{
    border-left: 40px solid #6d96b4;
    }    body .nav-geography .leaderline{
    border-left: 40px solid #96ad5e;
    }    body .nav-birding .leaderline{
    border-left: 40px solid #97725B;
    }
.navarrow-geography{
    display:none
}
.navarrow-birding{
    display:none
}
.navarrow-home{
    display:none
}

    
    
}