body {font-family:'Open Sans', arial;
	font-size:16px;
	background-color:#ffffcc;}
strong {font-style: normal;
	font-weight: bold;}
strong, b {font-style: normal;
	font-weight: 700;}	
	
#home nav {width:700px;
	height:500px;
	background-image:url(images/main.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:auto;
	list-style-type:none;
	font-family:'Marianina FY W01 Cond Thin';
	font-size:40px;
	font-weight:700;
	padding:0 0 0 0;
	text-shadow: 1px 2px #fff;
	border:0;}
#home nav li {display:block;
	text-align:right;
	margin:0 16px;}
#home header {margin:auto;
	width:700px;}
#home header .titles {float:left;
	color:#000;
	padding:0 0 0 40px;
	font-size:40px;
	font-family:'Marianina FY W01 Cond Italic';
	list-style-type:none;}
nav {width:90%;
	text-align:center;
	margin:-20px auto 0 auto;
	list-style-type:none;
	font-family:'Marianina FY W01 Cond Thin';
	font-size:25px;
	font-weight:700;
	padding:0 0 0 0;
	border-bottom:1px solid #666;}
nav li {display:inline;
	text-align:center;
	margin:0 16px;}
header {margin:auto;
	width:100%;}

	
#main {margin:30px auto;
	width:70%;
	line-height:1.5;}	

header {clear:both;
	margin:auto;}	
footer {clear:both;
	font-size:12px;
	text-align:center;
	padding:70px 0 35px 0;
	margin-top:120px;
	color:#000;
	line-height:1.5;
	font-weight:normal;}


.hide-desktop {display:none;}
.smalltext {font-size: 11px;
	text-align:center;}
.medium {font-size: 14px;
	text-align:center;}
.large {font-size: 28px;
	text-align:center;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.floatright {float: right;
	padding-left:20px;}
.floatleft {float: left;
	text-align:center;
	padding:7px 10px 0 0;}
.smalltext {font-size:75%;}	
.nowrap {white-space:nowrap;}
.clear {clear:both;}
.social {text-align:center;
	margin:7px auto 12px auto;}
.column {float:left;
	width:45%;
	margin-right:30px;
	padding-right:10px;}
hr {background-color:#666;
	height:1px;
	width:100%;
	margin:20px auto;}	
	
img {border:0;}

.book-entry {clear:both;
	height:230px;
	width:550px;
	margin:20px auto;
	border-bottom:1px solid black;}
.book-entry2 {clear:both;
	height:255px;
	width:550px;
	margin:20px auto;
	border-bottom:1px solid black;}		
.button {background-color:white;
	border:1px solid #0012fa;
	text-align:center;
	width:auto;
	padding:5px 9px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:5px;
	font-size:90%;
	font-style:normal;}
.book-title {font-size:22px;
	margin:4px 0;
	padding-top:10px;
	line-height:1.3;}
.book-subtitle {padding-top:4px;
	font-size:16px;}	
.book-pub {font-size:14px;
	font-style:italic;
	margin:3px 0 15px 0;}
.bookcoverimg {width:130px;
	border:1px solid black;
	margin:10px 10px 10px 10px;
	float:left;}
.bookcoverimg-big {border:1px solid black;
	margin:10px 10px 10px 10px;
	float:left;}

.formrow {margin-bottom:9px;
	text-align:center;}
.formbottompad	{margin-bottom:50px;}
form {width:50%;
	margin:auto;}
input {width:100%;}
input.short {width:20px;}
textarea {width:100%;
	height:200px;}
	
.embed {width:100%;
	max-width:600px;
	height:400px;
	display:block;
	margin:15px auto 15px auto;}

h1 {font-size:30px;
	color:#006140;
	margin:0 0 40px 0;
	text-transform:uppercase;
	font-family:'Marianina FY W01 Thin';}
h2 {font-family:'Marianina FY W01 Thin';
	text-align:left;
	color: #000;
	font-size:30px;
	font-weight:bold;
	letter-spacing:2px;
	margin:20px 0;}
h3 {font-family:'Marianina FY W01 Thin';
	color: #444;
	font-size:22px;
	margin:10px 50px 30px 35px;}
h4 {font-family:'Marianina FY W01 Thin';
	color: #444;
	font-size:22px;
	margin:0;}	
li {padding-bottom:5px;}
a:link {color: #235a17;}
a:visited {color: #235a17;}
a:hover {color: #23b14d;}
a:active {color: #235a17;}
a.nav:link {color: #000;
	text-decoration: none;}
a.nav:visited {color: #000;
	text-decoration: none;}
a.nav:hover {color: #ff0000;
	text-decoration: none;
	font-style:italic;}
a.nav:active {color: #000;
	text-decoration: none;}
a.navOn:link {color: #ff0000;
	text-decoration: none;
	font-style:italic;}
a.navOn:visited {color: #ff0000;
	text-decoration: none;
	font-style:italic;}
a.navOn:hover {color: #ff0000;
	text-decoration: none;
	font-style:italic;}
a.navOn:active {color: #ff0000;
	text-decoration: none;
	font-style:italic;}	
a.foot:link {color: #000;
	text-decoration: none;}
a.foot:visited {color: #000;
	text-decoration: none;}
a.foot:hover {color: #000;
	text-decoration: underline;}
a.foot:active {color: #000;
	text-decoration: none;}


	
	


/* RESPONSIVE CSS ----------- */

@media (min-width: 320px) and (max-width: 500px) {
		
#main {width:90%;
	max-width:auto;
	margin:30px auto;
	padding:5px 0;}

#home nav {width:100%;
	height:auto;
	background-image:none;
	font-size:35px;
	margin-left:-8px;}
#home nav li {display:inline;
	text-align:right;
	margin:0 7px;}
#home header {margin:auto;
	width:100%;}
#home header .titles {float:none;
	text-align:center;
	color:black;
	padding:0px;
	font-size:28px;
	display:inline;}
#home header .titles li {display:inline;
	margin:0 10px 0 10px;}
nav {width:100%;}
nav ul {margin-left:-10%;}
nav li {display:inline;
	text-align:center;
	margin:0 7px;}	
	
header {clear:both;
	margin:auto;
	text-align:center;
	width:100%;}	
footer {clear:both;
	padding:40px 0 35px 0;}

.floatright {float: none;
	padding:0;}
.floatleft {float: none;
	padding:0;}
.hide-desktop {display:inline;}	
.hide-mobile {display:none!important;}
.column {float:none;
	width:100%;
	margin:10px;
	padding:0;}
	
	
img {border:0;}
.full {width: 100%;}
.mediumimg {width: 75%;}
.logo {width:310px;} 

.book-entry {height:auto;
	width:100%;
	padding-bottom:50px;}
.book-entry2 {height:auto;
	width:100%;
	padding-bottom:50px;}	
.bookcoverimg {width:130px;
	border:1px solid black;
	margin:10px 10px 10px 10px;
	float:left;}
.button {display:block;
	clear:both;
	width:150px;
	height:25px;
	margin:0 auto;}
	
form {width:100%;}	

.videoembed {position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 15px;
	height: 0;}
.videoembed iframe {position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

}




@media (min-width: 501px) and (max-width: 800px) {

#main {width:90%;
	max-width:auto;
	margin:30px auto;
	padding:5px 0;}

#home nav {width:100%;
	height:auto;
	background-image:none;
	font-size:35px;
	margin-left:-8px;}
#home nav li {display:inline;
	text-align:right;
	margin:0 7px;}
#home header {margin:auto;
	width:100%;}
#home header .titles {float:none;
	text-align:center;
	color:black;
	padding:0px;
	font-size:28px;
	display:inline;}
#home header .titles li {display:inline;
	margin:0 10px 0 10px;}
nav {width:100%;
	margin-left:-6%;}
nav li {display:inline;
	text-align:center;
	margin:0 7px;
	padding:13px;}	
	
header {clear:both;
	margin:auto;
	text-align:center;
	width:100%;}	
footer {clear:both;
	padding:40px 0 35px 0;}

.floatright {float: none;
	padding:0;}
.floatleft {float: none;
	padding:0;}
.hide-desktop {display:inline;}	
.hide-mobile {display:none!important;}
.column {float:none;
	width:100%;
	margin:10px;
	padding:0;}
	
img {border:0;}
.full {width: 100%;}
.mediumimg {width: 75%;}
.logo {width:310px;} 

.book-entry {height:170px;
	width:100%;
	padding-bottom:80px;}
.book-entry2 {height:auto;
	width:100%;
	padding-bottom:80px;}	
.bookcoverimg {width:130px;
	border:1px solid black;
	margin:10px 10px 90px 10px;
	float:left;}

form {width:80%;}	

.videoembed {position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 15px;
	height: 0;}
.videoembed iframe {position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
	
}



@media (min-width: 801px) and (max-width: 1200px) {


nav {width:70%;
	margin:0 auto;}
nav li {display:inline;
	text-align:center;
	margin:0 7px;
	padding:0 13px;}	
	
}