/********************************  ><(((*>   <*)))><  ********************************
//    css file for mypisgah.com/    Reed Nethercutt 7/4/2014/    updated 7/24/2014 for improved readability
//********************************  ><(((*>   <*)))><  ********************************
//* main content box */
#contentWrapper
{	
	z-index: 0;	
	/*float: left;*/	
	height: 900px;
}
#content
{
	width: 800px;	
	/*float: left;*/		
	margin-left: auto;	
	margin-right: auto;	
	margin-top: 10px;	
	margin-bottom: 10px;	
	padding: 5px;	
	z-index: 1;
}
#content h1
{	
	color: white; 	
	font: 70px 'Kaushan Script', cursive;	
	text-shadow: 5px 5px 4px gray;	
	letter-spacing: 0;	
	text-align:center;	
	margin-top: 5px;	
	margin-bottom: 5px;	
}
.main 
{	
	background-color: white;	
	opacity: 0.8;	
	border-style: solid;    
	border-width: 5px;	
	border-color: black;	
}	

.maincont 
{	
	background-color: white;	
	opacity: 0.8;	
	border-style: solid;    
	border-width: 5px;	
	border-color: black;	
}

/* sub content box */	
.sub
{	
	background-color: darkred;	
	color: white;	
	opacity: 0.7;	
	border-style: solid;    
	border-width: 5px;	
	border-color: black;
}
/* page title */
.title 
{
	color: white; 	
	font: 70px 'Kaushan Script', cursive;	
	text-shadow: 5px 5px 4px gray;
	letter-spacing: 0;	
	text-align:center
}
/* body content box */
body
{ 
	background: #0A0A0A;  
}

.my_line
{     
	display:block;    
	border:none;    
	color:white;    
	height:2px;    
	background:black;   /* background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CC5500), to(#FFFFCC));*/	
	margin-bottom: 5px;
	margin-top: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a0707+0,cc0000+100&amp;1+0,1+74,0.01+90 */
	background: -moz-linear-gradient(left,  rgba(138,7,7,1) 0%, rgba(187,2,2,1) 74%, rgba(197,1,1,0.01) 90%, rgba(204,0,0,0.01) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(138,7,7,1) 0%,rgba(187,2,2,1) 74%,rgba(197,1,1,0.01) 90%,rgba(204,0,0,0.01) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(138,7,7,1) 0%,rgba(187,2,2,1) 74%,rgba(197,1,1,0.01) 90%,rgba(204,0,0,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a0707', endColorstr='#03cc0000',GradientType=1 ); /* IE6-9 */
}

.boxContainer
{
	position: relative;
	min-height: 40px;		
	margin-bottom: 20px;	
}

.cBig
{	
	width: 100%;
	padding: 0;	
}	

.cLeft
{
	width: 430px;	
	height: 90px;	
	margin-left: 20px;	
	margin-right: 20px;	
	padding: 5px;	
}

.cRight 
{	
	width: 200px;
}

.myInput 	
{	
	float: right;    
	position: relative;    
	color: white;    
	z-index: 5;	
	width: 80%;	
	margin-right: 80px;	
	padding: 0px;	
	text-align: right;	
	vertical-align: text-bottom;		
	font: 16px 'Signika', sans-serif;
}

.inputContent 	
{	
	float: right;    
	position: relative;    
	color: black;    
	z-index: 5;	
	width: 400px;	
	margin: 5px;		
	border: 2px;	
	padding: 0px;	
	text-align: center;	
	font: 16px 'Signika', sans-serif;
}

.boxContent 	
{    	
	position: relative;    
	color: white;    
	z-index: 5;
	width: 90%;	
	margin: auto;	
	padding: 20px;	
	text-align: center;		
	vertical-align: middle;	
	line-height: 0;
}

.boxContentLeft	
{    	
	position: relative;    
	color: white;    
	z-index: 5;
	width: 90%;	
	margin: auto;	
	padding: 20px;	
	text-align: left;		
	vertical-align: middle;	
	line-height: 0;
}
.boxContent h2
{	
	font: 20px 'Signika', sans-serif;
	padding: 10px;	
	text-align: center;	
	font-style: italic;	
	font-weight: bold;
}

.boxContent h3
{	font: 18px 'Signika', sans-serif;
	padding: 5px;	
	text-align: center;	
	margin: 5px;
}

.boxContent ul
{	
	font: 16px 'Signika', sans-serif;
	/*padding: 5px;*/	
	/*margin-left: 15px;*/	
	text-align: left;	
	list-style-type: disc;	
	list-style-position: inside;
}

.boxBackground
 {
	 position: absolute;    
	 top: 0px;    
	 left: 0px;    
	 width: 100%;    
	 height: 100%;    
	 z-index: 1;    	 
	 //These three lines are for transparency in all browsers.     
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";    
	 filter: alpha(opacity=70);    
	 opacity: .7;		
	 background-color: #8A0707;	
	 /*-webkit-box-shadow: 0px 7px 10px -3px gray;	
	 -moz-box-shadow: 0px 7px 10px -3px gray;	
	 box-shadow: 5px 5px 4px gray;		
	 box-shadow: 5px 5px 4px #707070;*/		
	 //border: 2px solid #8A0707;	
	 -webkit-border-radius:5px 15px;	
	 -moz-border-radius:5px 15px;	
	 border-radius:5px 15px;
}


/* menu formatting */

.menuContainer
{
	width: 100%;
	height: 40px;
	padding: 0;	
	position: relative;
	//min-height: 40px;		
	//margin-bottom: 20px;	
	line-height: 0;
}

div.menu
{
	text-align:center;
	float: left;
	width: 25%;
	height: 100%;
}

a.menu
{
	//color: #8A0707;
	font: 18px 'Kaushan Script', cursive;	
    //font: 18px/27px 'SansationRegular', Arial, sans-serif;	
	text-decoration:none;	
	text-shadow: 3px 3px 3px gray;	
	//height: 100%;
	//vertical-align: middle;	
	line-height: 40px;
}

a.current
{
	color: #8A0707;
	font: 24px 'Kaushan Script', cursive;	
	//font: 24px/24px 'SansationRegular', Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 5px 5px 5px #711c1c;
	//height: 100%;
	//vertical-align: middle;	
	line-height: 40px;
}
a.current:hover
{
	//font: 28px/28px 'SansationRegular', Arial, sans-serif;
	font: 28px 'Kaushan Script', cursive;	
	font-weight:bold;
	text-shadow: 7px 7px 7px #711c1c;
	line-height: 40px;
}
 /* unvisited link */
 a.menu:link {color:White;}
 /* visited link  */
 a.menu:visited {color:White;}  
 /* mouse over link */
 a.menu:hover 
 {
	 //color:#8a0749;
	 font: 20px 'Kaushan Script', cursive;	
	 //font: 20px/27px 'SansationRegular', Arial, sans-serif;	
	 text-shadow: 5px 5px 5px gray;
	 line-height: 40px;
 }  

 fieldset 
 {
    border: 1px solid white;
    margin: 20px;
 }