.nodisplay {display:none;}
.collectionlink {font-size:1.1em; font-weight:bold; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:20px 30px; margin-top:30px;}
.documentVersionNavigation {
	display: block;
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 50px;
}
.documentVersionNavigation li {
	background-color: #777777;
	background-repeat: repeat;
	display: block;
	float: left;
	margin-right: 7px;
}
.documentVersionNavigation li:hover {
	background-color: #c7d5e3;
}
.selectedmenuitem {
	background-color: #c7d5e3 !important;
}
.documentVersionNavigation a {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
	text-decoration: none;
}
.content {margin-left:auto; margin-right:auto;}
.DocumentTitle {font-size:16px; padding-left:3em; padding-right:3em;}
.sidebysidetable {height:1100px; width:950px; border:2px solid #000; background-color:#f8f8ff; margin:auto; overflow:hidden;}
.transcriptcolumn {vertical-align:top; max-height:1100px; width:220px; min-width:215px; max-width:450px; overflow-x:hidden; overflow-y:hidden; padding:0 12px;}
div.ui-resizable-handle.ui-resizable-e {background-color:#336699; width:16px;}
div.ui-resizable-handle.ui-resizable-s {display:none !important;}
div.ui-resizable-handle.ui-resizable-se {display:none !important;}
.content h3 {font-size:12px; font-weight:normal;}
#transcriptbox {height:1100px; overflow-y:auto; padding-right:10px;}
.pagecolumn {vertical-align:top; padding:0 10px; min-width:250px; max-width:600px; overflow-x:auto;}
.sidebysideimg {max-height:900px; max-width:650px; display:block; margin-left:auto; margin-right:auto; position:relative;}
.imgdiv {width:680px; max-width:98%; margin:auto;}
.originalimg {display:block; width:100%; height:auto; margin-left:auto; margin-right:auto;}
.yeardivider {font-size:1.5em; font-weight:bold;}
.maxpages {display:block; float:right;}
.pagebar {text-align:center; font-weight:bold; font-size:1em;}
.pageNavTop {margin-bottom:20px;}
.sf-menu li {margin-top:-3px;}
.sf-menu li>ul {margin-top:3px;}

@media (max-width:555px){

.documentVersionNavigation li {margin-top:3%;}
.sidebysidetable {height:auto; width:98%;}
.transcriptcolumn {display:block; vertical-align:top; max-height:1100px; width:96%; min-width:0; margin:auto; max-width:450px; overflow:auto; padding:2%; border-bottom:1px solid rgb(199,186,117);}
#transcriptbox {height:auto; overflow:hidden; margin:auto; padding:0;}
#transcriptbox h3 {font-size:1em;}
.pagecolumn {display:block; vertical-align:top; padding:0 10px; min-width:0;}
.content h3 {font-size:1em; font-weight:normal;}
.ui-resizable-handle {display:none !important;}

}

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

.documentVersionNavigation li {margin-top:3%;}
.sidebysidetable {height:auto; width:98%;}
.transcriptcolumn {display:block; vertical-align:top; max-height:1100px; width:96%; min-width:0; margin:auto; max-width:450px; overflow:auto; padding:2%; border-bottom:1px solid rgb(199,186,117);}
#transcriptbox {height:auto; overflow:hidden; margin:auto; padding:0;}
#transcriptbox h3 {font-size:1em;}
.pagecolumn {display:block; vertical-align:top; padding:0 10px; min-width:0;}
.content h3 {font-size:1em; font-weight:normal;}
.ui-resizable-handle {display:none !important;}

}