/* standard styles for babineauweb.com */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Ramaraja:400,700);
@import url(http://fonts.googleapis.com/css?family=Inknut+Antiqua:400,700);
@import url(http://fonts.googleapis.com/css?family=Junge:400,700);

/*@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), 
      url('/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), 
      url('/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), 
      url('/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), 
      url('/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/




/*=============================================================== global styles ======================================================*/

	html{
            height: 100%;
            /*overflow-y: hidden;*/
            font-size:100%; /* 16px, 12pt */
        }
        
	body{
            min-height: 100%;
            display: -webkit-flex;
            display: flex;
            background: url(/images/vertgradblu_narrow.png) top left repeat-x;
            /*background-color: #fcfcfc;*/
            list-style:none;
            margin:0;
            font-family: Lato,'Calibri Light','Century Gothic',Arial,sans-serif;
            text-rendering: optimizeLegibility;
            -webkit-font-variant-ligatures: common-ligatures;
            font-variant-ligatures: common-ligatures;
            -moz-font-feature-settings: "kern=1"; /* pre-Firefox 14+ */
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern"; /* Firefox 14+ */
            font-feature-settings: "kern"; /* standard */
            font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/
            color: #b1aea6;
            font-size: 1em; font-size:1.4rem;
            line-height: 1.5;
            transition:all .2s linear;
            overflow-x: hidden;
        }
	
	/* hide from IE-mac \*/	
	body {font-size:100%;line-height:1.125em;} /* 75% is 12px, 100% is 16px, 87.5% is 14px */
	/* end hide */

        iframe {
            max-width: 100%;
            max-heignt: 100%;
        }
        
        a:link{
            color: #30576e;
        }
        a:visited{
            color: #363636;
        }
        a:hover{
            color: #0033ff;
        }
        a:hover{
            color: #0033ff;
        }
        a:active{
            color: #336666;
        }

        /* tooltip styles */
        a.tooltip {outline:none; text-decoration: dotted underline;}
        a.tooltip strong {line-height:30px;}
        a.tooltip:hover {text-decoration:none;} 
        a.tooltip span {
            z-index:10;
            display:none; 
            padding:14px 20px;
            margin-top:-30px; 
            margin-left:28px;
            margin:-2em 0 0 1em;
            width:auto; 
            line-height:16px;
        }
        a.tooltip:hover span{
            display:inline; 
            position:absolute; 
            color:#111;
            border:1px solid #DCA; 
            background:#fffAF0;
        }
        .callout {
            z-index:20;
            position:absolute;
            top:30px;
            border:0;
            left:-12px;}
    
        /*CSS3 extras*/
        a.tooltip span{
            border-radius:4px;
            box-shadow: 5px 5px 8px #CCC;
        }

	address{
            font:.9em 'Calibri Light', 'Century Gothic',Lato,sans-serif;
            margin: 0 1em;
        }

        blockquote{
            display: block;
            color: #336666;
            font: .9em Lato,'Calibri Light','Century Gothic',sans-serif;
        }

	h1,h2,h3,h4,h5{
            display: block;
            text-align: left;
            font-family:Lato,'Calibri Light','Century Gothic',Arial,sans-serif;
            background:transparent;
            color:#336699;
        }
        h4{margin: 1em 0 0 .3em;}
	h1{
            clear:left;
            font: 3.6em montserrat,optima,palatino,sans-serif;
            color:#336699; 
        }
	img{
            border:0;
            padding:0;
            /*max-width: 100%;
            width: 100%;
            height: auto;*/
        }
	ul, ul > li{
            font:1em Lato,'Calibri Light','Century Gothic',sans-serif;
            background-color:transparent;
            color:#003366;
            list-style:none;
        }
	ol > li{
            font:1em Lato,'Calibri Light','Century Gothic',sans-serif;
            background-color:transparent;
            color:#003366;
            list-style: decimal;
        }
	p{
            font:1em Lato,'Calibri Light','Century Gothic',sans-serif;
            margin:auto 1% 1em 1%;
            background-color:transparent;
            color:#333333;
        }
	table, tr, td {
            font:1em Lato,'Calibri Light','Century Gothic',sans-serif;
            background-color: transparent;
            color: #333333;
            border:0;
        }
	
/* ---------- classes ---------- */
	/* http://positioniseverything.net/easyclearing */

	.clearfix:after {
            content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	/*.clearfix {display: inline-table;}*/

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


        h2.headline{
            position: fixed;
            top: 2.1em;
            left: 0;
            right: 0;
            margin: 0 auto;
            max-width: 12em;
            background: #ffffff;
            font: 600 italic 1.3em 'Book Antiqua','Georgia','Times New Roman',serif;
            text-align: center;
            padding: 0 0 .2em 0;
            color: #07476d;
            border: 1px solid transparent;
            border-top: 1px solid #ededed;
            box-shadow: 0 3px 8px #888;
        }

    .rtbarsec, .lftbarsec{
        border:solid 1px #cdcdcd;
        margin: 0;
        background:#ffffff;
        text-shadow:1px 3px 3px #f5f5f5;z-index:200;
    }
    .rtbarsec h2, .rtbarsec h3{
        margin-left:1em;
    }
    .rtbarsec p, .lftbarsec, .lftbarsec p{
        font:normal 1em Lato,'Calibri Light','Century Gothic',sans-serif;
        line-height: 1.5;
        color:#002535;
        padding:10px 5px;
/*        margin:1em;*/
    }
    .rtbarsec span{
        font:bold 1em Lato,'Calibri Light','Century Gothic',sans-serif;
        padding:3px;
        margin:1em 3em;
        text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
    }
    .rtbarsec ul li, .rtbarsec ol li, .lftbarsec ul li, .lftbarsec ol li{
        font:normal 1em Lato,'Calibri Light','Century Gothic',sans-serif;
        color:#002535;
        display:list-item;
        margin:1em;
    }

    .topround{
        border-radius:12px 12px 0 0;
        background:transparent;
        margin:0;
        padding:1em .25em;
        width:auto;
        border:solid 1px #d3d3d3;
        font:normal .95em "Century Schoolbook",serif;
        color:#3d3d3d;
    }
/* =================================== buttons =========================================== */
    article.buttn{
        text-align: center;
        -webkit-justify-content: center;
        -webkit-align-content: center;
        justify-content: center;
        align-content: center;
        padding: 1.5em 0;
    }
    article.buttn-brn{
        text-align: center;
        -webkit-justify-content: center;
        -webkit-align-content: center;
        justify-content: center;
        align-content: center;
        background: #07476d;
        background:-moz-linear-gradient(top,  #07476d 0%, #ffffff 100%); 
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#07476d), color-stop(100%,#ffffff)); 
        background:-webkit-linear-gradient(top,  #07476d 0%,#ffffff 100%); 
        background:-o-linear-gradient(top, #07476d 0%,#ffffff 100%); 
        background:-ms-linear-gradient(top, #07476d 0%,#ffffff 100%); 
        background:linear-gradient(top,  #07476d 0%,#ffffff 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07476d', endColorstr='#ffffff',GradientType=0 );
        padding: 1.5em 0;
        /*border: transparent solid 1px;*/
        border-radius: 15px;
    }

a.button{
    display: inline-block;
    vertical-align: middle;
    width: 7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow: hidden;
    font: 1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color: #ffffff;
    text-align: center;
    border: 0;
    *display: inline;
}

a.buttonbrn{
    display:inline-block;
    vertical-align: middle;
    width: 7em;
    height: 5em;
    margin: 2px 0; 
    padding: .25em;
    overflow:hidden;
    background:#3f3f3f;
    background:-moz-linear-gradient(top,  #505050 0%, #3f3f3f 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#3f3f3f)); 
    background:-webkit-linear-gradient(top,  #505050 0%,#3f3f3f 100%); 
    background:-o-linear-gradient(top, #505050 0%,#3f3f3f 100%); 
    background:-ms-linear-gradient(top, #505050 0%,#3f3f3f 100%); 
    background:linear-gradient(top,  #505050 0%,#3f3f3f 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#3f3f3f',GradientType=0 );
    font: 1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:1px 1px 0 rgba(0,0,0, 0.5);
    text-align:center;
    text-decoration: none;
    border:2px solid #3f3f3f; border: 0;
    *display:inline;
}
a.buttonbrn:hover, a.buttonbrn:active, a.buttonbrn:focus{
    background: #3e698c; 
    background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); 
    background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 );
    *display:inline;
}

a.buttonblu{
    display:inline-block;
    vertical-align: middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background:#0066ff; background: hsla(220,100%,50%,1);
    font: 1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #0066ff; border: 0;
    *display:inline;
}
a.buttonblu:hover, a.buttonblu:active, a.buttonblu:focus{
    background:#0033ff; background: hsla(210,100%,50%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #0033ff; border: 0;
    *display:inline;
}

a.buttonbanblu{
    display:inline-block;
    vertical-align: middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background:#0066ff; background: hsla(204,82%,34%,1);
    font: 1em normal Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #0066ff; border: 0;
    *display:inline;
}
a.buttonbanblu:hover, a.buttonbanblu:active, a.buttonbanblu:focus{
    background:#0033ff; background: hsla(204,82%,44%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #0033ff; border: 0;
    *display:inline;
}
a.buttongrn{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background:#009900; background: hsla(120,40%,25%,1);
    font:1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #009900; border: 0;
    *display:inline;
}
a.buttongrn:hover, a.buttongrn:active, a.buttongrn:focus{
    background:#006600; background: hsla(110,40%,35%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #006600; border: 0;
    *display:inline;
}
a.buttongb{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background: #30576e; background: #3e698c; 
    background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); 
    background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 );
    font:1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #0066ff; border: 0;
    border-radius: 0;
    *display:inline;
}
a.buttongb:hover, a.buttongb:active, a.buttongb:focus{
    background: #30576e; background: #07476d;
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #0033ff; border: 0;
    *display:inline;
}
a.buttontrq{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background: #008cb4; background: hsla(178,60%,35%,1);
    font:1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #0066ff; border: 0;
    *display:inline;
}
a.buttontrq:hover, a.buttontrq:active, a.buttontrq:focus{
    background: #006d8f; background: hsla(178,60%,45%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #0033ff; border: 0;
    *display:inline;
}
a.buttonltg{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background: #2bce22;background: #1b8216; background: hsla(120,70%,30%,1);
    font:1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #0066ff; border: 0;
    *display:inline;
}
a.buttonltg:hover, a.buttonltg:active, a.buttonltg:focus{
    background: #1b8216;background: #2bce22; background: hsla(120,70%,35%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #0033ff; border: 0;
    *display:inline;
}
a.buttonsprg{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background: #2bce22;background: #1b8216; background: hsla(157,78%,40%,1);
    font:1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #0066ff; border: 0;
    *display:inline;
}
a.buttonsprg:hover, a.buttonsprg:active, a.buttonsprg:focus{
    background: #1b8216;background: #2bce22; background: hsla(157,78%,50%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #0033ff; border: 0;
    *display:inline;
}
a.buttonbge{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background: hsla(35,74%,36%,1);
    font:1em bold  Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #ff9900; border: 0;
    *display:inline;
}
a.buttonbge:hover, a.buttonorng:active, a.buttonorng:focus{
    background: hsla(35,74%,53%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #ff6600; border: 0;
    *display:inline;
}
a.buttonbrn2{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background: hsla(35,74%,14%,1); /* brown */
    font:1em bold  Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #a06718; border: 0;
    *display:inline;
}
a.buttonbrn2:hover, a.buttonorng:active, a.buttonorng:focus{
    background:#ff6600; background: hsla(35,74%,36%,1);
    text-shadow: 0 2px 1px #3d3d3d;
    border:1px solid #a06718; border: 0;
    *display:inline;
}

a.buttonorng{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background: #FA0; background: hsla(33,100%,50%,1);
    font:1em bold  Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #ff9900; border: 0;
    *display:inline;
}
a.buttonorng:hover, a.buttonorng:active, a.buttonorng:focus{
    background: #FFCC00;
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #ff6600; border: 0;
    *display:inline;
}
a.buttonorred{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background: #FA0; background: hsla(16,100%,50%,1);
    font:1em bold  Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #ff9900; border: 0;
    *display:inline;
}
a.buttonorred:hover, a.buttonorred:active, a.buttonorred:focus{
    background: #FFCC00; background: hsla(16,100%,60%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #ff6600; border: 0;
    *display:inline;
}

a.buttonred{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background:#ff0000;
    font:1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #ff0000; border: 0;
    *display:inline;
}
a.buttonred:hover, a.buttonred:active, a.buttonred:focus{
    background:#cc0000;
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #cc0000; border: 0;
    *display:inline;
}
a.buttonbrkred{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background:#ff0000; background: hsla(0,68%,42%,1);
    font:1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #ff0000; border: 0;
    *display:inline;
}
a.buttonbrkred:hover, a.buttonbrkred:active, a.buttonbrkred:focus{
    background:#cc0000; background: hsla(0,68%,52%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #cc0000; border: 0;
    *display:inline;
}
a.buttonchoc{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow:hidden;
    background:#ff0000; background: hsla(25,75%,47%,1);
    font:1em bold Lato,'Calibri Light','Century Gothic', sans-serif;
    color:#ffffff;
    text-shadow:0 1px 1px #505050;
    text-align:center;
    text-decoration: none;
    border:1px solid #ff0000; border: 0;
    *display:inline;
}
a.buttonchoc:hover, a.buttonchoc:active, a.buttonchoc:focus{
    background:#cc0000; background: hsla(25,75%,54%,1);
    text-shadow:0 2px 1px #3d3d3d;
    border:1px solid #cc0000; border: 0;
    *display:inline;
}
a.buttonylo{
    display:inline-block;
    vertical-align:middle;
    width:7em;
    height: 5em;
    margin: .25em;
    padding: .25em;
    overflow: hidden;
    background: #ffff00;
    font: 400 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    color: #3d3d3d;
    text-shadow: 0 1px 1px #505050;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ff0000; border: 0;
    *display: inline;
}
a.buttonylo:hover, a.buttonylo:active, a.buttonylo:focus{
    background: #ddd000;
    text-shadow: 0 2px 1px #3d3d3d;
    border: 1px solid #cc0000; border: 0;
    *display: inline;
}

/*================================= floats ====================================*/
.floatright{
    float: right;
    padding: .4em 0 .4em .4em;
    margin: .4em 0 .4em .4em;
    background: transparent;
}
.floatright, .floatright p, .floatright a{
    font: italic 300 .8em Lato,'Calibri Light','Century Gothic',sans-serif;
    color: #003366;
}
.floatleft{
    float: left;
    padding: 5px;
    margin: 5px;
    background: transparent;
}
.floatleft, .floatleft p, .floatleft a{
    font: normal .8em Lato,'Calibri Light','Century Gothic',sans-serif;
    color: #333333;
}

/* following elements style the lists used in FAQ and other files, using javascript to show/hide answers to questions */
dl > dt {
    font: 600 1.1em Lato,'Calibri Light','Century Gothic',sans-serif;
    margin:1em 0 0 .5em;
    cursor: pointer;
    color: #006699;
}
dl > dd > dl > dt {
    font: 500 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    margin:1em 0 0 .5em;
    cursor: pointer;
    color: #0493bd;
}
dd {
    font:normal 1em/1.3 Lato,'Calibri Light','Century Gothic',sans-serif;
    color:#242424;
    margin: 0 5px 0 .5em;
    margin:0 .5rem 0 .7rem;
    padding-bottom: 10px;
}
dd p {
    font:normal 1em Lato,'Calibri Light','Century Gothic',sans-serif;
}
dd p a{
    text-decoration: underline;
}
dd ol li, dd ul li{
    font:normal .95em Lato,'Calibri Light','Century Gothic',sans-serif;
}
dd ul li{list-style-type:none;}
.show {display: block;}
.hide {display: none;}
/*================================= styles for fixed position show/hide buttons =====================================*/
.fixedshowhide{
    position:fixed;
    top:10em;
    left:78em;
    width:150px;
    background:transparent;
}
.showhide{
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width:auto;
}
.allshow, .allhide{
    float:left;
    background:#efefef;
    border:1px solid #336799;
    width:3em;
    text-align:center;
    color:#ffffff;
    margin:.5em;
    padding: 0;
}
.allshow a, .allhide a{
    vertical-align:middle;
    text-align:center;
}

/*================================ form formatting(deprecated) ======================================================*/
.fieldset{width:auto;}
.fieldset label{font:normal .9em  "Trebuchet MS",sans-serif;font-size:1.26rem;text-align:right;width:75px;float:left;padding:0.2em;margin:.3em .3em 0 0;}
.fieldset .nobr{display:none;}  
.fieldset .textfield{margin:.35em;height:20px;width:320px;background:#efefef;color:#000000;}
.fieldset .textarea{margin:.35em;height:165px;width:320px;background:#efefef;color:#000000;}
/*===================================================================================================================*/

/* =================== following form design thanks to http://rexkirby.com/ ===========================*/
#feedback-page{
    text-align:center;
}

#form-main{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    border: #0000ff solid 1px;
    width:100%;
    padding:0px;
}

#form-div {
    background-color:rgba(72,72,72,0.4);
    padding: 2em;
    width: 100%;
}

.feedback-input {
    color:#3c3c3c;
    font-family: Helvetica, Arial, sans-serif;
    font-weight:500;
    font-size: 18px;
    border-radius: 0;
    line-height: 22px;
    background-color: #fbfbfb;
    padding: 13px 13px 13px 54px;
    margin-bottom: 10px;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
    background: #fff;
    box-shadow: 0;
    border: 3px solid #3498db;
    color: #3498db;
    outline: none;
    padding: 13px 13px 13px 54px;
}

.focused{
    color:#30aed6;
    border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#name{
    background-image: url(/images/fa-user.png);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}

#name:focus{
    background-image: url(/images/fa-user.png);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}

#email{
    background-image: url(/images/mail-alt.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}

#email:focus{
    background-image: url(/images/mail-alt.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}

#comment{
    background-image: url(/images/pencil.png);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
    background-color:white;
}
#button-grn{
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    width: 100%;
    border: #fbfbfb solid 4px;
    border-radius: 0;
    cursor:pointer;
    background-color: #009900;
    color:white;
    font-size:24px;
    padding:22px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top:.5em;
    font-weight:700;
}

#button-grn:hover{
    background-color: rgba(0,0,0,0);
    color: #006600;
}
.reset:hover{
    color: #3498db;
}

#button-blue{
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    width: 100%;
    border: #fbfbfb solid 4px;
    border-radius: 0;
    cursor:pointer;
    background-color: #3498db;
    color:white;
    font-size:24px;
    padding:22px 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top:-4px;
    font-weight:700;
}

#button-blue:hover{
    background-color: rgba(0,0,0,0);
    color: #0493bd;
}
	
.submit:hover {
    color: #3498db;
}
	
.ease {
    width: 0px;
    height: 74px;
    background-color: #fbfbfb;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -ms-transition: .3s ease;
    transition: .3s ease;
}

.submit:hover .ease{
    width:100%;
    background-color:white;
}

/* ================================================================================================== */


    a.menulink, span.menulink{
        display:block;
        width:95%;
        margin:auto;
        padding:1px;
        text-align:center;
        text-decoration:none;
        font:.95em Lato,'Calibri Light','Century Gothic',sans-serif;
        font-size:1.33rem;
        background:transparent;
        color:#333333;
        text-shadow:1px 1px 0 #efefef;
        border:solid 1px transparent;
    }
    a.menulink:hover, a.menulink:active, a.menulink:focus{
        border:solid 1px #006699;
        background:#ffffff;
        color:#505050;
        text-shadow:-1px -1px 0 #cdcdcd;
        text-decoration:none;
    }

    a.menulink2{display:block;width:96%;text-align:center;text-decoration:none;font:.95em "Trebuchet MS",Tahoma,sans-serif;font-size:1.33rem;background-color:transparent;color:#555555;/*border:none;*/border:solid 1px #efefef;}
    a.menulink3{display:block;width:12em;text-align:center;text-decoration:none;font:1em "Trebuchet MS",Tahoma,sans-serif;font-size:1.4rem;background:transparent;color:#000000;/*border:none;*/border:solid 1px #efefef;}
    a.menulink2:hover,a.menulink3:hover,a.menulinkwide:hover{border:solid 1px #808080;background:#ffffff;color:#000000;text-decoration:none;}

div.clearall{clear:both;}

/* =================================== search ============================ */
/* expanding search bar */
/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
@font-face {
	font-family: 'icomoon';
	src:url('/ExpandingSearchBar/fonts/icomoon/icomoon.eot');
	src:url('/ExpandingSearchBar/fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/ExpandingSearchBar/fonts/icomoon/icomoon.woff') format('woff'),
		url('/ExpandingSearchBar/fonts/icomoon/icomoon.ttf') format('truetype'),
		url('/ExpandingSearchBar/fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.sb-search {
	position: relative;
	margin: 5px 5px 0 0;
	width: 0%;
	min-width: 40px;
	height: 40px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: relative;
	top: 3em;
	left: 0;
	border: 1px solid #e6e6e6;
	outline: none;
	background: #fff;
	width: 100%; width: 220px;
	height: auto;
	margin: 0;
	z-index: 10;
	/*padding: 20px 40px 20px 20px;*/
	font-family: inherit;
	font-size: .9em;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #66BFD9; color: #07476d;
}

.sb-search-input:-moz-placeholder {
	color: #66BFD9; color: #07476d;
}

.sb-search-input::-moz-placeholder {
	color: #66BFD9; color: #07476d;
}

.sb-search-input:-ms-input-placeholder {
	color: #66BFD9; color: #07476d;
}

.sb-icon-search, .sb-search-submit {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ 
        opacity: 0;
	/*color: transparent;*/
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #49afcd;
	z-index: 90;
	font-size: 1em;font-size:1.4rem;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #49afcd;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}


/* =================================== google custom search engine for desktop display only ===================================== */

        div.search{
            display: block;
            padding: 0 .25em;
        }
        /*div.searchdt{
            display: none;
        }*/
        div.pagelogo{
            display: block;
        }

div.shift {
    display: block; 
    text-align: center; 
    font-size: .9em; 
    font-weight: 200; 
    font-style: italic;
}

div#slider { 
    max-width: 200px; 
    max-height: 250px; 
    overflow: hidden;
    text-align: center; 
    margin: 0 auto;
}
div#slider2 { 
    max-width: 180px; 
    max-height: 225px; 
    overflow: hidden;
    text-align: center; 
    margin: 0 auto;
}
div#slider3 { 
    max-width: 200px; 
    max-height: 250px; 
    overflow: hidden;
    text-align: center; 
    margin: 0 auto;
}
div#slider4 { 
    max-width: 180px; 
    max-height: 225px; 
    overflow: hidden;
    text-align: center; 
    margin: 0 auto;
}

/* ================================= header =============================== */
/* from banyanstyles.css
    .headertop{display:none;}
    .header{position:relative;top:0;left:0;width:auto;margin:0;color:#006699;text-shadow:.7px .7px .7px #efefef, -.5px -.5px #444;background:#336799;background:transparent;border:1px solid #ff0000;border:0;}
    .header h3.banyan, .header h3.banyangreen{float:left;}
    .header p img{display:inline-block;vertical-align:middle;}
 */
    #search{position:relative;top:0;left:5px;}

/*================================ page header sections =====================================*/

    #disclaimer{
        font-size: .9em;
        font-style: italic; 
        color: #777777;
        border: #777777 solid 1px;
        border-radius: 5px;
        padding: .75em .75em 0 .75em;
        margin-bottom: .5em;
        background: #FFFFCC;
    }
    #disclaimer p{
        font-size: .8em;
        font-style: italic; 
        color: #777777;
    }
    #headerwrap{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-flow: column;
        flex-direction: column;
        width: 100%;
        height: auto;
        background: #07476d;
        border: #002535 double 1px; border: 0;
    }
    #header{
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-flow: row;
        flex-direction: row;
        /*-webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 2.8em;
        flex-basis: 2.8em;*/
        height: 2.8em;
        background: #07476d;
        border: #0033ff solid 1px; border: 0;
    }
    #navheader{
        position: relative;
        left: 0;
        top: 0;
        border: #2c5c87 outset medium; border: 0;
    }
    #pagehead {
        max-width: 42px;
        min-height: 2.8em; 
        background: transparent; 
        border: #cc0000 solid 1px; border: 0;
        z-index:4;
    }
    #pagehead p{
        color: #fff;
    }
    #pagesubhead {
        /*top:2.5em;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center; */
        max-width: 100%;
        min-height: 2.8em;
        background: transparent; 
        border: #cc0000 solid 1px;  border: 0;
        z-index:4;
    }
    #pagesubhead p{
        font: 700 1em 'Junge','Inknut Antiqua',serif;
        color: #ffffff;
        text-shadow: 0 0 2px #07476d;
    }

/* ====================================================================================================== */
/*==================================================== pagecolumns =======================================*/
/* ================ page content wrapper ======================================================= */
#pagewrap{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: column;
    flex-direction: column;
    -webkit-align-content: center;
    align-content: center;
    min-height: 100vh;
}

    #pagecolumns{
        display: -webkit-flex;
        display: flex; 
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-flow: column;
        flex-direction: column;
        -webkit-align-content: center;
        align-content: center;
    }

/* ================  left column ======================================================= */
    #pagecol1{
        display: -webkit-flex;
        display: flex;
        -webkit-order: 3;
        order: 3;
        -webkit-flex:none;
        -webkit-box-flex: none;
        flex: none;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: 100%;
        margin: 1em;
        -webkit-justify-content: center;
        justify-content: center;
        background: transparent;
        
    }
    #pagecol1 > article{
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100%;
        border: #2c5c87 solid 1px; border: 0;
        font-size: .9em;
        text-align: center;
        margin-bottom: 1em;
    }
    #pagecol1 footer div{
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        font-size: .8em;
    }
/* ================ main content ================================================== */
    #pagecol2{
        order:2;
        flex: none;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-content: center;
        -webkit-order: 2;
        -webkit-flex: none;
        -webkit-box-flex: none;
        -webkit-flex-flow: row wrap;
        -webkit-justify-content: flex-start;
        -webkit-align-content: center;
        max-width: 100%; 
        width: 98%;
        margin: 0 1em;
        color: #003366;
        background: #ffffff;
        opacity: .75;
        border: #2c5c87 double thin;  
        border: 0;
        z-index: 3;
    }
    /*#pagecol2 article{
        margin: 0;
        padding: 0 1em;
        font-size: 1em;
    }*/
    
    #pagecol2 div.pic{
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin:.5em;
        border: 0;
        text-align: center;
    }
    
    #pagecol2 div.gallery{
        margin: 0 .5em;
        -webkit-flex-flow: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        align-items: center;
        font: italic .9em Lato,'Calibri Light','Century Gothic',sans-serif;
    }
    
    #pagecol2 div.gallery img{
        margin: 0;
    }
    
    #pagecol2 div.shift {
        display:block; 
        -webkit-flex: none;
        flex: none;
        text-align: center; 
        font-size: .9em; 
        font-weight: 200; 
        font-style: italic;
        margin: .5em;
    }
    
    #pagecol2 div.random{
        display:block; 
        text-align: center; 
        font-size: .9em; 
        font-weight: 200; 
        font-style: italic;
    }
    #pagecol2 article.rtbarsec{
        margin: 0 1em;
        -webkit-flex-flow: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        font: italic .9em Lato,'Calibri Light','Century Gothic','Arial',sans-serif;
    }
    #pagecol2 div.table{
        display: flex;
        display: -webkit-flex;
        flex-direction: column; 
        -webkit-flex-flow: column;
        font-family: Lato,'Calibri Light','Century Gothic',Arial,sans-serif;
        font-size: .9em;
        width: 100%;
    }
    #pagecol2 div.th{
        display:inline-flex;
        display: -webkit-inline-flex;
        flex:1;
        -webkit-flex: 1;
        justify-content: space-around; 
        -webkit-justify-content: space-around;
        align-items: baseline;
        -webkit-align-items: baseline;
        border-bottom: #6d6d6d solid 1px;
    }
    #pagecol2 div.tr{
        display:inline-flex;
        flex:1;
        justify-content: space-around; 
        align-items: baseline;
        display:-webkit-inline-flex;
        -webkit-flex:1;
        -webkit-justify-content: space-around; 
        -webkit-align-items: baseline;
        border-top: #cdcdcd solid 1px;
    }
    #pagecol2 div.td{
        flex: 1;
        -webkit-flex: 1;
    }
    
    #linkth, #linkmin, #linkform{
        display: -webkit-flex;
        display: flex; 
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap; 
        -webkit-justify-content: center; 
        justify-content: center; 
        -webkit-align-content: center; 
        align-content: center; 
        -webkit-align-items: center;
        align-items: center;
    }
    #linkth{
        margin-top: 2em;
        border: #ccc solid 1px;
        background-color: #fff;
        padding-top: 1em;
    }
    #linkth img, #linkmin img, #linkform img{
        max-width: 100%;
        height: auto;
    }
    #linkth > article, #linkmin > article, #linkform > article{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap; 
        -webkit-justify-content: center; 
        justify-content: center; 
        -webkit-align-content: center; 
        align-content: center; 
        -webkit-align-items: center;
        align-items: center;
        text-align: center;
        margin: .5em .5em 1em .5em;
        padding: 0;
    }
    #linkth > article > p{
        align-self: center;
        width: 8em;
        height: auto;
        font-size: .9em;
        margin: .5em;
        padding: 0;
        color: #fff; color: #003366;
        border: #07476d solid 1px; border: #a4ceee solid 1px;
        border-radius: 8px;
        background-color: #ededed; background-color: #ffffff;
        box-shadow: inset 0 0 1em #f0f8ff;
        opacity: 1;
    }
    #linkmin > article > p, #linkmin article > p > a, #linkform > article > p, #linkform article > p > a{
        width: 12em;
        min-height: 3.5em;
        padding: .25em;
  -moz-transition-property: box-shadow, color;
  -moz-transition-duration: .5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: box-shadow, color;
  -webkit-transition-duration: .5s;
  -o-transition-property: box-shadow, color;
  -o-transition-duration: .5s;
    }
    #linkth > article > p:hover{
        box-shadow: inset 0 0 1em #30aed6;
  -moz-transition-property: box-shadow, color;
  -moz-transition-duration: .5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: box-shadow, color;
  -webkit-transition-duration: .5s;
  -o-transition-property: box-shadow, color;
  -o-transition-duration: .5s;
    }
    #linkmin > article > p:hover{
        box-shadow: inset 0 0 1em #FFCC00;
  -moz-transition-property: box-shadow, color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: box-shadow, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: box-shadow, color;
  -o-transition-duration: 1s;
    }
    #linkform > article > p:hover{
        box-shadow: inset 0 0 1em #08cbc4;
  -moz-transition-property: box-shadow, color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: box-shadow, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: box-shadow, color;
  -o-transition-duration: 1s;
    }
    #linkmin > article > p > a:hover, #linkform > article > p > a:hover{
        color: #07476d;
        font-weight: 500;
  -moz-transition-property: box-shadow, color;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: box-shadow, color;
  -webkit-transition-duration: 1s;
  -o-transition-property: box-shadow, color;
  -o-transition-duration: 1s;
    }
    #linkth article > p > a, #linkmin article > p > a, #linkform article > p > a{
        display: block;
    }
    #linkth p.capt, #linkmin p.capt, #linkform p.capt{
        -webkit-align-self: center;
        align-self: center;
        font-size: .9em;
        font-weight: 600;
        color: #003366;
        text-align: left;
        margin: 0 0 -.5em 0;
        background-color: transparent; 
        border: 0;
    }
    #thumbs{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-content: flex-start;
        align-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        min-width: 100%;
        border: #660000 solid 1px;
    }
    #thumbs > article{
        display: -webkit-flex;
        display: flex;
        text-align: center;
        max-width: 8.5em;
        margin: .5em;
        padding: 0;
        background: #07476d; background: transparent;
        border: transparent solid 1px;
        border-radius: 8px;
    }
    #thumbs > article a:hover{
        background: #3e698c; 
        background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); 
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); 
        background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); 
        background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); 
        background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); 
        background:linear-gradient(top,  #3e698c 0%,#30576e 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 );
        border: #3e698c solid 1px; 
        border-radius: 8px;
        color: #fff;
    }
    #thumbs p, #thumbs a{
        align-self: center;
        /*text-align: center;*/
        font-size: .9em;
        margin: 0;
        padding: .5em;
        color: #003366;
        border: transparent solid 1px; 
        border-radius: 8px;
    }
    #thumbs img{
        align-self: center;
        max-width: 100%;
        height: auto;
        border: #2c5c87 solid 1px; 
    }
.mainsec{
    background: #ffffff;
    border: #cdcdcd solid 1px;
    margin: 1em;
    padding: 1em 2em;
}
.mainsec p, .mainsec a, .rtsidebar a, .ins a, .mainsec ul, .mainsec ul > li,.mainsec ol, .mainsec ol > li{
    font:normal 1em/1.3 Lato,'Calibri Light','Century Gothic',sans-serif;
    color: #003366;
}
.mainsec p{
    margin-bottom: .4em;
    padding: 1em;
}
.mainsec > ol > li > ol{
    margin-bottom: 1em;
} 
.mainsec > ul > li{
    font:normal 1em/1.3 Lato,'Calibri Light','Century Gothic',sans-serif;
    list-style: disc;
}
.mainsec > ul.nstyle > li{
    font:normal 1em/1.3 Lato,'Calibri Light','Century Gothic',sans-serif;
    list-style: none;
}
.mainsec ul.minutes{
    margin-left: -1.5em;
}
.mainsec ul.minutes > li > a{
    display: block; 
    margin: .5em 0; 
    padding: .5em 0 .5em .5em;
    border: #ccc solid 1px;
}
.mainsec a:link, .rtsidebar a:link, .ins a:link{
    font-weight: 500;
    text-decoration: underline;
}
.mainsec a:visited, .rtsidebar a:visited, .ins a:visited{
    font-weight: 400;
    color: #006699;
    text-decoration: none;
}
.mainsec a:hover, .rtsidebar a:hover, .ins a:hover{
    background: #f0f8ff;
    text-decoration: none;
}
.mainsec a:focus, .rtsidebar a:focus, .ins a:focus{
    background: #ffffcc;
    text-decoration: none;
}
.mainsec a:active, .rtsidebar a:active, .ins a:active{
    background: #ffff40;
    text-decoration: none;
}
.mainsec h3, .rtsidebar h3{
    font:bold 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    color:#336699; color: #fff;
    margin-left:-10px; margin: 0;
    padding:5px 5px 5px 10px;
    width:auto;
    border: #336699 solid 1px;
    border-radius: 1em;
    background: #3e698c; 
    background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); 
    background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 );

}
.mainsec h4{
    font:bold 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    color:#336699;
    margin-left:-20px;
    background:#ffffff;
    border:solid 1px #a4ceee;
    width:50%;
}
.mainsec h5{
    font:bold 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    color:#336699;
    border-top:solid 1px #dddddd;
    width:60%;
}

.reset, .reset a:link, .reset a:hover, .reset a:focus, .reset a:visited, .reset a:active{
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    color: #ffffff;
}


.subcolumns, .subcolumns_side{
    display: inline-block;
    max-width: 98%;
}
.subcol1, .subcol1_side{
    display: inline-block; 
    max-width: 98%;
}
.subcolimg{
    -webkit-flex-flow: column nowrap; 
    flex-flow: column nowrap; 
    -webkit-justify-content: center; 
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
    margin: .5em;
    border: #009900 ridge 2px; border: 0;
    color: #003366;
    font-size: .9em; 
    font-weight: 200; 
    font-style: italic;
}

/* ===================================== classes for insurance page ================================== */
.ins{
    background: transparent;
    background:#ffffff;
    border: #660000 solid 1px;
    margin: 1em;
    padding: 1em 2em;
}
.ins p, .ins > ul, .ins > ul > li, .ins > ol, .ins > ol > li{
    font: normal .9em Lato,'Calibri Light','Century Gothic',sans-serif;
    color: #003366;
}
.ins h3{
    font:bold 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    color:#336699;
    /*margin-left:-10px;*/
    padding-left:5px;
    width:auto;
}
.ins h4{
    font:bold 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    color:#336699;
    /*margin-left:-20px;*/
    background:#ffffff;
    border:solid 1px #a4ceee;
    border: 0;
    width:50%;
}
.ins h5{
    font:bold 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    color:#336699;
    border-top:solid 1px #dddddd;
    width:60%;
}

    .sectitle{
        background: #3e698c;
        font: bold italic 1.125em arial,geneva,sans-serif;
        font-size: 1em;
        color: #ffffff;
        margin-bottom: 1em;
        padding:3px 0 5px 10px;
        border:1px solid #113b63; 
        border-radius: 1em;
    }
/* ================ right column ======================================================= */
    #pagecol3{
        display: -webkit-flex;
        display: flex;
        -webkit-flex: none;
        -webkit-box-flex: none;
        flex: none;
        -webkit-order: 1;
        order:1;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-align-items: center;
        align-items: center;
        background: transparent;
        border: transparent solid 2px; border: 0;
        max-width: 100%;
        margin: 0 1em;
    }

#pagecol3 article.linkpage{
    background: #ffffff;
    border: #e3e3e3 solid 1px;;
    padding: 1em 2em;
    margin: 1em;
    /*box-shadow: 0 5px 10px #c8c8c8;*/
}
.linkpage p{
    font-size:1em;
    color:#003366;
    margin:.5em auto; margin:.7rem auto;
    padding: 1em 2em;
}
.linkpage ul > li{
    width: 100%;
    font-size:1.15rem;
    background: -webkit-linear-gradient(white, #a4ceee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #a4ceee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #a4ceee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #a4ceee); /* Standard syntax (must be last) */
    background: #efefef;
    color: #003366;
    display: list-item;
    list-style-type: none;
    margin: 0 0 .3em -2em;
    padding: .75em;
    border: #efefef solid 1px;
}
.linkpage ul > li a:hover, .linkpage ul > li a:active{
    color: #ffffff;
    background: #3e698c; 
    background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); 
    background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 );
}
.linkpage ul.nolink > li{
    padding: .5em;
}
.linkpage span{
    font-weight: 700;
}
.linkpage ul > li > a{
    display: block;
    width: 100%;
    height: auto;
    padding: .5em;
}

#pagecol3 article.rtsidebar{
    background: #ffffff;
    border: #ccc solid 1px;;
    padding: 1em 2em;
    margin: 1em;
    width: 100%;
    /*box-shadow: 0 5px 10px #c8c8c8;*/
}

.rtsidebar p{
    font-size: 1em;
    color: #003366;
    margin:.5em auto;
    padding: 1em 2em;
}

.rtsidebar ul > li{
    width: 100%;
    font-size: 1.15rem;
    text-align: center;
    display: list-item;
    list-style-type: none;
    margin: 0 0 .3em -2em;
    padding: 0;
}
.rtsidebar ul > li > a{
    display: block;
    max-width: 100%;
    height: auto;
    padding: .5em;
    background: -webkit-linear-gradient(#a4ceee, #ffffff);
    background: -o-linear-gradient(#a4ceee, #ffffff); 
    background: -moz-linear-gradient(#a4ceee, #ffffff);
    background: linear-gradient(#a4ceee, #ffffff);
    background: #efefef;
    color: #003366;
    border: #efefef solid 1px;
}
.rtsidebar ul > li a:hover{
    background: #FFFFCC;
}
.rtsidebar ul.nolink > li{
    width: 100%;
    height: auto;
    padding: .5em;
    border: #003366 solid 1px;
}
.rtsidebar img{
    max-width: 5em;
    height: auto;
    border: #07476d solid 1px;
}
.rtsidebar span{
    font-weight: 700;
}

footer#bottomfoot{display: none;}
    
#notice{background:#336699;color:#ffffff;text-align:center;margin:5px;padding:10px;}
#notice p{font-size:1.33rem;color:#ffffff;}
#notice h3{font-size:1.54rem;color:#ffffff;}
#notice a{color:#fff;}

#noticehot{background: #FF0000;color: #ffffff;text-align:center;margin:5px;padding:10px;}
#noticehot p{font:normal .95em "Trebuchet MS",sans-serif;font-size:1.33rem;}
#noticehot h3{text-align:center;font:bold 1.1em "Trebuchet MS",sans-serif;font-size:1.54rem;color:#ffffff;}
#noticehot a{color:#ffffff;}

#noticelt{
    background: #FFFFCC;
    color: #003366;
    /*text-align:center;*/
    margin:5px;
    padding:10px; 
    border: solid 1px #DDD000;
}
#noticelt p{
    font: 400 .95em Lato,'Calibri Light','Century Gothic',sans-serif;
}
#noticelt h3{
    text-align:center;
    font:bold 1.1em Lato,'Calibri Light','Century Gothic',sans-serif;
    font-size:1.54rem;
    color: #003333;
}
#noticelt a{
    color:#ffffff;
}

    
    .logosvert{display: none;}
    .photobar{display: none;}

/*================================================ navigation ==================================================*/

/*============================================= off-canvas menu ================================================*/
    div.fixednav{
        position: relative;
        left: 0;
        width: 2.5em;
        height: 2.5em;
        background: #fff;
        border: #FF0000 solid 2px;  border:0;
        z-index: 10;
    }

    nav.menuoff{
        display:block;
        width:100%;
        overflow-x: scroll;
    }
/* ===================== from www.javascriptkit.com/dhtmltutors/offcanvasmenu.shtml ============= */ 
    #contentarea{ /* covers entire page, immediately after body element */
        position: relative;
        width: 100%;
        transform: translate3d(0,0,0);  /*no shifting of div to start */
        transition: transform 0.5s; /* transition the transform property over .5 sec */
    }
    
    nav#offcanvas-menu{ /* full screen nav menu */
        width: 240px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100;
        visibility: hidden; /* this is for browsers that don't support CSS3 translate3d */
        position: fixed; /* fixed menu position */
        transform: translate3d(-240px,0,0); /* shift menu -width to hide it initially */
        box-sizing: border-box; /* include padding/ border as part of declared menu width */
        background: #07476d;
        display: block;
        text-align: left;
        padding-left: 2em;
        overflow: auto;
        transition: transform 0.5s, visibility 0s 0.5s; /* transition settings. */
    }
    
    input[type="checkbox"]#togglebox {
    /* checkbox used to toggle menu state */
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden; /* hide checkbox, instead relying on labels to toggle it */
}
 
label#navtoggler{ /* Main label icon to toggle menu state */
    z-index: 9;
    display: block;
    position: relative;
    font-size: 8px;
    width: 4em; width: 30px;
    height: 2em; height: 20px;
    top: 3px;
    left: 1px;
    text-indent: -1000px;
    border: #336699 4px solid;
    border-width: 4px 0;
    cursor: pointer;
    margin:.5em;
    background: transparent;
}

label#navtoggler::before{
    /* inner stripe inside label */
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    top: 50%;
    margin-top: -2px;
    left: 0;
    background: #336699; /* stripe background color. Change to match border color of parent label above */
    content: "\2630"
}

input[type="checkbox"]#togglebox:checked ~ div#contentarea{ /* style of #contentarea DIV when the #togglebox checkbox is checked */
     /*margin-left: 10px; add some breathing room between menu and contentarea */
    transform: translate3d(240px,0,0); /* shift contentarea 250px to the right */
}
     
input[type="checkbox"]#togglebox:checked ~ nav#offcanvas-menu{ /* nav state when corresponding checkbox is checked */
    transform: translate3d(0,0,0); /* shift contentarea 250px to the right */
    visibility: visible; /* this is for browsers that don't support CSS3 translate3d in showing the menu */
    transition-delay: 0s; /* No delay for applying "visibility:visible" property when menu is going from "closed" to "open" */
}
 
nav#offcanvas-menu a{
    text-decoration: none;
    color: #fff;
    text-transform: inherit;
    display: block;
    width: 100%;
}
 
nav#offcanvas-menu ul{
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    font: normal 10pt 'Bitter', sans-serif; /* use google font inside nav UL */
    transition: margin-top 0.2s 0.3s, opacity 0.5s 0.3s;
}

nav#offcanvas-menu > ul{
    top:2em; top: 0;
}

nav#offcanvas-menu ul li{
    margin: 0;
    padding: 0;
    width: 100%;
}

nav#offcanvas-menu ul li > ul{
    margin: 0;
    padding: 0 0 0 1em;
    font-size: 10pt; 
}

nav#offcanvas-menu ul li > ul.sub-menu{
    display: none;
}

nav#offcanvas-menu ul li a{
    padding: 3px 0;
    margin: 0;
    border-radius: 0;
    font-weight: normal;
    line-height: 1.5em;
    background: transparent;
}
 
nav#offcanvas-menu ul li a:hover{
    background: #6696bd;
}
 
input[type="checkbox"]#togglebox:checked ~ nav#offcanvas-menu ul{ /* nav state when corresponding checkbox is checked */
    margin-top: 10px;
    opacity: 1;
}

div.overlay {
    /* overlay that covers entire page when menu is open */
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background: black;
    z-index: 99;
    visibility: hidden;
    transition: opacity 0.5s; /* transition settings */
}
 
div.overlay label {
    /* label of overlay that closes menu when clicked on */
    width: 100%;
    height: 100%;
    position: absolute;
}
 
input[type="checkbox"]#togglebox:checked ~ div.overlay{ /* overlay state when corresponding checkbox is checked */
    opacity: 0;
    visibility: visible;
}

/* ============================================== accordion menu ======================================================= */

ul { 
    list-style-type: none;
}

h3 a {
  color: #fff;
  font-size: 1em;
}

.accordion {
  text-align: left;
  position: relative;
  color: #fff;
  top:0;
  left:0;
  min-width: 12em;
  margin: 0 auto;
  background: #07476d;
  border-radius: 0;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 1em;
  color: #fff;
  font:normal 11pt/100% Arial,Helvetica,sans-serif;
  text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
  border-bottom: 1px solid transparent;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .link li:first-child{
    padding-top: 2em;
}

.accordion .link li:last-child{
    padding-bottom: 2em;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .link a{
    color: #fff;
    padding-left: 2em;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: .9em;
}

.accordion li.open .link { color: #f0ad4e; }

.accordion li.open .link a{ color: #f0ad4e; }

.accordion li.open i { color: #f0ad4e; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  padding: 3px 0 3px 1em;
  margin:0;
  background: #3f3f3f;
  font-size: 1em;
}

.submenu li { 
    padding:0;
    margin:0;
    border-bottom: 1px solid #4b4a5e; 
}

.submenu li:last-child > a{
    border-bottom: 0;
}

.submenu a {
  display: block;
  font:10pt Arial, Helvetica, sans-serif; 
  color:#fff; 
  text-decoration:none; 
  text-shadow:1px 1px 0 rgba(0,0,0, 0.5);  
  padding: 12px;
  /*padding-left: 42px;*/
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#accordion > li > ul > li > a:hover, #accordion > li > ul > li > a:active {
    background: #3e698c; 
    background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); 
    background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 );
}

    /*div.fixednav, #offcanvas-menu, label#navtoggler {display: none;} */
    #accordion{display:none;}

/*=======================================================================================================================================================================*/
/*========================================================================= at-media queries ============================================================================*/
/*=======================================================================================================================================================================*/

@media only screen and (max-width: 479px) {

    body{
        text-rendering: optimizeSpeed;
    }

    .rtbarsec p{
        margin:.5em 1em;
    }

/*=========================================================== pagecolumns =======================================*/
/* ================ page content wrapper ======================================================= 
    #pagecolumns{position:absolute;left:0;top:3em;max-width:100%;min-height:100%;background:transparent;color:#002535;border: #00ff00 solid thin; border:0; z-index:5;}*/
    #pagesubhead {
        top:2.5em; 
        max-width: 100%; 
        max-height: 2.25em; 
        background: transparent; 
        border: #cc0000 dashed 1px;  border: 0;
        z-index:4;
    }
    #pagesubhead p{
        font: 700 1.25em 'Junge','Inknut Antiqua',serif;
        color: #ffffff;
        text-shadow: 0 0 2px #07476d;
    }

/* ================  left column ======================================================= */
    #pagecol1{
       -webkit-order: 2;
        order: 2;
        -webkit-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 98%;
        margin: 1em;
        border: transparent double thin;
    }
    #pagecol1 article{
        margin: .5em auto;
        padding: 1em;
    }
    #pagecol1 footer div{
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        font-size: .8em;
    }

/* ================ main content ================================================== */
    #pagecol2{
        -webkit-order: 1;
        order: 1;
        background-color: transparent;/* grey */
        width:98%;
        border: #2c5c87 double thin; border: 0;
        margin: 0 1em 1em 1em;
    }
    #pagecol2 article{
        margin: .5em auto;
        padding: 1em;
        background: #ffffff;
    }
    #pagecol2 div.table{
        font-size: .9em;
    }
        #pagecol2 div.gallery img{
        margin: 0;
        max-width: 50%;
        height: auto;
    }

/* ================ right column ======================================================= */
    #pagecol3{
       -webkit-order: 0;
        order: 0;
        background-color: transparent;/* grey */
        width:98%;
        border: #2c5c87 double thin; border: 0;
        margin: 1em 1em 0 1em;
    }
    #pagecol3 article{
        margin: .5em auto;
        padding: 1em;
    }
    #pagecol3 article.rtsidebar{
        padding: 1em;
        border: #ccc solid 1px;
    }
    .rtsidebar p{
        font-size: 1em;
        margin:.5em auto;
        padding: 1em;
    }
    .rtsidebar ul li{
        font:normal 1em Lato,'Calibri Light','Century Gothic',sans-serif;
    }

}/* at-media query max 50em */


@media only screen and (min-width: 40.1em) and (max-width:50em) {

    #accordion{display:none;}


}/* at-media query for 40em - 50em */


/* =============================================================================================== */
/* at-media query for 50em - 80em, uses #cssmenu at top of page */
/* =============================================================================================== */
@media only screen and (min-width:480px) and (max-width:779px){

    html{
        height: 100%;
        font-size: 87.5%;/* 14px or 11pt */
    }
    
    body{
        min-height: 100%;
        box-sizing: border-box;
        background:url(/images/vertgradblu_narrow.png) top left repeat-x;
        color:#000000;
        list-style:none;
        margin:auto; 
        text-rendering: optimizeLegibility;
        -webkit-font-variant-ligatures: common-ligatures;
        font-variant-ligatures: common-ligatures;
        -moz-font-feature-settings: "kern=1"; /* pre-Firefox 14+ */
        -webkit-font-feature-settings: "kern";
        -moz-font-feature-settings: "kern"; /* Firefox 14+ */
        font-feature-settings: "kern"; /* standard */
        font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/
        font-family: Lato,'Calibri Light','Century Gothic',sans-serif;
        font-size: 1em; font-size:1.4rem;
        transition:all .2s linear; 
    }
    /*div.fixednav, #offcanvas-menu, label#navtoggler {display: none;} */
    #accordion {display: none;} 
    
        div.shift{
            display: block;
            float: left; 
            margin: .5em .75em .5em 0; 
            max-width: 70%; 
            height: auto; 
            clear: right;
        }
        /*div.searchdt{
            display: none;
        }
        div.pagelogo{
            display: block;
        }*/
    .rtbarsec p{
        margin: 1em 1.5em;
        font-size: 1.2em;
        line-height: 1.5;
    }

    #pagesubhead {
        top:2.5em; 
        max-width: 100%; 
        max-height: 2.25em; 
        background: transparent; 
        border: #cc0000 dashed 1px;  border: 0;
        z-index:4;
    }
    #pagesubhead p{
        font: 700 2.25em 'Junge','Inknut Antiqua',serif;
        color: #ffffff;
        text-shadow: 0 0 2px #07476d;
    }

/*================ wrapper ===================
#pagecolumns{position:absolute;left:0;right:0;top:3.5em;max-width:100%;margin:0 auto;background-color:transparent;color:#000000; border: transparent dotted 3px; }
#pagecolumns a{background:transparent;}*/

/*================ side column ================*/
#pagecol1{
    -webkit-flex-flow: column nowrap;
    -webkit-justify-content: center;
    -webkit-align-content: center;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    max-width: 42em;
    padding: 1em 2em;
    margin: 1em;
    border: transparent solid 1px;
}
#pagecol1 article{
    margin: 1em;
    line-height: 1.25;
}
#pagecol1 article p{
    color:#003366;
    margin:.5em auto;
    padding: 1em;
}

/*================ main content ===============*/
#pagecol2{
    -webkit-flex: none;
    flex: none;
    max-width:42em;
    padding: .25em 2em 1em 2em;
    margin: 0 1em 1em 1em;
    border: transparent solid 1px; 
    background: transparent; /* turquoise */
    font-size: 1em;
    color: #003366;
    z-index: 2;
}
#pagecol2 > article{
    margin: .25em 1em 1em 1em;
    line-height: 1.25;
}
#pagecol2 > article p{
    color:#003366;
    margin:.5em auto; /*margin:.7rem auto;*/
    padding: 1em;
}
#pagecol2 div.table{
    font-size: 1em;
}
    #pagecol2 div.gallery img{
        margin: 0;
        max-width: 60%;
        height: auto;
    }

/*=================== rt sidebar shifting row to column =================*/
#pagecol3{
    -webkit-flex: none;
    flex: none;
    max-width: 42em;
    font-size: 1em;
    padding: 1em 2em .25em 2em;
    margin: 1em 1em .25em 1em;
    background: transparent; /* green */
    border: transparent solid 1px; 
}
#pagecol3 > article{
    margin: 1em 1em 0 1em;
    line-height: 1.25;
}
#pagecol3 > article > p{
    color:#003366;
    margin:.5em auto; /*margin:.7rem auto;*/
    padding: 1em;
}

/*=================== subdivide main columns into additional columns ==================*/
.subcolumns{
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    -webkit-justify-content: space-between; 
    justify-content: space-between; 
    -webkit-align-items: stretch; 
    align-items: stretch; 
    -webkit-align-content: stretch;
    align-content: stretch;
}
.subcol1{
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    width: 48%;
}
.subcolimg{
    -webkit-flex-flow: column nowrap; 
    flex-flow: column nowrap; 
    -webkit-justify-content: center; 
    justify-content: center;
    -webkit-align-content: center; 
    align-content: center;
    text-align: center;
    margin: .5em;
    border: #009900 ridge 2px; border: 0;
}
.subcolumns_side{
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    -webkit-justify-content: space-between; 
    justify-content: space-between; 
    -webkit-align-items: baseline; 
    align-items: baseline; 
    -webkit-align-content: stretch;
    align-content: stretch;
}
.subcol1_side{
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    width: 48%;
}
.subcol2_side{
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    max-width: 100%;
}


    footer#bottomfoot{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        width:100%;
        margin: 0;
        padding: 0;
        background: #efefef;
        border-top:2px solid #585858; 
    }
    
    div.bottomnavbar-dtop{
        position: relative;
        bottom: 0;
        -webkit-justify-content: center;
        -webkit-align-content: center;
        justify-content: center;
        align-content: center;
        max-width: 98%;
        margin: 0;
        padding: 1em;
        margin:0 .25em;
        margin-bottom: 2.5em;
        padding:.5em;
        text-align:left;
        font:normal .8em "Trebuchet MS",sans-serif;
        color: #363636;
        background:#efefef;
        border:1px solid transparent; /*border: 0;*/
    }
    div.bottomnavbar-dtop ul{
        list-style:none;
        border:1px solid transparent;
        margin:0;
        padding:0 .5em 0 0;
    }
    div.bottomnavbar-dtop > ul{
        float: left;
    }
    .bottomnavbar-dtop > ul > li > a:link{
        margin: 0;
        font: 500 .8em "Trebuchet MS",sans-serif;
        color: #003366;
    }
    .bottomnavbar-dtop > ul > li > a:visited{
        color: #07476d;
    }
    .bottomnavbar-dtop > ul > li > a:hover{
        color: #006d8f;
        background: #f0f8ff;
    }
    .bottomnavbar-dtop > ul > li > a:focus{
        background: #ffff40;
    }
    .bottomnavbar-dtop > ul > li > a:active{
        font-weight: 400;
        color: #006699;
    }
    
    .bottomnavbar-dtop > ul > li > ul > li > a:link{
        margin:0;
        font: 400 .8em "Trebuchet MS",sans-serif;
        color: #336799;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:visited{
        
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:hover{
        color: #006d8f;
        background: #f0f8ff;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:focus{
        background: #ffff40;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:active{
        font-weight: 400;
        color: #006699;
    }

    div.bottomfill{
        -webkit-justify-content: center;
        -webkit-align-content: center;
        justify-content: center;
        align-content: center;
        align-self: flex-end;
        border:1px solid #585858; /*border: 0;*/
    }



} /* end @media large tablet rule */		

/* ================================================================================================== */
/* ==================================== using narrow #accordion menu ================================ */
/* ================================================================================================== */
@media screen and (min-width:800px) and (max-width: 979px){

        html{
            height:100%;
            /*overflow-y: hidden;*/
            font-size:81.3%;
        }/* establish root font-size of 13px/10pt */
        
        body{
            /*display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-content: center;
            align-content: center;*/
            min-height: 100%;
            box-sizing: border-box;
            background:url(/images/vertgradblu_narrow.png) top left repeat-x;
            color:#000000;
            list-style:none;
            margin:auto; 
            font-family: Lato,'Calibri Light','Century Gothic',Arial,sans-serif;
            text-rendering: optimizeLegibility;
            -webkit-font-variant-ligatures: common-ligatures;
            font-variant-ligatures: common-ligatures;
            -moz-font-feature-settings: "kern=1"; /* pre-Firefox 14+ */
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern"; /* Firefox 14+ */
            font-feature-settings: "kern"; /* standard */
            font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/
            font-size: 1em; font-size:1.4rem;
            transition:all .2s linear; 
        }
        
        a:link, a:visited, a:hover, a:active {
            text-decoration: none;
        }

        div.fixednav, #offcanvas-menu, label#navtoggler {display: none;}

        /*div.searchdt{
            display: block;
        }
        div.pagelogo{
            display: none;
        }*/
        
        div.shift{
            display: block;
            float: left; 
            margin: .5em .75em .5em 0; 
            max-width: 80%; 
            height: auto; 
            clear: right;
        }

    .rtbarsec p{
        margin: 1em 2.5em;
        font-size: 1.2em;
        line-height: 1.5;
        color: #3f3f3f;
    }

    #pagesubhead {
        top:2.5em; 
        max-width: 100%; 
        max-height: 2.25em; 
        background: transparent; 
        border: #cc0000 dashed 1px;  border: 0;
        z-index:4;
    }
    #pagesubhead p{
        font: 700 2.25em 'Junge','Inknut Antiqua',serif;
        color: #ffffff;
        text-shadow: 0 0 2px #07476d;
        padding: 0;
    }

/*================ wrapper ===================*/
#pagewrap{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: column;
    flex-direction: column;
    -webkit-align-content: center;
    align-content: center;
    min-height: 100vh;
}

    #pagecolumns{
        display: flex;
        display: -webkit-flex;
        flex: 1;
        flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        width: 100%;
        background-color: transparent;
        color:#000000; 
        border:1px dotted transparent; 
    }
    
/*================ side column ================*/
    #pagecol1{
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1;
        flex: 1;
        -webkit-order: 0;
        order: 0;
        -webkit-flex-flow: column;
        flex-flow: column wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        text-align: center;
        width: 25%;
        border: transparent 2px solid; 
        background-color:transparent;
        color:#003366;
        font-size: .9em;
        padding: 1em;
        z-index: 3;
    }
        #accordion{
            display:block;
        }

/*================ main content ===============*/
    #pagecol2{
        flex: 2;
        -webkit-flex: 2;
        order: 1;
        -webkit-order: 1;
        width: 42em;
        width: 50%;
        padding: 1em;
        border:1px solid #00ffff; border: 0;
        background: transparent; /* red */
    }
    #pagecol2 > article{
        margin: 1em;
        line-height: 1.25;
    }
    #pagecol2 > article p{
        color:#003366;
        margin: .5em auto;
        padding: 1em 0;
    }
    #pagecol2 div.shift {
        display:block;
        text-align: center; 
        font-size: .9em; 
        font-weight: 200; 
        font-style: italic;
    }

/*#pagecol2 div.random{
    flex: none;
    display: none;
}*/
    #pagecol2 h2{
        color:#3e698c;
        text-shadow: 1px 1px 2px #fcfcfc;
    }
    #pagecol2 h2.headline{
        font-size: 1.75em;
        font-weight: 500;
        color: #fff;
        text-shadow: none;
        top: 0;
        background-color: #07476d;
        border: 0;
        box-shadow: none;
    }
    #pagecol2 div.gallery img{
        margin: 0;
        max-width: 75%;
        height: auto;
    }

/*================ side column =================*/
    #pagecol3{
        display: -webkit-flex;
        display: flex;
        -webkit-order: 2;
        order: 2;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 1;
        flex: 1;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 25%;
        border: transparent 2px solid;
        background-color: transparent;/* orange */
        color:#003366;
        font-size: .9em;
        padding:1em 1em 1em 0;
        z-index: 3;
        /*display: block;*/
    }
    #pagecol3 h2{
        color:#3e698c;
        text-shadow: 1px 1px 2px #fcfcfc;
    }
    
    
#pagecol3 article.rtsidebar{
    /*align-self: flex-start;*/
    background:#ffffff;
    border: #ccc solid 1px;
    padding: 1em;
    margin: 1em;
    box-shadow: 0 5px 10px #c8c8c8;
    max-width: 100%;
}
#pagecol3 article.mainsec{
    padding: .5em;
    margin: 1em .5em;
}
.rtsidebar p{
    font:normal .9em Lato,'Calibri Light','Century Gothic',sans-serif;
    font-size:1.15rem;
    color:#003366;
    margin:.5em auto; margin:.7rem auto;
    padding: 1em;
}
/*.rtsidebar ul li{
    font:normal .9em Lato,'Calibri Light','Century Gothic',sans-serif;
    font-size:1.15rem;
    color:#003366;
    display:list-item;
    list-style-type:square;
    margin:0;
}*/

/*=================== subdivide main columns into additional columns ==================*/
.subcolumns{
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    -webkit-justify-content: space-between; 
    justify-content: space-between; 
    -webkit-align-items: stretch; 
    align-items: stretch; 
    -webkit-align-content: stretch;
    align-content: stretch;
}
.subcol1{
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    width: 48%;
}
.subcolumns_side, .subcol1_side{
    display: block;
}


    footer#bottomfoot{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        width:100%;
        /*height: 33vh;*/
        margin: 0;
        padding:0;
        background: #efefef;
        border-top:2px solid #585858; 
    }
    
    .bottomnavbar-dtop{
        -webkit-justify-content: center;
        -webkit-align-content: center;
        justify-content: center;
        align-content: center;
        max-width: 90%;
        /*height:auto;*/
        padding: 1em 2em;
        text-align:left;
        font:normal .9em "Trebuchet MS",sans-serif;
        color:#363636;
        background:#efefef;
        border:1px solid transparent;
    }
    .bottomnavbar-dtop ul{
        list-style:none;
        border:1px solid transparent;
        margin:0 .25em;
        margin-bottom: 2.5em;
        padding:0 .5em;
    }
    .bottomnavbar-dtop > ul{
        float: left;
    }
    .bottomnavbar-dtop > ul > li > a:link{
        margin:0;
        font: 500 1em "Trebuchet MS",sans-serif;
        color: #003366;
    }
    .bottomnavbar-dtop > ul > li > a:visited{
        color: #07476d;
    }
    .bottomnavbar-dtop > ul > li > a:hover{
        color: #006d8f;
        background: #f0f8ff;
    }
    .bottomnavbar-dtop > ul > li > a:focus{
        background: #ffff40;
    }
    .bottomnavbar-dtop > ul > li > a:active{
        font-weight: 400;
        color: #006699;
    }
    
    .bottomnavbar-dtop > ul > li > ul > li > a:link{
        margin:0;
        font: 400 .9em "Trebuchet MS",sans-serif;
        color: #336799;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:visited{
        
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:hover{
        color: #006d8f;
        background: #f0f8ff;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:focus{
        background: #ffff40;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:active{
        font-weight: 400;
        color: #006699;
    }

/*    #footer{display:block;border-radius:8px;height:auto;background-color:#fff;color:#636363;font: .85em "Trebuchet MS",sans-serif;font-size:1.2rem;margin:0 auto 5px auto;text-align:center;}
    #footer a, #fixedfooter a{background-color:#fff;color:#636363;font: .85em "Trebuchet MS",sans-serif;font-size:1.2rem;margin:0 auto;}
    #footer a:hover, #fixedfooter a:hover{color:#336699;text-decoration:underline;}
    #footer a:visited, #fixedfooter a:visited{color:#a0522d;}
*/


} /* end @media desktop rule */

/* ================================================================================================== */
/* ================================= using wider #accordion menu ==================================== */
/* ================================================================================================== */
@media screen and (min-width: 980px){
        html{
            height:100%;
            /*overflow-y: hidden;*/
            font-size:75%;
        }/* establish root font-size of 12px */

        a:link, a:visited, a:hover, a:active {
            text-decoration: none;
        }

        body {
            min-height: 100%;
            box-sizing: border-box;
            background-color: transparent; 
            background:url(/images/vertgradblu_narrow.png) top left repeat-x;
            /*background: linear-gradient(to bottom, blue, white);*/
        /*background-image: url('/photos/ocean-sunrise-sunsetcomp.jpg'); */
        /*background-image: url('/photos/Park_Natatorium_Ocean.jpg'); 
        background-size: cover; 
        background-position: center; 
        background-repeat: no-repeat; 
        background-attachment: fixed;*/
            color:#000000;
            list-style:none;
            margin:auto; 
            text-rendering: optimizeLegibility;
            -webkit-font-variant-ligatures: common-ligatures;
            font-variant-ligatures: common-ligatures;
            -moz-font-feature-settings: "kern=1"; /* pre-Firefox 14+ */
            -webkit-font-feature-settings: "kern";
            -moz-font-feature-settings: "kern"; /* Firefox 14+ */
            font-feature-settings: "kern"; /* standard */
            font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/
            font-family: Lato,'Calibri Light','Century Gothic',Arial,sans-serif;
            font-size: 1em; font-size:1.4rem;
            transition:all .2s linear; 
        }
        /* hide from IE-mac \*/
        body {font-size:1.4rem;line-height:1.75rem;}
        /* end hide */

    div.fixednav, #offcanvas-menu, label#navtoggler {display: none;}

        
        
        /*.heading{
            background:transparent;
            font-weight:600;
            color:#336699;
            border:1px solid transparent;
            border-top:1px solid #ededed;
            box-shadow:0 3px 8px #888;
        }*/
        
    .rtbarsec p{
        margin: 1em 2.5em;
        font-size: 1.2em;
        line-height: 1.5;
        color: #3f3f3f;
    }
        /*div.searchdt{
            display: block;
        }
        div.pagelogo{
            display: none;
        }*/

        div.shift{
            float: left; 
            margin: .5em .75em .5em 0; 
            max-width: 90%; 
            height: auto; 
            clear: right;
        }

    #navheader{
        max-width: 80em;
    }

    #header{
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 70em;
    }
    
    #pagesubhead {
         top:2.5em; 
        max-width: 100%; 
        max-height: 2.25em; 
        background: transparent; 
        border: #cc0000 dashed 1px; border: 0;
        z-index:4;
    }
    #pagesubhead p{
        font: 700 2.25em 'Junge','Inknut Antiqua',serif;
        color: #ffffff;
        text-shadow: 0 0 2px #07476d;
        padding: 0;
    }

/*================ wrapper ===================*/
#pagewrap{
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: column;
    flex-direction: column;
    -webkit-align-content: center;
    align-content: center;
    min-height: 100vh;
}

#pagecolumns{
    display: -webkit-flex;
    display: flex;
    flex: 1;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color:transparent;
    color:#000000; 
    border:1px dotted #0000ff; border: 0;
}

/*================ side column ================*/
#pagecol1{
    display: -webkit-flex;
    display: flex;
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 1;
    -webkit-justify-content: center;
    -webkit-align-content: center;
    flex: 1;
    justify-content: center;
    align-content: center;
    text-align: center;
    min-width: 14.5em;
    max-width:25em;
    margin:0;
    border: transparent 2px solid; 
    background-color:transparent;
    font-size: .9em;
    color:#003366;
    padding: 1em 2.5em;
    z-index: 3;
}

    #accordion{
        display:block;
    }

/*================ main content ===============*/
    #pagecol2{
        -webkit-order: 1;
        order: 1;
        -webkit-flex: 2;
        flex: 2;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width:42em;
        padding: 1em 4em;
        z-index: 5;
        border: transparent inset 2px; /*border: 0;*/
    }
#pagecol2 > article{
    margin: 1em;
    line-height: 1.25;
    opacity: .9;
}
#pagecol2 > article p{
    color:#003366;
    margin:.5em auto; margin:.7rem auto;
}
#pagecol2 > article.mainsec p{
    color:#003366;
    margin:.5em auto; 
    padding: 1em 2em;
}
#pagecol2 > article.mainsec h2{
    color: #fff;
    background: #3e698c;
    
}
    #pagecol2 h2{
        color:#3e698c;
        /*text-shadow:2px 3px 3px #fcfcfc;*/
    }
    #pagecol2 h2.headline{
        font-size: 1.75em;
        font-weight: 500;
        color: #fff;
        text-shadow: none;
        top: 0;
        background-color: #07476d;
        border: 0;
        box-shadow: none;
    }

    #pagecol2 div.shift {
        display:block; 
        text-align: center; 
        font-size: .9em; 
        font-weight: 200; 
        font-style: italic;
    }
    #pagecol2 div.gallery img{
        margin: 0;
        max-width: 100%;
        height: auto;
    }

/*================ side column =================*/
#pagecol3{
    display: -webkit-flex;
    display: flex;
    -webkit-order: 2;
    order: 2;
    -webkit-flex: 1;
    flex: 1;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    min-width: 14.5em;
    max-width: 25em; 
    margin: 0; 
    border: transparent 2px solid; 
    background-color:transparent;
    font-size: .9em;
    color:#000000;
    padding:1em;
    z-index: 3;
    /*display: block;*/
}
#pagecol3 article.rtsidebar{
    background:#ffffff;
    padding: 1em;
    margin: 1em;
    box-shadow: 0 5px 10px #c8c8c8;
    max-width: 100%;
}
.rtsidebar p{
    font-size:1em;
    color:#003366;
    margin:.5em auto; margin:.7rem auto;
    padding: 1em;
}
/*.rtsidebar ul li{
    font-size:1em;
    color:#003366;
    display:list-item;
    list-style-type:none;
    margin:0;
}*/

/*=================== subdivide main columns into additional columns ==================*/
.subcolumns{
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    -webkit-justify-content: space-between; 
    justify-content: space-between; 
    -webkit-align-items: stretch; 
    align-items: stretch; 
    -webkit-align-content: stretch;
    align-content: stretch;
}
.subcol1{
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    width: 50%;
}
.subcolumns_side, .subcol1_side{
    display: block;
}


    footer#bottomfoot{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        width:100%;
        margin: 0;
        padding: 0;
        background: #efefef;
        border-top:2px solid #585858; 
    }
    
    div.bottomnavbar-dtop{
        position: relative;
        bottom: 0;
        -webkit-justify-content: center;
        -webkit-align-content: center;
        justify-content: center;
        align-content: center;
        max-width: 75%;
        margin: 0;
        padding: 1em 2em 0 2em;
        margin:0 .25em;
        margin-bottom: 2.5em;
        padding:1em .5em;
        text-align:left;
        font:normal .9em "Trebuchet MS",sans-serif;
        color: #363636;
        background:#efefef;
        border:1px solid transparent;
    }
    div.bottomnavbar-dtop ul{
        list-style:none;
        border:1px solid transparent;
        margin:0 .25em;
        padding:0 1em;
    }
    div.bottomnavbar-dtop > ul{
        float: left;
    }
    .bottomnavbar-dtop > ul > li > a:link{
        margin:0;
        font: 500 .9em "Trebuchet MS",sans-serif;
        color: #003366;
    }
    .bottomnavbar-dtop > ul > li > a:visited{
        color: #07476d;
    }
    .bottomnavbar-dtop > ul > li > a:hover{
        color: #006d8f;
        background: #f0f8ff;
    }
    .bottomnavbar-dtop > ul > li > a:focus{
        background: #ffff40;
    }
    .bottomnavbar-dtop > ul > li > a:active{
        font-weight: 400;
        color: #006699;
    }
    
    .bottomnavbar-dtop > ul > li > ul > li > a:link{
        margin:0;
        font: 400 .9em "Trebuchet MS",sans-serif;
        color: #336799;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:visited{
        
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:hover{
        color: #006d8f;
        background: #f0f8ff;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:focus{
        background: #ffff40;
    }
    .bottomnavbar-dtop > ul > li > ul > li > a:active{
        font-weight: 400;
        color: #006699;
    }

    div.bottomfill{
        -webkit-justify-content: center;
        -webkit-align-content: center;
        justify-content: center;
        align-content: center;
        align-self: flex-end;
        border:1px solid #585858; /*border: 0;*/
    }

/*        .photobar{display: block;min-width:100%;border: #000000 inset 1px;}*/
        .rtbarsec, .rtbarsec p, .rtbarsec span{margin: 0 1em;}

        /* ============================================== accordion menu ======================================================= */

ul { 
    list-style-type: none;
}

h3 a {
  color: #fff;
  font-size: 1em;
}

.accordion {
  position: relative;
  color: #fff;
  top:0;
  left:0;
  /*max-width: 300px;*/min-width: 18em;
  margin: 0 auto;
  background: #07476d;
  border-radius: 0;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 1em;
  color: #fff;
  font:normal 11pt/100% Arial,Helvetica,sans-serif;
  text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
  border-bottom: 1px solid transparent;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .link li:first-child{
    padding-top: 2em;
}

.accordion .link li:last-child{
    padding-bottom: 2em;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .link a{
    color: #fff;
}

.accordion .link a:hover{
    color: #f0ad4e;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: .9em;
}

.accordion li.open .link { color: #f0ad4e; }

.accordion li.open .link a{ color: #f0ad4e; }

.accordion li.open i { color: #f0ad4e; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  padding: 3px 0 3px 1em;
  margin:0;
  background: #3f3f3f;
  font-size: 1em;
}

.submenu li { 
    padding:0;
    margin:0;
    border-bottom: 1px solid #4b4a5e; 
}

.submenu li:last-child > a{
    border-bottom: 0;
}

.submenu a {
  display: block;
  font:10pt Arial, Helvetica, sans-serif; 
  color:#fff; 
  text-decoration:none; 
  text-shadow:1px 1px 0 rgba(0,0,0, 0.5);  
  padding: 12px;
  /*padding-left: 42px;*/
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#accordion > li > ul > li > a:hover, #accordion > li > ul > li > a:active {
    background: #3e698c; 
    background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); 
    background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); 
    background:linear-gradient(top,  #3e698c 0%,#30576e 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 );
}



}/* end @media desktop rule */