﻿.navcollink {
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.bookstylerowlink {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#TopLayer {
	font-family: Arial, Helvetica, sans-serif;
	font: large Arial, Helvetica, sans-serif;
	position: relative;
	margin: 0 0 5% 0;
	float: left;
}
.authitalic {
	font-style: italic;
	font-weight: normal;
	color: #808080;
}
.betar {
	width: 20%;
	float:left;
	padding-right: 3%;
	padding-bottom: 1%;
}
#NavCol {
	border: thin #CCCCCC solid;
	font: normal normal bold 100% Arial, Helvetica, sans-serif;
	padding: 1%;
	width: 23%;
	position: relative;
	float: left;
	text-align: center;
	height: 50vh;
	top: 0px;
	left: 0px;
	background-color: #F2F2F2;
	margin-right: 2%;
	min-width: 300px;
}
.column1 {
	left: 26%;
}
.column2 {
	left: 50%;
}
.column3 {
	left: 75%;
}

#nr1 {
}
#nr2 {
}
#nr3 {
	left: 10%;
	bottom: 474px;
}
#nr4 {
	left: 57%;
}

#layer74 {
	left: 10%;
}
#Layer12 {
	left: 10%;
	position: relative;
	width: 100%;
}
#Layer25 {
	left: 0%;
	position: relative;
	width: 100%;
	text-align: center;
}

.auto-style8 {
	margin: 0 0 15px 0;
	border-width: 0px;
	width: 40%;
	min-width: 72px;
}

#BodyDiv {
	border: thin solid #CCCCCC;
	margin: 0px 5% 0px 5%;
	background-color: #FFFFFF;
	position: relative;
	top: 0px;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}
h1,h2,h3 {
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-size: medium;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	margin-top: 0em;
}
h3 {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	height: 1%;
	margin-top: 0em;
}
h4 {
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	height: 1%;
	margin-top: 0em;
}

#layer33 {
	border-top: medium solid #000000;
	position: relative;
	width: 100%;
	height: 2px;
	z-index: 41;
	left: 0px;
	top: 0px;
	float: left;
}
#Twitter-Logo {
	height: 20%;
}
#Pinterest-Logo {
	height: 20%;
}
#Facebook {
	height: 20%;
}

.cat-thumbnails {
	padding: 0 0 0 0;
	border-width: 0;
	box-shadow: 5px 5px 5px #808080;
	float: none;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 8vw;
	min-height: 250px;
	margin-top: 10px;
}
.cat-thumbnails2 {
	padding: 0 0 0 0;
	border-width: 0;
	box-shadow: 5px 5px 5px #808080;
	float: none;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 7vw;
	min-height: 232px;
	margin-top: 10px;
}
.cat-thumbnails3 {
	padding: 0 0 0 0;
	border-width: 0;
	box-shadow: 5px 5px 5px #808080;
	float: none;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 6vw;
	min-height: 210px;
	margin-top: 10px;
}

.cat-thumbnails-portrait {
	padding: 0 0 0 0;
	border-width: 0;
	box-shadow: 5px 5px 5px #808080;
	float: none;
	left: 0px;
	margin-right: auto;
	margin-left: auto;
	min-height: 250px;
	margin-top: 10px;
	width: 90%;
}

.bookstylerow1 {
	border: thin solid #C0C0C0;
	position: relative;
	width: 20%;
	z-index: 39;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	display: inline-block;
	float: left;
	top: 0px;
	left: 0px;
	min-width: 300px;
	background-color: #F2F2F2;
	margin-right: 2%;
	margin-bottom: 2vw;
}
.bookstylerow2 {
	border: thin solid #C0C0C0;
	position: absolute;
	width: 34%;
	height: 14%;
	z-index: 39;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 31%;
}
.bookstylerow3 {
	border: thin solid #C0C0C0;
	position: absolute;
	width: 34%;
	height: 14%;
	z-index: 39;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: 52%;
}
.bookstylerow4 {
	border: thin solid #C0C0C0;
	position: absolute;
	width: 34%;
	height: 14%;
	z-index: 39;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	top: 71%;
}

#Feat-Non-Fiction {
	position: absolute;
	width: 100%;
	height: 2%;
	z-index: 42;
	left: 0px;
	top: 28%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	background-color: #0000FF;
	color: #FFFFFF;
	padding-bottom: 5px;
}
#NewReleases {
	position: relative;
	width: 100%;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	display: block;
	background-color: #0000FF;
	color: #FFFFFF;
	height: 1.5%;
	top: 9%;
}
#More-New-Releases {
	position: absolute;
	width: 100%;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	display: block;
	background-color: #333333;
	color: #FFFFFF;
	height: 1%;
	top: 26%;
	left: 0px;
}

#layer46 {
	left: 10%;
}
#layer45 {
	left: 57%;
}
#layer50 {
	position: absolute;
	width: 100%;
	z-index: 43;
	left: 0px;
	top: 49%;
	padding-top: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	background-color: #0000FF;
	padding-bottom: 5px;
	height: 1%;
}
#poetry {
	position: absolute;
	width: 100%;
	z-index: 43;
	left: 0px;
	top: 69%;
	padding-top: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	background-color: #0000FF;
	padding-bottom: 5px;
	height: 1%;
}

#layer70 {
	left: 57%;
}
#layer75 {
	position: absolute;
	width: 100%;
	z-index: 44;
	top: 46%;
	left: 0px;
	font-size: large;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	height: 2%;
	background-color: #333333;
	bottom: 1073px;
}
#layer76 {
	position: absolute;
	width: 100%;
	height: 1%;
	z-index: 44;
	top: 67%;
	left: 0px;
	font-size: large;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333333;
}
#cpoet {
	position: absolute;
	width: 100%;
	height: 1.5%;
	z-index: 44;
	top: 86%;
	left: 0px;
	font-size: large;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333333;
}

@media (max-width: 2000px) {
h1 {
	font-size: x-large;
	color: #333333;
	font-family: "Trajan Pro";
	text-align: center;
}
#Layer11 {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width: 99%;
	height: 5.47%;
	z-index: 1;
	top: 0px;
	background-color: #FFFFFF;
	border: thin solid #333333;
	float: left;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1vw;
}
.dovelogo {
	border-width: 0px;
	height: 80%;
	float: left;
}
}
@media (max-width: 1000px){
h1 {
	font-size: large;
	color: #333333;
	font-family: "Trajan Pro";
	text-align: center;
}
#Layer11 {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width: 99%;
	height: 8%;
	z-index: 1;
	top: 0px;
	background-color: #FFFFFF;
	border: thin solid #333333;
	float: left;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.dovelogo {
	border-width: 0px;
	height: 50%;
	float: left;
}

}