/* Common Stylesheet  CSS */
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Crete+Round&family=IM+Fell+DW+Pica&family=Radley&display=swap" rel="stylesheet">

div		{
	clear:	both;
}


@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%;
}

body{
	background-repeat: 	no-repeat;
  	background-size: 	cover;
	bgcolor:			#000000;

}
.background {
	background-repeat: 	no-repeat;
  	background-size: 	cover;
}
/* -------------------- A -----------------------------------------------*/
a	{
}
a.home {	
	color:				darkBlue;
	display:			inline;
	float: 				left; 
	font-family: 		'Crimson Pro', Serif;
	font-weight: 		700;
	font-size:			18pt;
	padding-left: 		30px;
	padding-top:		 4px;
}

a.block {
	display:			block;
	font-family: 		'Crimson Pro', Serif;
	font-weight:		900;
}
a.black {
	color:				black;
	display:			inline;
	float: 				left; 
    font-size: 			18pt; 
    font-family: 		'Crimson Pro', Serif;
	font-weight:		bold;
}
a.sTextCenter {
	background-color: 	transparent;
	color: 				lightblue;
	display:			inline;
	font-size:			18pt;
    font-family: 		'Radley', serif; 
    font-style: 		normal;
	font-weight:		500;
	line-height: 		100%;     
	margin: 			0px 0px 0px 0px; 
	padding: 			0px 0px 0px 5px; 
    text-align: 		center; 
	text-indent: 		5px;
    }

a.lightBlue	{
	color:				lightblue;
	color:				#b3ffff;
}
a.white {
	color:				white;
	display:			inline;
	float: 				left; 
    font-size: 			18pt; 
    font-family: 		'Crimson Pro', Serif;
	font-weight:		bold;
}
a.whiteR {
	color:				white;
	display:			inline;
	float: 				right; 
    font-size: 			18pt; 
    font-family: 		'Crimson Pro', Serif;
	font-weight:		bold;
}
a.whiteC {
	color:				white;
	display:			inline;
	float: 				none; 
    font-size: 			18pt; 
    font-family: 		'Crimson Pro', Serif;
	font-weight:		bold;
}
.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;
}
audio {
	display: 			block;
	margin: 			auto;
}
/*  CONTAINERS   
/* Container needed to position the button. Adjust the width as needed */
/*  Button Container for Audio                                         */
.bContainer {
  position: 			relative;
}
.bContainer img {
  width: 				auto;
  height: 				100px;
  margin-top: 			0 px;
  
}
.bContainer160 img {
  width: 				160px;
  height: 				auto;
}

/* Style the button and place it in the middle of the container/image */
.bContainer .btn {
  position: 			absolute;
  top: 					50%;
  left: 				50%;
  transform: 			translate(-50%, -50%);
  -ms-transform: 		translate(-50%, -50%);
  background-color: 	black;
  border: 				none;
  border-radius: 		5px;
  cursor: 				pointer;
  color: 				white;
  font-size: 			14px;
  margin: 				20px 20px 20px 20px;
  }

.bContainer .btn:hover {
  background-color: 	darkRed;
  font-color: 			white;
}
                                          
div		{
}
div.book {
	border:				0px;
	display:			block;
	margin-left: 		10 px;
	margin-right: 		10 px;
	position: 			relative;
	width:				185px;
	height:				255px;
}
div.boxContainer {
	display:			flex;
	justify-content:	center;
	margin:				auto;
	padding: 			 0px 25px 0px 25px;
	text-align:			center;
	width:				95%;
}

div.center {
	display:			block;
	margin:				auto;
	width:				100%;
}
div.centerX {
	display:			block;
	float:				left;
	margin:				auto;
	width:				100%;
	text-align:			center;
	border:				0px;
	padding:			10px;
}
div.center40 {			
/*  Used for Contact Form                               */
	display:			block;
	margin:				auto;
	width:				40%;
}
div.center80 {
	display:			block;
	margin:				auto;
	width:				80%;
}
div.center80Black {
	background-color: 	transparent; 
	color:				Blue;
	display:			block;
	margin:				auto;
	width:				80%;
}
div.centerMarble {
	clear:				both;
	background-color: 	#FFFFFF;
	background-image:	url(http://vinniethetorch.com/images/background/seamlesstexture23_1200.jpg);
	border:				0px;
	color:				#000000;
	display: 			block; 
	justify-content:	center;
	margin:				auto;
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}
div.centerYellowDye {
	background-image:	url(http://vinniethetorch.com/images/background/yellowDyeBG.jpg);  
	border:				0px;
	clear:				both;
	color:				#000000;
	display: 			block; 
	justify-content:	center;
	margin:				auto;
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}
div.container {
	clear:				both;
	display: 			inline;
	margin-left: 		auto;
	margin-right: 		auto;
	padding-left: 		 0%;
	padding-right: 		 0%;
	width: 				100%;
}
div.containerBlock {
	clear:				both;
	display: 			block;
	margin-left: 		auto;
	margin-right: 		auto;
	padding-left: 		 0%;
	padding-right: 		 0%;
	width: 				100%;
}
div.galleryRow {
	clear:				both;
	color:				#FFFFFF;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				20px 20px 20px 20px;
	text-align:			center;
	width:				100%;
}
div.gridContainer {
	border:				0px;
	display: 			block;
	margin-left: 		auto;
	margin-right: 		auto;
	overflow:			hidden;
	padding-left: 		0;
	padding-right: 		0;
	width: 				100%;
}
div.lightenBackground {
	background-color: 	#fff0b5;		/*  Light Yellow  */
	opacity: 			0.40;
	border:				0px;
	color:				#000000;
	display: 			block; 
	justify-content:	center;
	margin:				auto;
	padding:		 	0 px;
	text-align:			center;
	width:				100%;
}
div.links {
	clear:				both;
	border:				0px;
	display:			block;
	margin: 			0 px;
	position: 			relative;
}
div.image {
	border:				0px;
	display:			block;
	margin-top: 		10 px;
	margin-bottom: 		10 px;
	margin-left: 		10 px;
	margin-right: 		10 px;
	position: 			relative;
}
div.image2 {
	border:				5px;
	border-color:		Yellow;
	display:			block;
	margin-top: 		10 px;
	margin-bottom: 		10 px;
	margin-left: 		10 px;
	margin-right: 		10 px;
}
div.imageMiddle {
	align-items:		center;
	border:				0px;
	display:			flex;
	margin-top: 		5 px;
	margin-bottom: 		5 px;
	margin-left: 		10 px;
	margin-right: 		10 px;
}
div.paragraphContainer {
	clear:				both;
	display: 			inline;
}

/* -------------------- Navigation Horizontal ---*/
.navContainerF {
	display:			flex;
	justify-content:	center;
	margin:				auto;
	padding: 			 0px 25px 0px 25px;
	text-align:			center;
	width:				90%;
}
/* -------------------- Navigation Vertical ---*/
div.navContainerV {
	display:			block;
	margin: 			 0px 10px 0px  10px; 
	padding: 			 0px 10px 0px  10px;
}
.navContainer a:hover {
  	background-color: 	#DDD;
    color: 				darkRed; 
}
.navContainer a.active {
  background-color: 	#cc7a00;
  color: 				white;
}

.headlineBox	{
	height:  			220px;
  	width:  			800px;
	background-color: 	#545b43; 		/* Olive Green  */
	border: 			20px solid;
	border-left: 		 0px solid;
	border-right: 		 0px solid;
  	border-color: 		Red;
    color: 				Yellow;
	display:			block;
	float: 				left;
	margin:				auto;
	padding:			 5px  5px  0px  5px;
	text-align:			center;
	text-decoration:	none;
	vertical-align: 	middle;
	}
.outerBorder	{
	background-color: 	#000000; 	
	height:  			210px;
  	width:  			712px;
	position:			relative;
	margin:				auto;

}
.headlineBox140	{
	height:  			140px;
  	width:  			700px;
	background: 		none;
	background-color: 	#6D7700; 		/* Olive Green  */
	border: 			5px solid;
	border-left: 		5px solid;
	border-right: 		5px solid;
  	border-color: 		#000000;
    color: 				#82e61e;		/* Bright Green  */
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
	padding:			  0px  0px  0px  0px;
	position:			relative;
	text-align:			center;
	text-decoration:	none;
	vertical-align: 	middle;
	
	}
.headlineBox140:before	{
	background: 		none; 		/* Olive Green  */
	border: 			20px solid  #000000;
  	border-color: 		#545b43;
	content:			"";
	display:			block;
	position:			absolute;
	 top:				 0px;
	 right:				 0px;
	 bottom:			 0px;
	 left:				 0px;
	 pointer-events:	none;
}

.headlineBox200	{
	height:  			200px;
  	width:  			700px;
	background-color: 	#008000; 		/* Green  */
	border: 			20px solid;
	border-left: 		 0px solid;
	border-right: 		 0px solid;
  	border-color: 		Red;
    color: 				Yellow;
	display:			block;
	float: 				left;
	margin:				10px  0px 10px  0px;
	padding:			 5px  5px  0px  5px;
	text-align:			center;
	text-decoration:	none;
	vertical-align: 	middle;
	}
#textRow {
	clear:				both;
	color:				#000000;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	text-align:			center;
	width:				100%;
}
#galleryRow {
	clear:				both;
	color:				#000000;
	display:			flex;
	flex-direction:		row;
	flex-wrap:			wrap;
	float:				left;
	justify-content:	center;
	margin:				0 auto;
	text-align:			center;
	width:				100%;
}
.center {
	text-align:			center;
}

.darkBlue{
	font-family: 		'Crimson Pro', Serif;
	font-size: 			30px;
	color:				darkblue;
}
figcaption {
  	color: 				white;
	font-size: 			11pt;
	line-height:		11pt;
	margin-top: 		-10px;
	margin-left: 		9px;
	}
	
/*  -------------------- H ------------------------------------------------------  */
h1 {
	background-color: 	transparent; 
    font-size: 			28pt; 
	font-family:		'IM Fell DW Pica', serif;
	font-weight: 		300;
	line-height: 		110%;
	margin: 			 5px   00px  0px   0px;
    padding: 			20px   00px  0px   0px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
h1.high {
	background-color: 	transparent; 
    font-size: 			28pt; 
    font-family:		'IM Fell DW Pica', serif;
	font-weight: 		300;
	line-height: 		110%;
	margin: 			 10px   00px  0px   0px;
    padding: 			 10px   00px  0px   0px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
	
h2 {
	background-color: 	transparent; 
    color: 				white;
    font-size: 			22pt; 
    font-family: 		'IM Fell DW Pica', serif;
	font-weight: 		300;
	line-height: 		110%;
	margin: 			 0px   auto;
    padding: 			 10px   00px  0px   0px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
h2.White {
	background-color: 	transparent; 
    color: 				white;
    font-size: 			22pt; 
    font-family: 		'IM Fell DW Pica', serif;
	font-weight: 		200;
	line-height: 		100%;
	margin: 			 0px   auto;
    padding: 			 10px   0px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
h2.Blue {
    color: 				darkBlue;
    }
h2.yellowOutline {  
	background-color: 	transparent; 
    color: 				yellow;
    font-size: 			22pt; 
    font-family: 		'IM Fell DW Pica', serif;
	font-weight: 		300;
	line-height: 		140%;
	margin: 			 5px   00px  5px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center;
	text-shadow:
     -2px -1px 0 #000,  
      2px -1px 0 #000,
     -2px 1px 0 #000,
      2px 1px 0 #000; 
    }	
	
h3 {
    background-color: 	transparent; 
    color: 				yellow;
    font-size: 			20pt; 
    font-family:		'Crete Round', serif;
	font-weight: 		200;
	line-height: 		140%;
	margin: 			 5px   00px  5px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
h3.yellowOutline {
    background-color: 	transparent; 
    color: 				yellow;
    font-size: 			16pt; 
    font-family:		'Crete Round', serif;
	font-weight: 		300;
	line-height: 		100%;
	margin: 			 5px   00px  5px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
     -1px 1px 0 #000,
      1px 1px 0 #000; 
    }
h3.FamilyAlbum {
    background-color: 	transparent; 
    color: 				yellow;
    font-size: 			20pt; 
    font-family:		'Crete Round', serif;
	font-weight: 		400;
	line-height: 		80%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center; 
    }
h3.Questions {
	background-color: 	transparent; 
    color: 				white;
    font-size: 			22pt; 
    font-family:		'Crete Round', serif;
	font-weight: 		600;
	line-height: 		100%;
	margin-left: 		5%;
	margin-right: 		5%;
	margin-bottom: 		-50 px;
    padding: 			 2px   00px  0px   00px; 
	text-indent: 		 0px; 
	text-align:			left; 
    }
			
h4 {
	background-color: 	transparent; 
    color: 				black;
    font-size: 			14pt; 
    font-family:		'Crete Round', serif;
	font-weight: 		300;
	line-height: 		130%;
	margin: 			 0px   00px  0px   00px;
    padding: 			 0px   00px  0px   00px; 
	text-indent: 		0px; 
	text-align:			center;     
	}			
h5 {
	color: 				white;
    text-indent: 		0px; 
	text-align:			center;
    padding: 			 0px  0px  0px 0px; 
    margin: 			10px  5px 15px 5px;
    font-size: 			14pt; 
    font-family: 		'Vesper Libre', serif;
	font-weight: 		normal;
	line-height: 		140%;
    background-color: 	transparent; 
    }
/*  img ------------------------------------------------ */	
img {
	display:			block;
	margin: 			auto;
	padding : 			0px;
	border:				0px solid;	
	}
	
.double-border {
  background-color: 	#ccc;
  border: 				4px solid 	#fff;
  padding: 				2em;
  width: 				16em;
  height: 				16em;
  position: 			relative;
  margin: 				0 auto;
}
.double-border:before {
  background: 			none;
  border: 				4px solid #fff;
  content: 				"";
  display: 				block;
  position: 			absolute;
  top: 					4px;
  left: 				4px;
  right: 				4px;
  bottom: 				4px;
  pointer-events: 		none;
}	
.bookImgCenter400 {	
	border:				5px solid;
	border-color:		black;
	display:			inline;
	height:				343px;	
	padding: 		  	 0px   0px   0px   0px; 
    margin: 		 	 0px   15px  0px  10px;	
}
.bookImgCenter  {
	border:				5px solid;
	border-color:		darkBlue;
	display:			inline;
	height:				220px;
	width:				146px;	
	padding: 		 	 0px   0px   0px   0px; 
    margin: 		 	 5px   0px   0px   0px;	
}
.imgCenter {
	border:				5px solid #FFDEAD;
	border-color:		#000000;
	display:			block;
	padding: 			 0px   0px    0px   0px; 
    margin-left: 		auto;
  	margin-right: 		auto;	
}
.imgCenter110 {
	border:				3px solid;
	border-color:		#000000;
	display:			inline;
	height:				auto;	
	padding: 		 	 0px    0px   0px   0px; 
    margin: 		 	 12px   0px  12px   0px;	   /*  Uneven margins centers the pictures for some reason */
}
.imgCenterMiddle110 {
	border:				3px solid;
	border-color:		#000000;
	display:			inline-block;
	height:				112px;	
	margin: 		 	 0px   0px  0px   0px;	   /*  Uneven margins centers the pictures for some reason */
	padding: 		 	 0px   0px  0px   0px; 
	vertical-align:		middle;
	width:				98px;	
}	
.imgCenter180 {
	border:				20px solid Red;
	display:			inline;
	float:				left;
	height:				185px;
	padding: 			 0px   0px   0px   0px; 
    margin: 		 	 0px   0px   0px   0px;	
}
.imgCenter200 {
	border:				20px solid Red;
	display:			inline;
	float:				left;
	height:				205px;
	padding: 			 0px   0px   0px   0px; 
    margin: 		 	10px   0px   0px   0px;	
}
.imgInline {
	display:			inline;
	margin: 			0px;
	padding : 			0px;		
	}
.imgNav {
	border:				0px solid;	
	display:			block;
	margin: 			 0px 30px 0px 30px;
	padding : 			10px;
	}
.imgNavLeft {
	border:				0px solid;	
	display:			block;
	float:				left;
	margin: 			auto;
	padding : 			10px;
	}
.imgLeft {
	border:				4px solid;	
	border-color:		#FFFFFF;
	display:			inline;
	float:				left;
	padding: 			 0px; 
    margin: 		 	00px   20px   0px   10px;	
}
.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; 
}
.img250wLeft {
	border:				2px solid;	
	display:			inline;
	float:				left;
	margin-top : 		20px;
	margin-right : 		20px;
	margin-bottom : 	20px;
	margin-left : 		30px;
	padding : 			 0px;
	width:				250px;
}
.img250wNextLeft {
	border:				2px solid;	
	display:			inline;
	float:				left;
	margin-top : 		20px;
	margin-right : 		20px;
	margin-bottom : 	20px;
	margin-left : 		10px;
	padding : 			 0px;
	width:				250px;
}
.indented
   {
   padding-left: 		25pt;
   padding-right: 		25pt;
   }

p {	
	font-family: 		'Crete Round', serif;
	text-align:			left; 
	line-height: 		110%;
	font-size: 			12pt;
	font-weight:		300;
	margin-left: 		5%;
	margin-right: 		5%;
	text-indent: 	 	 0em;
}
p.center {
	text-align: 		center; 
}
p.sTextWhite {  
    background-color: transparent; 
	color: 				#FFFFFF; 
    font-family: 		'Crete Round', serif;
	font-size:			16pt;
    font-style: 		normal;
	font-weight:		300;
	line-height: 		130%;   
	text-align: 		justify; 
	text-justify: 		inter-word;">
   }
p.sText {
	background-color: transparent; 
	color: 				Black; 
	font-size:			16pt;
    font-family: 		'Radley', serif; 
    font-style: 		normal;
	font-weight:		300;
	line-height: 		130%;   
	text-align: 		justify; 
	text-justify: 		inter-word;
   }
p.sTextLeft {
	background-color: transparent; 
	color: 				white; 
	font-size:			18pt;
    font-family: 		'Radley', serif; 
    font-style: 		normal;
	font-weight:		500;
	line-height: 		110%; 
	margin-top: 		-0px;
	margin-bottom: 		 5px;  
	text-align: 		left; 
   }	
p.sTextCenter {
	background-color: 	transparent;
	color: 				white; 
	font-size:			18pt;
    font-family: 		'Radley', serif; 
    font-style: 		normal;
	font-weight:		500;
	line-height: 		100%;     
	margin: 			0px 0px 0px 0px; 
	padding: 			0px 0px 0px 5px; 
    text-align: 		center; 
	text-indent: 		0px;
    }
  
p.smallTextCenter {
	background-color: 	transparent;
	color: 				#000000;
 	font-size: 			14pt;
    font-family: 		'Vesper Libre', serif;
    font-style: 		normal;
    font-weight: 		bold; 
    padding: 			0px 0px 0px 0px;
    margin: 			0px 0px 0px 0px;
	text-align: 		center;
    text-indent: 		0px;  
    }
p.suezOne {		
	color: 				#000000;
	font-family: 		'Suez One', serif;
	font-size: 			16pt;
	font-weight:		400;
	line-height: 		100%; 
	margin-bottom: 		 5px;
	margin-top: 		10px; 
	margin-left: 		10px;
	text-align: 		center;
} 
p.suezOne12 {		
	color: 				#000000;
	font-family: 		'Suez One', serif;
	font-size: 			14pt;
	font-weight:		300;
	line-height: 		120%; 
	margin-bottom: 		 5px;
	margin-top: 		10px; 
	margin-left: 		20px;
	text-align: 		left;
} 
p.crimsonDetail {		
	font-family: 		'Crimson Pro', Serif;
	color: 				#FFFFFF; 
	font-size:			22pt;
	font-weight:		400;
	margin-bottom: 		 5px;
	margin-top: 		10px; 
	margin-left: 		10px;
} 
p.radleyDetail {		
	font-family: 		'Radley', Serif;
	color: 				#FFFFFF; 
	font-size:			18pt;
	font-weight:		600;
	margin-bottom: 		 5px;
	margin-top: 		10px; 
	margin-left: 		10px;
} 

p.text {
 	text-align: 		left; 
    text-indent: 		0px; 
    padding: 			0px 0px 0px 20px; 
    margin: 			10px 40px 10px 40px; 
    font-size: 			20px; 
    font-family: 		'Crimson Pro', Serif;
    font-style: 		normal; 
    font-weight: 		bold; 
    color: 				#FFFFFF; 
    background-color: 	transparent; 
    }
p.smallTextCenter {
 	text-align: 		center;
    text-indent: 		0px;
    padding: 			0px 0px 0px 0px;
    margin: 			0px 0px 0px 0px;
    font-size: 			14pt;
    font-family: 		'Vesper Libre', serif;
    font-style: 		normal;
    font-weight: 		bold;
    color: 				#000000;
    background-color: 	transparent;
    }
.textBox	{
	display:			inline;
  	background-color: 	Red;
  	border: 			5px solid;
  	border-color: 		Yellow;
	color: 				darkBlue;
  	text-align:			center;
	float: 				left;
	font-family:		"Radley", serif;
	font-weight: 		900;
	font-size:			22pt;
	margin:				10px 10px 10px 10px;
	padding:			 5px 10px  0px 10px;
	text-decoration:	none;
	vertical-align: 	middle;
	height:  			150px;
  	width:  			400px;
}

.ShadowText {
     text-shadow: 3px 3px 2px #000000;   /* Shadow Text */
}
.OutlineText  {   /* Outline Text */
     text-shadow: 
	 -1px -1px 0 black,
	  1px -1px 0 black,
	 -1px  1px 0 black,
	  2px  2px 0 black;  
}
.OutlineTextWhite  {   /* Outline Text */
     text-shadow: 
	 -2px -2px 0 white,
	  2px -2px 0 white,
	 -2px  2px 0 white,
	  2px  2px 0 white;  
}
.OutlineText2 {   /* Outline Text */
     text-shadow: 
	 -2px -2px 0 black,
	  2px -2px 0 black,
	 -2px  2px 0 black,
	  2px  2px 0 black;  
}
.StrokeText {
     -webkit-text-stroke: 1px black; /* Outline Text */
}

hr.up {
  border: 				1px solid red;
  margin-top:			5px;
}

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

.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;}

ul {
	font-family: 	 	'Crimson Pro', Serif;
	font-size:			20px;
	font-weight:		700;
	line-height: 		120%;
	list-style-type: 	square;
	margin:				 0px;
	padding-left:		20px;
	padding-right:		20px;
	text-align:		 	left; 
}
ul.ul3 {
	-webkit-column-count: 3;
    -moz-column-count: 	3;
    column-count: 		3;
	font-family: 	 	'Crimson Pro', Serif;
	font-size:			20px;
	font-weight:		700;
	line-height: 		120%;
	margin:				10px;
	padding-left:		0px;
	padding-right:		0px;
	text-align:		 	left; 
}

li.li3 {
	display:			block;
	padding-left:		50px;
	padding-right:		50px;
}

/*  Contact Form   */

#contact {
	background: 		#F9F9F9;
	border:				medium;
	font-family:		'Roboto Slab', Arial, sans-serif;
	font-size:			18px;
	font-weight:		400;
	padding: 			5px;
	margin:  			10px 0;
	box-shadow: 		0 0 30px 0 rgba(0, 0, 0, 0.3), 0 20px 20px 0 rgba(0, 0, 0, 0.6);
}

#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-top: 		 0px; 
	margin-bottom: 		 5px;
	margin-left: 		15px;
	margin-right: 		15px;
	min-width: 			100%;
	padding: 			0;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {

	border: 			1px solid #ccc;
	background:			#FFFF;
	color:				Black;
	font-family:		'Roboto Slab', Arial, sans-serif;
	font-size:			18px;
	font-weight:		400;
	margin: 			0 0 5 0 px;
	padding: 			10px;
	width: 				90%;
}

#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: 			60px;
	max-width: 			90%;
	resize: 			none;
}

#contact button[type="submit"] {
	border: 			1 px Black0;
	background:			#8B4513; /* Saddle Brown */ 
	color: 				White;
	cursor: 			pointer;
	font-family:		'Roboto Slab', Arial, sans-serif;
	font-size: 			18px;
	font-weight:		400;
	margin:				auto;
	padding: 			10px;
	text-align:			center;
	width: 				30%;
}


#contact button[type="submit"]:hover {
	background: 		#1c4573;
	-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;
}


<! -------------------------------------------------------------------------- !>