html, body { color: #555; height: 100%; margin: 0 0 1px; padding: 0px; background-color: #ffffff; font-size: 1em;
             text-decoration: none; font-family: sansText, Century Gothic, Arial, Trebuchet MS, sans-serif; font-weight: normal; }
img { outline:none }
a { outline:none; text-decoration: none; color: #548fcb; }
a:hover { color: #333; } 
/*
h1 { font-size: 1.625em; }
h2 { font-size: 1.5em; }
*/

body { border-top: 8px solid #6699cc; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav { display: block; }

h2 {margin-top: 50px; }
h3 {margin-top: 50px; border-top: 3px solid #6699cc; display: inline-block; margin-bottom: 0px; }


.clear { clear: both; }
.center { margin: 0px auto; text-align: center; }

/* ********** COLORS ************************
   blue:  6699cc
   light gray:  dbdbdb

font sizes based on 16pt

30 = 1.875
28 = 1.75
26 = 1.625
24 = 1.5
20 = 1.25
19 = 1.1875
18 = 1.125
17 = 1.0625
16 = 1
15 = 0.9375
14 = 0.875
12 = 0.75

*/

div.imgBin {
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: row wrap;
    margin-right: 20px; 
}
div.imgBin.social {
		min-height: 230px;
}

.emailBlast { width: 100%; }
.emailBlast img { border: 1px solid #ccc; }

section { margin: 0px auto; text-align: center; display: inline-block;  }
.sectionDesc { width: 80%; }
.sectionDescSM { width: 60%; }

a.backbtn {
    border-radius: 3px;
    color: #FFF;
    background: #86b6e6 none repeat scroll 0% 0%;
}
.backbtn {
    float: right;
    padding: 10px 15px;
    font-size: 16px;
    margin: 2px 0px 0px 20px;
    text-decoration: none;
}

.mainMenu li { list-style-type: none; display: inline-block; margin-right: 20px; }


/* *************  MAIN PAGE IMAGE LIST NAV  ********************* */
#mainTNcntr { display: none; margin-top: 10px; }
.wideTNcntr { margin: 0px auto; text-align: center; margin-top: 5px; }
.imgCaption { margin: 0px auto; background-color: #817a72; color: #fff; width: 97%; min-height: 24px; line-height: 24px; }  



/* *************  MAIN PAGE  ********************* */
.mainCntr { border: 1px solid #fff; display: inline-block; width: 100%; text-align: center; }  /* width: 100%; height: 100%; */  /*  put width: 100%; if you want the main area to stay the same size and just move off the screen */
#menuBtn { cursor: pointer; float: left; width: 60px; height: 100%; text-align: center; padding-top: 3px; border-right: 1px solid #ccc; }

.header { min-height: 40px; width: 100%; display: inline-block; background-color: #f8f8f8; color: #548fcb; box-shadow: 2px 1px 6px #9f9f9f;  }
.headerLeft { float: left;  padding: 8px 4px 0px 20px; }
.headerLeft a { color: #548fcb; }

.headerRight { float: right; }

.menuItem { padding: 3px 8px 0px 20px; } 
.menuItem a { min-width: 50px; padding-left: 4px; padding-right: 10px; line-height: 30px; color: #333; font-size: 1.125em; } 
.menuItem a:hover { color: #6699cc; }

/* MAIN Images - rotating */
.rotating-item { display: none; }
.mainImgCntr { margin: 0px auto; margin-top: 13px; position: relative; padding-right: 32px }
.mainImgWrapper img { padding: 15px; border: 1px solid #ccc; background-color: #efefef; box-shadow: 2px 3px 6px rgba(159,159,159,0.7); }
.mainImgCapCntr { box-shadow: 2px 3px 6px rgba(63,63,63,0.7); background-color: #efefef; min-width: 10%; position: absolute; bottom: 50px; height: 60px; line-height: 60px; padding-left: 30px; padding-right: 30px; opacity: .9; }
#mainImgCap { display: none; }
a.galPageCap { color: #555; }
a.galPageCap:hover { color: #6699cc; }
div#mainImgs:hover div#mainImgCap { display: block; }


/* ****************  FOOTER  ******************* */

.footer { margin: 0px auto; text-align: center; margin-top: 40px; background-color: #817a72; color: #fff; display: inline-block; border-top: 3px solid #625a51; width: 100%; }
.footer a { color: #fff; } 
.footer a:hover { color: black; }

.footerWrapper { margin: 0px auto; width: 95%; display: inline-block; }  

.footerNoticeCol { max-width: 45%; float: left; margin: 18px; min-width: 10%; min-height: 300px; height: auto; text-align: left; 
                   font-weight: normal; color: #fff; }
.underlineA { text-decoration: underline; }

.footerNoticeCol h1 { font-weight: bold; text-align: left; } /* font-size: 1.5em;  */
.footerNoticeCol div { text-align: left; } 
.footerNoticeCol li { line-height: 1.7em; list-style-type: square; text-decoration: none; } 
.footerNoticeCol li a { color: #fff; text-decoration: none; }
.footerNoticeCol p {  line-height: 1.7em; }


.bottomLinks { background-color: #625a51; padding-bottom: 25px; border-top: 1px solid #555; }

.bottomLinksWrapper { color: #fff; margin: 0px auto; padding: 5px 0px 5px 0px; display: inline-block;  }
.bottomLinksWrapper ul li { float: left; line-height: 40px; padding-right: 40px; list-style: none; }

.bottomLinks div:nth-of-type(2) { float: none; clear: both; margin: 0px auto; width: 85%; } 


/* **************  OTHER PAGES  *************** */
.floatL { float: left; padding-bottom: 30px;  }
.snapShot { padding: 5px; box-shadow: 2px 3px 6px rgba(159,159,159,0.7); border: 1px solid #efefef; }
.spacerR { padding-right: 25px; }

.contentCntr { width: 100%; margin: 0px auto; text-align: center; display: inline-block;}

#sectionHeader { background-color: #6699cc; color: #fff; padding: 10px 10px 10px 20px; } /* font-size: 1.6em; */

.sectionCntr { width: 95%; padding-top: 15px; margin: 0px auto; display: inline-block; text-align: left;  }
 
.sectionTitle { font-size: 1.625em; text-align: left; padding-bottom: 2px; font-weight: normal; }
.sectionText { margin-right: 20px;  }
.sectionText p::first-line { font-size: 1.1875em; }  /*  font-size: 0.9375em; */

.subSectionText { border-top: 1px solid #999999; line-height: normal; word-spacing: normal; margin-top: 30px;  }  /* font-size: .96em; */

.sep-R { padding-right: 35px; border-right: 3px solid #ccc; }
.sep-L { margin-left: 10px; padding-left: 15px; border-left: 3px solid #ccc; }

.boxWrapper { max-width: 65%;}
.boxWrapperText { max-width: 64%; min-height: 100px; }

.specialBox {float: left;  max-width: 30%; min-height: 100px; }


/* **************  INDV GALLERY  *************** */

.galcontentContainer { width: 100%; text-align: left; display: inline-block; }
.galcontentContainer .sectionText { width: 75% }

.galleryHeader { color: #6699cc; font-size: 2em; } /* font-size: 2em; .... font-size: 2em; font-weight: bold; font-family: Century Gothic, sans-serif;  */


.galTitle { float: right; color: #6699cc;  font-weight: bold; white-space: nowrap; font-size: 3em;
            padding: 0px 0px 10px 20px; margin-right: 50px; } 

.galleryHint { color: #333; padding-bottom: 10px; width: 95%; }

.galTNcntr img { clear: both; float: none; margin-right: 8px; line-height: 25px; margin-top: 10px; }
.galTN { padding: 6px; border: 1px solid #ccc; }
.galTN:hover { box-shadow: 2px 3px 6px #666; }

.galMenuBtn { padding: 2px; border: 1px solid #ccc; background-color: #efefef; vertical-align: bottom; margin-right: 15px;  }


/* ****************  WIDGET RANDOM IMAGE ******************* */
.galRandomImageCntr { float: left; text-align: center; width: 32%; max-width: 30%; border-left: 0px solid #6699cc;}
.galRandomImage { padding: 16px; border: 1px solid #ccc; box-shadow: 2px 3px 6px rgba(159,159,159,0.7); }
img.galRandomImage { width: 80%; }



/* ****************  MEDIA QUERIES  ******************* */

@media only screen and ( max-width: 320px ) {
#mainTNcntr > div > a > img { width: 283px; }
.galTitle { float: none; clear: both; display: block; }
}


@media only screen and ( max-width: 369px ) {
.mainImgCntr { display: none; }
#mainTNcntr { display: block; }
#mainTNcntr > div > img:hover { opacity: .7; }
.footerNoticeCol { max-width: 95%; margin: 5px; padding: 8px; } 
.galTitle { float: none; }
}

@media only screen and ( max-width: 445px ) {
.header { box-shadow: none; }
.headerLeft { float: none; clear: both; text-align: center; }
.navContAlt { float: none; clear: both; margin-top: 2px; width: 99%; height: 50px; 
              border: 1px solid #dbdbdb; border-top: 2px solid #ccc; } 
.altMenuBtn { height: 50px; line-height: 50px; font-size: 1.5em; }
.alt-menuItem { min-height: 50px; }
div.alt-menuItem { height: 50px; line-height: 50px; }
.alt-menuItem a { font-size: 1.5em;  } 
.sectionCntr { margin-left: 4px; margin-right: 20px; }
.galcontentContainer { float: none; clear: both; margin-left: 10px; padding-right: 18px; }
.galMenuBtn { display: none; }
.sectionText { width: 98%;  }
.sectionText > span { clear: both; float: none; padding-bottom: 20px; }
.specialBox { clear: both; float: none; }
}

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

.specialBox { clear: both; padding-top: 30px; }
div.snapShot { width: 100%; }

}



@media only screen and ( max-width: 850px ) {  /* was 768 */
.sectionCntr > div { float: none;  }
.navContAlt { display: block; }
.headerRight { display: none; }

}

@media only screen and ( max-width: 800px ) {
.galRandomImageCntr { display: none; }
.galcontentContainer { width: 100%; }

.snapShot { margin: 0px auto; text-align: center;  }
}


@media only screen and ( max-width: 980px ) {
.footerNoticeCol { max-width: 50%; } 
.galcontentContainer .sectionText {  margin-right: 25px; }
.galcontentContainer { padding-left: 20px; margin-right: 20px; }
.sectionDescSM { margin-left: 8px; width: 95%; }
.emailBlast img { width: 100%;  }
}
@media only screen and ( max-width: 920px ) {
.footerNoticeCol { max-width: 95%; margin: 8px; padding: 8px; } 
}

@media only screen and ( max-width: 870px ) {
.footerNoticeCol { max-width: 98%; float: none; clear: both; padding: 10px; min-height: 40px; }
}

@media only screen and ( max-width: 1100px ) {
/* .mainImgCntr img {  width: 93%;  padding: 10px; } */     /* height: 93%; */
/* .mainImgCntr img {  width: 93%; padding: 1%; } */    /* height: 93%; */
}

@media only screen and ( max-width: 1920px ) {
.mainImgCntr { width: 60%; }
}
@media only screen and ( max-width: 1600px ) {
.mainImgCntr { width: 75%; }
}

@media only screen and ( max-width: 1280px ) {
.boxWrapper { float: none; max-width: 100%; margin: 0px auto; margin-left: 10px;  }
.boxWrapperText { clear: both; float: none; max-width: 100%; }
.specialBox { float: none; max-width: 100%; margin-left: 10px; }
.mainImgCntr { width: 90%; }
}