/********************************  ><(((*>   <*)))><  ********************************
//    
//********************************  ><(((*>   <*)))><  ********************************/

html 
{
	font-size: 5vw;
}

//* main content box */
#contentWrapper
{	
	z-index: 0;	
	/*float: left;*/	
	height: 100%;
}
#content
{
	width: 98%;	
	/*float: left;*/		
	margin-left: auto;	
	margin-right: auto;	
	margin-top: 10px;	
	margin-bottom: 10px;	
	padding: 5px;	
	z-index: 1;
}
#content h1
{	
	color: white; 	
	font: 40px 'Kaushan Script', cursive;	
	text-shadow: 5px 5px 4px gray;	
	letter-spacing: 0;	
	text-align:center;	
	margin-top: 5px;	
	margin-bottom: 5px;	
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 15px;
    width: 80%;
    height: auto; /* Maintains aspect ratio */
}

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

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

.boxContent 	
{    	
	font: 1rem 'Signika', sans-serif;
	position: relative;    
	color: white;    
	z-index: 5;
	width: 90%;	
	margin: auto;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;		
	vertical-align: middle;	
	//line-height: 0;
}

p {
    display: block;
    margin-block-start: 0.5rem;
    margin-block-end: 0.5rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.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: #0115D0;	*/
	 background-color: #0007AB;
	/*background-color: #0079DE;*/
	 
	 /*-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 #0079DE;	
	 -webkit-border-radius:30px;	
	 -moz-border-radius:30px;	
	 border-radius:30px;
}



a
{
	/*color: #FEE606;*/
	color: #D0BC01;
	font-style: italic;
}

button
{
	background-color: #D0BC01;
	/*background-color: #A300AB;*/
	padding: 0.5rem 3rem;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: bold;
	color: black;
	text-align: center;
	display: inline-block;
	margin-left: auto;	
	margin-right: auto;	
	margin-bottom: 20px;
	border-radius: 10px;
	border: 2px solid black;
	box-shadow: 5px 8px 6px 0 #878484;
}
	
button:active
{
	box-shadow: 1px 4px 6px 0 #878484;	
	transform: translateY(4px);
}

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