.collectioncontent {width:780px; min-height:770px; padding:10px; padding-bottom:25px; position:relative;}
.sidebar {width:285px; border:1px solid #000; position:absolute; float:left; top:14px; padding-bottom:20px;}
.sidebar>img {display:block; margin-left:auto; margin-right:auto;}
.about {font-size:18px; font-weight:bold; text-align:center;}
.description {padding:18px; padding-top:0; border-bottom:1px solid #000;}
.searchbox {margin-left:auto; margin-right:auto;}
.midpage {margin-left:300px; padding:20px; padding-top:0; font-size:13px;}
.topnav {width:460px; height:25px; font-size:10px; margin-left:auto; margin-right:auto; text-align:center;}
.topnavcontainer {display:inline-block; border:1px solid #000; height:auto; overflow:hidden;}
.navtab {height:100%; width:86px; display:block; float:left; border-left:1px solid #000; border-right:1px solid #000; background-color:#a8a8a8; text-align:center; line-height:225%;}
.navtab:hover {background-color:#989898;}
.navlink {display:block; height:100%; width:100%; text-align:center;}
.active {color:#fff;}
.inactive {color:#000;}
.bottomnav {width:800px; height:24px; font-size:10px; background-color:#a8a8a8; text-align:center;}
.bottomnavcontainer {height:24px; display:inline-block; border-right:1px solid #000; border-left:1px solid #000;}
.bottomnavtab {height:100%; width:100px; display:block; float:left; border-left:1px solid #000; border-right:1px solid #000; background-color:#a8a8a8; text-align:center; line-height:225%;}
.bottomnavtab:hover {background-color:#989898;}
.contentheader {font-size:20px; font-weight:bold; padding:10px 0;}
.phototable {margin-left:auto; margin-right:auto; font-size:13px; width:400px; border-spacing:0;}
.tablehead {text-align:center; font-size:16px; font-weight:bold;}
.docorder {font-size:12px;}
.pagetitle {font-size:36px; width:800px; text-align:left; padding-left:50px; margin:10% auto 0 auto; font-family:"Lato" sans-serif; font-variant:small-caps; border-bottom:2px solid #000;}
.collimg {display:block; margin-left:auto; margin-right:auto; margin-top:20px; border:1px solid #989898; max-width:250px;}
.caption {margin-left:30px; padding-right:30px; font-style:italic;}
.searchinput {display:block; margin-right:auto; margin-left:auto;}
.searchterm {font-weight:bold; font-size:14px; margin-left:30px;}
.cat {line-height:150%;}
.docdate {font-size:16px;}
.yearDivider {border-top: 10px dotted #BEC3CF; margin-top: 25px; width: 90px; margin-left: 135px;}
.photonav {width:80%; margin-left:auto; margin-right:auto; text-align:center; padding-top:10px; cursor:default;}
.photopage {height:30px; width:30px; text-align:center; background-color:#c8c8c8; float:left; margin:0 5px; line-height:245%;}
.currentpage {height:30px; width:30px; text-align:center; background-color:#a8a8a8; font-weight:bold; float:left; margin:0 5px; line-height:245%;}
.photonavlink {display:block; text-align:center; width:100%; height:100%; text-decoration:none;}
.datecolumn {text-align:left; width:80px; padding-left:10px; font-size:13px; font-family:"Lato";}
.imgcolumn {text-align:center; width:130px; padding-top:20px; padding-bottom:20px; border-right:none;}
.titlecolumn {text-align:left; width:190px; padding-top:10px; padding-right:8px; border-left:none; font-size:13px; font-family:"Lato";}
.lastpage {position:relative; z-index:2;}
.sphotoimg {margin-left:125px;}
.sphotocaption {padding:30px; padding-top:5px;}
.documentresult {margin-left:15px; padding-bottom:8px; font-family:"Lato";}
.otherresult {margin-left:15px; font-family:"Lato";}
.othernav {display:block; margin-top:8px; font-size:14px; text-align:center;}
.page>ul {font-family:"Lato";}
.page>b {font-family:"Lato";}
.page>h3 {font-family:"Lato";}
.page>h4 {font-family:"Lato";}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


@media (max-width:555px){

.pagetitle {font-size:1.5em; width:80%; text-align:center; padding:0 1%; margin-top:4%; padding-bottom:3%;}
.collectioncontent {width:96%; min-height:770px; padding:10px; padding-bottom:25px;}
.midpage {margin:auto;}
.sidebar {width:98%; float:none; position:relative; top:0;}
.topnav {width:120%; margin-top:5%; margin-left:-10%; height:auto; overflow:hidden;}
.topnavcontainer {display:inline-block; width:100%; border:none;}
.navtab {height:100%; width:80px; display:block; float:left; border:1px solid #000; margin-left:4%; margin-top:3%;}
.phototable {margin-left:-5%; font-size:13px; width:96%; border-spacing:0;}
.yearDivider {margin-left:30%;}
.sphotoimg {margin:auto; display:block; width:80%; text-align:center; padding:0 30px;}
.sphotocaption {padding:30px; padding-top:5px;}
.docorder {display:block; margin-top:5%;}
.bottomnavcontainer {display:none;}
.documentresult {font-size:1.2em;}

}

@media (min-width:556px) and (max-width:768px){

.pagetitle {font-size:1.5em; width:80%; text-align:center; padding:0 1%; margin-top:2%; padding-bottom:3%;}
.collectioncontent {width:96%; min-height:770px; padding:10px; padding-bottom:25px;}
.midpage {margin:auto;}
.sidebar {width:98%; float:none; position:relative; top:0;}
.topnav {width:100%; margin-top:5%; margin-left:0; height:auto; overflow:hidden;}
.topnavcontainer {display:inline-block; width:100%; border:none;}
.navtab {height:100%; width:88px; display:block; float:left; border:1px solid #000; margin-left:4%; margin-top:3%;}
.phototable {margin:auto; font-size:13px; width:96%; border-spacing:0;}
.yearDivider {margin-left:30%;}
.sphotoimg {margin:auto; display:block; width:50%; text-align:center; padding:0 30px;}
.sphotocaption {padding:30px; padding-top:5px;}
/* .docorder {display:block; margin-top:5%;} */
.bottomnavcontainer {display:none;}

}