/* sitex.css                                     */
@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

a {	
	font-family: 		'Crete Round', serif;
	line-height: 		normal;
}
/*  Button created with bestcssbuttongenerator.com  and gradient generator   */

.AButton{
	background: rgb(251,237,226);
	background: radial-gradient(circle, rgba(248,232,218,1) 37%,rgba(250,133,50,1) 65%);
	-moz-border-radius:	40px;
	-webkit-border-radius:40px;
	border-radius:		40px;
	border:				2px solid #000000;
	display:			inline-block;
	cursor:				pointer;
	color:				#000000;
	font-family:		Verdana;
	font-size:			26px;
	font-weight:		bold;
	padding:			0px 7px 3px 7px;
	text-decoration:	none;
}
.AButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, rgba(250,133,50)), color-stop(1, rgba(250,133,50)));
	background:-moz-linear-gradient(top, rgba(250,133,50) 5%, rgba(250,133,50) 100%);
	background:-webkit-linear-gradient(top, rgba(250,133,50) 5%, rgba(250,133,50) 100%);
	background:-o-linear-gradient(top, rgba(250,133,50) 5%, rgba(250,133,50) 100%);
	background:-ms-linear-gradient(top, rgba(250,133,50) 5%, rgba(250,133,50) 100%);
	background:linear-gradient(to bottom, rgba(250,133,50) 5%, #f0c911 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(250,133,50)', endColorstr='rgba(250,133,50)',GradientType=0);
	background-color:#f2ab1e;
}

.BButton{
background:
  linear-gradient(81deg,transparent 86.3%,#eee 86.3%,#eee),
  linear-gradient(72deg,transparent 75.4%,#ddd 75.4%,#ddd),
  linear-gradient(63deg,transparent 66.25%,#eee 66.25%,#eee),
  linear-gradient(54deg,transparent 57.85%,#ddd 57.85%,#ddd),
  linear-gradient(45deg,transparent 49.9%,#eee 49.9%,#eee),
  linear-gradient(36deg,transparent 41.96%,#ddd 41.96%,#ddd),
  linear-gradient(27deg,transparent 33.6%,#eee 33.6%,#eee),
  linear-gradient(18deg,transparent 24.35%,#ddd 24.35%,#ddd),
  linear-gradient(9deg,transparent 13.6%,#eee 13.6%,#eee);
 background-position: 0 0;
 background-color: #ddd;
 background-size: 80px 80px;
}

a.block {
	color: 				darkBlue;
	display:			block;
	font-family: 		'Crete Round', serif;
	font-size: 			20px;
	font-weight:		900;
	margin:				auto;
	text-align:			center;
	text-decoration:	none;
	vertical-align:		middle;
}

a.activeBlock {
    color: 				grey; 
	display:			block;
	font-family: 		'Crete Round', serif;
	font-size: 			20px;
	font-weight:		900;
	margin:				auto;
	text-align:			center;
	text-decoration:	none;
	vertical-align:		middle;
}
a.hoverBlock {
	background-color: 	#DDD;
    color: 				darkRed; 
	display:			block;
	font-family: 		'Crete Round', serif;
	font-size: 			20px;
	font-weight:		900;
	margin:				auto;
	text-align:			center;
	text-decoration:	none;
	vertical-align:		middle;
}

a.activeBlock {
    color: 				grey; 
	display:			block;
	font-family: 		'Crete Round', serif;
	font-size: 			20px;
	font-weight:		900;
	margin:				auto;
	text-align:			center;
	text-decoration:	none;
	vertical-align:		middle;
}
a.right {	
	display:			inline;
	font-family: 		"Comic Sans MS", "Lucida Grande", "sans-serif";
	font-size: 			12pt;
	line-height: 		normal;
	text-align:			right;
}

.center {
	text-align:			center;
	text-decoration:	none;
}

body{
	font-family: 		'Bitter', serif;
	font-size:			18px;
/*	max-width: 			1400px;    	*/ 
/*	margin: 			0 auto;		*/
/*	float: 				none ;		*/
}

/*  CONTAINERS                                             */

div		{
	clear:	both;
}

.navContainerF {
	display:			flex;
	justify-content:	center;
	margin:				auto;
	padding: 			 0px 25px 0px 25px;
	text-align:			center;
	width:				90%;
}

.navBox	{
	display:			inline;
  	background-color: 	#FFC266;
  	border: 			5px solid;
  	border-color: 		black;
	color: 				darkBlue;
  	text-align:			center;
	float: 				left;
	font-family:		"Crete Round", serif;
	font-weight: 		900;
	font-size:			18px;
	margin:				10px 10px 10px 10px;
	padding:			 5px 10px  0px 10px;
	text-decoration:	none;
	vertical-align: 	middle;
	height:  			75px;
  	width:  			85px;
}
div.box {
	display:			inline-block;
	height:				100px;
	margin-left: 		auto;
	margin-right: 		auto;
	width:				400px;
}
div.book {
	border:				0px;
	display:			block;
	margin-left: 		10 px;
	margin-right: 		10 px;
	position: 			relative;
	width:				165px;
	height:				235px;
}

div.center {
	display:			block;
	float:				left;
	margin:				auto;
	width:				100%;
	text-align:			center;
	border:				0px;
	padding:			10px;
}

div.centerIn1 {
	border:				0px;
	display:			inline-block;
	margin:				auto;
	padding:			5px;
	text-align:			center;
	vertical-align:		bottom;
	width:				1070px;
}

div.right {
	display:			inline;
	float:				right;
	margin:				auto;
	width:				100%;
	text-align:			right;
	border:				0px;
	padding:			10px;
}

div.formContainer {
	max-width: 	500px;
	width: 		50%;
	margin: 	0 auto;
	position: 	relative;
}

#galleryRow {
	clear:				both;
	color:				#FFFFFF;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	text-align:			center;
	width:				100%;
}

.navContainer a:hover {
  	background-color: 	#DDD;
    color: 				darkRed; 
}

.navContainer a.active {
  background-color: 	#cc7a00;
  color: white;
}

/* ------------------------------------------------------ */

h1 {
    text-indent: 		0px;
	text-align:			center; 
    padding: 			0px  0px 0px 00px; 
    margin:  			0px 0px 0px 0px;
    font-size: 			30pt; 
    font-family: 		'Crete Round', serif;
	font-weight: 		normal;
	line-height: 		120%;
    color: 				#000000;
    background-color: 	transparent; 
    }
	
h2 {
	color:				darkblue;
    font-size:			26pt;
	font-family:		'Crete Round', serif;
	font-weight: 		normal;
	line-height: 		120%;
	margin:  			0px 0px 0px 0px;
	padding: 			0px  0px 0px 00px; 
	text-indent: 		0px;
	text-align:			center; 
	}
	
h3 {
	text-align:			left;
	margin:				auto;
	margin:				0in;
	margin-bottom:.		0001pt;
	mso-pagination:		widow-orphan;
	font-size:			14pt;
	font-family:		Bitter, serif;
	mso-fareast-font-family:"Bitter, serif";
	color:				darkblue;
	}


h4 {
	text-align:			center;
	margin:				auto;
	margin:				0in;
	margin-bottom:		.0001pt;
	font-size:			14pt;
	font-family:		"Bitter, serif";
	font-weight: 		normal;
	color:				windowtext;
	}
				
u	{
	font-family: 		"georgia";
						font-size: 16px;
}

hr	{
	color:#666;
}

img {
	display:			block;
	margin-top : 		0px;
	margin-right : 		auto;
	margin-bottom : 	0px;
	margin-left : 		auto;
	padding : 			0px;
	border:				0px solid;	
}

.bookImgCenter1 {
	border:				5px solid;
	border-color:		#4D0F00;
	display:			inline;
	height:				200px;
	width:				133px;	
	padding: 		 	 0px   0px   0px   0px; 
    margin: 		 	 5px   0px   0px   0px;	
}
.bookImgCenter2 {	
	border:				5px solid #4D0000;
	border-color:		#4D0000;
	display:			inline;
	height:				200px;
	width:				133px;	
	padding: 		  	 0px   0px   0px   0px; 
    margin: 		 	20px  15px   0px  15px;	
}

.imgBorder5 {
	border:				5px solid;
	border-color:		black;
	display:			inline;
	padding: 		 	 0px   0px    0px   0px; 
    margin: 		 	 0px   0px    0px   0px;	
}

.imgMargin {
	border:				0px solid;
	border-color:		black;
	display:			inline;
	float: 				right;
	margin: 		 	5px    5px    0px   5px;
	padding: 		 	0px    5px    5px  20px; 	
}

.imgShadow {  
	border:				1px solid #000000;  
	box-shadow: 		10px 10px 5px #5f5db4;
	-moz-box-shadow: 	10px 10px 5px #5f5db4; 
	-webkit-box-shadow: 10px 10px 5px #5f5db4; 
	-khtml-box-shadow: 	10px 10px 5px #5f5db4; 
}

.imgSquare133 {
	border:				5px solid;
	border-color:		#4D0000;
	display:			inline;
	height:				133px;
	width:				133px;	
	padding: 		  	 0px   0px    0px   0px; 
    margin: 		 	 5px   0px    0px   0px;		
}

.imgSquare200 {
	border:				5px solid;
	border-color:		#4D0000;
	display:			inline;
	height:				200px;
	width:				200px;	
	padding: 		  	 0px   0px    0px   0px; 
    margin: 		 	20px  20px   20px  20px;	
}

.indented
   {
   padding-left: 		25pt;
   padding-right: 		25pt;
   }

p {
	color: 				#000000; 
	font-family: 		'Crete Round', serif;
	font-size: 			20px;
	line-height: 		normal;
	margin-top: 		10px; 
	margin-left: 		30px;
	text-align:			left; 
	text-indent: 	 	0em;
	width:				100%;
}

p.center {
	text-align:			center; 
}
p.right {
	text-align:			right; 
}

p.CreteRound {
	font-family: 		'Crete Round', serif;
}
p.CreteRound700 {
	font-family: 		'Crete Round', serif;
	font-weight:		700;
}
p.Bitter {
	font-family: 		'Bitter', serif;
}
p.Bitter700 {
	font-family: 		'Bitter', serif;
	font-weight:		700;
}
p.footer {
	style="vertical-align: top; 
	text-align:			justify;
	margin:				0px 5px 0px 5px;
}
   
.text {
 	text-align: 		left; 
    text-indent: 		0px; 
    padding: 			0px 0px 0px 20px; 
    margin: 			10px 40px 10px 40px; 
    font-size: 			20px; 
    font-family: 		"Bitter, serif"; 
    font-style: 		normal; 
    font-weight: 		bold; 
    background-color: 	transparent; 
    }
	
.smallTextCenter {
 	text-align: 		center;
    text-indent: 		0px;
    padding: 			0px 0px 0px 0px;
    margin: 			0px 0px 0px 0px;
    font-size: 			12pt;
    font-family: 		"Comic Sans MS", "Lucida Grande", sans-serif;
    font-style: 		normal;
    font-weight: 		normal;
    color: 				#000000;
    background-color: 	transparent;
    }
	
.smallTextRight {
    background-color: 	transparent;
	color: 				#000000;
	float:				right;
	font-size: 			12pt;
    font-family: 		"Comic Sans MS", "Lucida Grande", sans-serif;
    font-style: 		normal;
    font-weight: 		normal;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
 	text-align: 		right;
    text-indent: 		0px;
    }

.white{color: 			white;}
.black{color: 			black;}
.brown{color: 			brown;}
.darkRed{color: 		darkRed;}
.darkBrown{color: 		#4D0000;}
.darkBlue{color: 		darkblue;}
.darkGreen{color: 		darkgreen;}
.cream3{color: 			#EED5B7;}
.cream4{color: 			#EEC591;}
.gold{color: 			#FFD700;}
.orange{color: 			#FFA500;}

table {
	border:				hidden;
	margin-left:		auto;
	margin-right:		auto;
	table-layout:		auto;
	padding: 			0px 10px 0px 10px;
}

table.box {
	display:			block;
	max-width: 			900;
	table-layout:		auto;
	border:				5px solid black;
    border-color: 		black;
	background-color: 	#FFC266;
	color:				black;
	margin-left:		auto;
	margin-right:		auto;
}	

td.box {
	color: 				maroon;
	text-align:			center;
	vertical-align: 	middle;
	font-family:		"Crete Round", serif;
	font-weight: 		normal;
	font-size:			28px;
	height:				82px;
}

td.subheadline {
	color: 				maroon;
	text-align:			center;
	font-family:		"Crete Round", serif;
	font-weight: 		bold;
	font-size:			22px;
	height: 			50px; 
}
td.bookLine {
	width: 				360px;
	color: 				#4D0000;
	text-align:			left;
	font-size: 			16pt;
	font-family: 		"Crete Round", serif;
	font-weight: 		600;
	padding: 			8px 0px 8px 0px;
}

/* Forms */
label { 
	display: 			block; 
	background-color: 	transparent; 
	clear: 				both;
	float: 				right; 
	font-size:			14pt;
	font-family: 		"Crete Round", serif;
	font-style: 		normal;
	font-weight:		700;  
	line-height: 		100%; 
	margin: 			0.0em 0em 0em 5em; 
	padding: 			0px 0px 0px 0px; 
	text-align:			right;
	width: 				100%;
}

input, select, textarea { 
	float: 				right; 
	margin: 			1.35em 0em 0em 5em; 
	width: 				40%; 
	}
input { 
	border: 			2px solid #666; 
	}
	
input[type=radio], input[type=checkbox], input[type=submit], input[type=reset], input[type=button], input[type=image] {
	float:				left;
	display: 			block;
	position: 			relative;
	width: 	 			0	auto; 
	}


.tdForm {
width: 500px;
vertical-align: bottom;
border:#036;
text-align:right;
padding:  20px 20px 20px 80px;
}

.tdSubmit { 
    width: 230px;
    height: 22;
    colspan: 3;
    border: 1px solid;
    border-color : #FFFF99 #FFFF99 #EFFF99; #FFFF99; 
    border-style: solid;
    background-color: #FFC266;
    padding: 0px 0px 0px 10px; 
    text-align: right;
    font-size: 12pt; 
    font-family: 'Arial', 'Helvetica', sans-serif; 
    font-style: normal; 
    font-weight: bold;
}
 
input[type=submit] {
	float: right;
	position:relative;
	right:50px;
	padding:2px 15px; 
    background:#FFC266; 
	border: 3px solid;
    border-color : darkblue; darkblue; darkblue; darkblue;
    border-style: solid;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    font-size: 14pt; 
    font-family: 'Arial', 'Helvetica', sans-serif; 
    font-style: normal; 
    font-weight: bold;
    color: darkblue;  }
	
.defaultTextBox {
	type: text;
    padding: 0px 10px 0px 10px;
    position: relative;
    top:-1px;
	box-sizing: border-box;
    left:    0px; 
    height: 22px;
    width:  250px;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-style: normal; 
    font-weight: bold; 
    text-align: left;
    outline: none;
    border: 0px solid #cdcdcd;
    background-color: #FFFF70;
    font-size: 14px;
}

/*  Contact Form   */

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact button[type="submit"] {
	font: 400 18px/18px 'Crete Round', Helvetica, Arial, sans-serif;
}

#contact input[type=checkbox] {
	float:				right;
	display: 			block;
	position: 			relative;
	top:				-18px;
	right:				150px;
	width: 	 			0	auto; 
	}

#contact {
	background: #F9F9F9;
	padding: 25px;
	margin:  50px 0;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
	display: block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}

#contact h4 {
	margin: 5px 0 15px;
	display: block;
	font-size: 16px;
	font-weight: 400;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
	width: 100%;
	border: 1px solid #ccc;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact textarea:hover {
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	border: 1px solid #aaa;
}

#contact textarea {
	font-size: 18px;
	height: 100px;
	max-width: 100%;
	resize: none;
}

#contact button[type="submit"] {
	cursor: pointer;
	width: 100%;
	border: none;
	background:#cc6600; 
	color: #FFF;
	margin: 0 0 5px;
	padding: 10px;
	font-size: 16px;
}

#contact button[type="submit"]:hover {
	background: #994d00;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
	text-align: center;
}

#contact input:focus,
#contact textarea:focus {
	outline: 0;
	border: 1px solid #aaa;
}

::-webkit-input-placeholder {
	font-size: 16px;
	color: 	#888;
}

:-moz-placeholder {
	color: #888;
}

::-moz-placeholder {
	color: #888;
}

:-ms-input-placeholder {
	color: #888;
}