body,html{
	font-size:11pt;
	font-family:'Titillium Web',sans-serif;
	font-weight:300;
	width:100%;
	height:100%
}

img:not(#image1):not(#magnifiedImage){
	/*max-width:100%;*/
	height:auto;
	display:block
}

a{
	color:#b19d26;
	text-decoration:none
}

.sidebar ul,ul.recordText{
	list-style-type:none;
	margin:0;
	padding:0
}

.page{
	height:100%
}

main{
	background-color:rgba(251,246,232,1);
	padding-right:320px;
	display: flex;
}

.sidebar{
	width:320px;
	min-height:100%;
	float:left;
	padding:10px 10px 10px 10px;
	box-sizing:border-box;
	z-index:1;
	position:relative;
}

.sidebar-logo a{
	font-size:2.5em;
	line-height:1em;
	margin-bottom:70px;
	display:block;
	text-decoration:none
}

.sidebar-logo span{
	color:rgba(231,52,63,1)
}

.sidebar nav>ul>li{
	border-top-style:solid;
	border-top-width:1px;
	padding-top:11px;
	padding-bottom:15px;
	font-size:1.285em;
	letter-spacing:.1em
}

.sidebar nav>ul>li:last-child{
	border-bottom-style:solid;
	border-bottom-width:1px
}

.sidebar nav a{
	color:rgba(251,246,232,1);
	text-decoration:none;
	display:block
}

.sidebar nav a:hover{
	color:rgba(231,52,63,1)
}

.sidebar nav li ul{
	border-top-style:none;
	font-size:.77em;
	padding-top:10px;
	display:none
}

.sidebar nav li.nav-selected>a{
	color:rgba(231,52,63,1);
	font-style:italic
}

.sidebar nav li.nav-selected>ul{
	display:block
}

.sidebar footer{
	padding-top:45px
}

.sidebar footer{
	width:180px
}

.main-content-wrapper{
	background:linear-gradient(to right,#e7e3d7,rgba(251,246,232,0)) repeat-y rgba(251,246,232,1);
	background-size:100px;
	padding-top:10px;
	padding-right:0;
	padding-bottom:10px;
	margin-right:-320px;
	float:right;
	width:100%
}

.main-content{
	margin-right:auto;
	margin-left:auto;
	max-width:700px;
	box-sizing:border-box;
	padding-right:20px;
	padding-left:20px
}

h1.page-title{
	margin:0 0 158px;
	font-size:2.857em;
	font-weight:400;
	font-style:normal
}

.content section{
	border-top:1px solid #ccc;
	padding-bottom:20px
}

.content section h3{
	margin-top:20px;
	font-size:1.5em;
	font-weight:400
}

.content h2{
	font-weight:400
}

.content h3{
	margin-top:60px;
	font-weight:600
}

.content h4{
	margin:0;
	color:rgba(231,52,63,1);
	font-weight:400
}

.content p{
	line-height:1.6em;
	overflow:hidden
}

.content p a{
	border-bottom-width:1px;
	border-bottom-style:solid
}

.content p a:hover{
	color:rgba(231,52,63,1)
}




div.entry{
	padding-right:4px;
	float:left
}

div.nodeIndex{
	clear:both;
	padding-top:10px;
	font-family:Arial,sans-serif;
	font-size:9pt;
	font-weight:700;
	color:#333330
}

div.magnifyBoxClass{
	width:100px;
	height:100px;
	display:none;
	overflow:hidden;
	position:absolute;
	border-style:solid;
	border-width:1px;
	border-color:#000;
	z-index:1
}

footer.main{
	clear:left;
	padding:20px 80px 20px 40px;
	color:#333;
	font-size:.857em;
	line-height:1.2em;
	display:flex;
	position:relative
}

footer.main a{
	font-family:Arial,Helvetica,sans-serif;
	color:#9c8681;
	text-decoration:none
}

footer.main a:hover{
	color:#b19d26;
	text-decoration:underline
}

.footer-logo{
	width:100px;
	margin-bottom:2.4em
}

footer.main section:first-child{
	flex-basis:280px;
	width:280px
}

footer.main section{
	box-sizing:border-box;
	padding-right:40px
}

footer.main p{
	margin-top:1.2em;
	margin-bottom:1.2em
}

footer.main section.logoSection{
	align-self:flex-start;
	flex-grow:1;
	margin-bottom:0
}

footer.main section.copyrightSection{
	display:inline;
	flex-grow:2;
	flex-direction:column;
	justify-content:space-between
}

footer.main section.footer-nav{
	align-self:flex-start;
	padding-top:20px
}

#recordSection{
	padding-top:20px;
	padding-left:30px
}

div.recordTitle{
	color:#b19d26;
	text-transform:uppercase;
	font-size:1.5em;
	padding-bottom: 10px;
}

.recordCover{
	float:right;
	padding:20px 20px 20px 15px;
}

.recordFields{
	font-family:'Titillium Web',sans-serif;
	font-weight:400;
	text-transform:none;
	color:#281e20;
	transition:.2s all linear;
	padding-left: 90px;
}

.recordText{

}

img.coverImage {
	width: 200px;
}

span.record{
	color:#b19d26
}


.view-book{
	max-width:90%;
	text-align:center
}

.view-book h1{
	font-size:1.5em;
	margin-bottom:5px
}

.view-book h2{
	text-transform:uppercase;
	font-size:13pt
}

.view-book{
	margin-bottom:15px;
	margin-top:5px
}

.view-book{
	display:inline-block;
	width:60px;
	margin-bottom:10px
}

.view-book{
	margin-top:15px;
	margin-bottom:15px;
	display:none
}

#recordLink {
	font-family: 'Titillium Web',sans-serif;
	color: #b19d26;
	text-transform:uppercase;
	font-size:11pt;
}

#recordLink:hover {
	color: #000;
}

a.grayPage {
	font-family: Courier New,Arial,sans-serif;
	font-size: 9pt;
	font-weight: 400;
	color: #333330;
	white-space: nowrap;
}

a.pageSelected {
	font-family: Courier New,Arial,sans-serif;
	font-size: 9pt;
	font-weight: 400;
	background-color: #b19d26;
	color: #ffffff;
}

a.pageSelected:hover, a.grayPage:hover{
	background-color: #b19d26;
	color: #ffffff;
}

.buttonNavigation{
	font-size:1.5em;
	margin-bottom:20px;
}

.buttonNavigation .buttonImage{
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	display:inline-block;
	opacity:.4;
	margin-right:5px;
	margin-left:5px
}

.buttonNavigation .buttonImage:hover{
	opacity:1
}

.buttonNavigation #firstPage{
	background-image:url(../img/icon-first.png)
}

.buttonNavigation #previousPage{
	background-image:url(../img/icon-previous.png)
}

.buttonNavigation #zoomOut{
	background-image:url(../img/icon-zoom-out.png)
}

.buttonNavigation #zoomDefault{
	background-image:url(../img/icon-zoom-default.png)
}

.buttonNavigation #zoomIn{
	background-image:url(../img/icon-zoom-in.png)
}

.buttonNavigation #nextPage{
	background-image:url(../img/icon-next.png)
}

.buttonNavigation #lastPage{
	background-image:url(../img/icon-last.png)
}

.buttonNavigation #magnify{
	background-image:url(../img/icon-magnify.png)
}

.buttonNavigation #print{
	background-image:url(../img/icon-print.png)
}

.view-book .image{
	/*max-width:695px;*/
	margin:auto
}

.view-book img.image{
	margin-left:auto;
	margin-right:auto;
	/*max-width:100%;*/
	height:auto;
	display:block;
	-moz-box-shadow:0 0 20px #bebbb6;
	box-shadow:0 0 20px #bebbb6
}

.view-book .image .techImage{
	display:none
}

#back-to-top{
	position:fixed;
	bottom:40px;
	right:40px;
	z-index:9999;
	text-align:center;
	cursor:pointer;
	border:0;
	text-decoration:none;
	transition:opacity .2s ease-out;
	opacity:0;
	font-size:.714em;
	color:#000;
	width:40px;
	text-shadow:0 0 5px 0 #fff
}

#back-to-top .arrow{
	width:25px;
	height:25px;
	background:url(../img/top_full.png) center center no-repeat;
	background-size:contain;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
}

#back-to-top:hover .arrow{
	background:url(../img/top.png) center center no-repeat;
	background-size:contain;
}

#back-to-top.show{
	opacity:1;
}

div.magnifyBoxClass{
	width:100px;
	height:100px;
	display:none;
	overflow:hidden;
	position:absolute;
	border-style:solid;
	border-width:1px;
	border-color:#000;
	z-index:1;
}

