html,body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 1366px;
	height: 768px;
	width:100%;
	height:100%;
}

	




#MotherWrapper
{
	width:100%;height:100%;float: left;
	background: url("Images/OurChurch.jpg");
	background-size: contain;
	background-position:center 0%;
	background-repeat: no-repeat;
} 
	#Chlid1Top
	{width: 100%;height:20%;float: left;overflow: hidden;} 
		#Sib1A
		{
			width: 20%;height:100%;background-color: lime;float: left;border-radius:1.00em;
			
			background:  linear-gradient(90deg, #ffffff,#b0e0e6,#b0e0e6,#ffffff);
		}
				#HBCLogoCase{width: 90%;height:90%;float: left;margin-top:2.5%;margin-left:5%;}
				#HBCLogoTwo{width: 0%;height:0%;float: left;background-color: cyan;}
				#HBCLogoOne
				{
					border-radius:1.00em;margin-left:25%;width: 50%;height:100%;float: left;
					background:  linear-gradient(90deg, #b0e0e6,#ffffff,#ffffff,#b0e0e6);
				}
				
			

		#Sib1B
		{width: 60%;height:100%;float: left;}

#PrimeHeading
{
	width:80%;
	height:60%;
	border-radius: 0.25em;
	border:1px solid #000000;
	box-shadow: 3px 3px 2px black;
	background:  linear-gradient(90deg, #87ceeb,#add8e6,#87cefa);
	float:left;
	font-size: 1.00em;
	margin-top: 1%;
	margin-left: 10%;
	overflow: hidden;
}

#ChurchNamedId
{
	width:60%;
	height:95%;
	float:left;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	font-size: 1.00em;
}
#authorizer
{
	width:20%;
	height:95%;
	float:left;
	overflow: hidden;
	font-size: 0.375em;
	color:#add8e6;
}
#CurrentUser
{
	width:20%;
	height:95%;
	float:left;
	overflow: hidden;
	font-size: 0.375em;
	color: #add8e6;
}
		#MenuButtons
		{
			width: 100%;
			height:30%;
			float: left;
		}
		#MenuButOne
		{overflow: hidden;border:0px solid #000000;width: 16.6%;height:80%;float: left;border-radius: 0.75em;text-align: center;font-weight:bold;}
		#MenuButTwo
		{overflow: hidden;border:0px solid #000000;width: 16.6%;height:80%;float: left;border-radius: 0.75em;text-align: center;font-weight:bold;}
		#MenuButThree
		{overflow: hidden;border:0px solid #000000;width: 16.6%;height:80%;float: left;border-radius: 0.75em;text-align: center;font-weight:bold;}
		#MenuButFour
		{overflow: hidden;border:0px solid #000000;width: 16.6%;height:80%;float: left;border-radius: 0.75em;text-align: center;font-weight:bold;}
		#MenuButFive
		{overflow: hidden;border:0px solid #000000;width: 16.6%;height:80%;float: left;border-radius: 0.75em;text-align: center;font-weight:bold;}
		#MenuButSix
		{overflow: hidden;border:0px solid #000000;width: 16.6%;height:80%;float: left;border-radius: 0.75em;text-align: center;font-weight:bold;}

.innerMenuText
{
	border:1px solid grey;
	border-radius:0.875em;
	display:block;
	width:90%;
	height:90%;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
	background-color:#f0e680;

}

.innerMenuText button
{
	
	width:100%;
	height:100%;
	font-size: 1em;
	background-color:#b0e0e6;

}
		#MsgOfDday
		{
			width: 100%;height:20%;background-color: yellow;float: left;border: 1px solid cyan;
			border-radius:0.75em;
			overflow: hidden;
		}
#QuickMessage
{
	width:100%;
	height:100%;
	border:0px solid cyan;
	box-shadow: 2px 2px 2px grey;
	text-align: center;
	border-radius:0.5em;
	background-color: #ffffff;
	float: left;
	font-size: 0.75em;
}


		#Sib1C
		{width: 20%;height:100%;float: left;}
	#Child2Middle
	{width: 100%;height:70%;float: left;overflow: hidden;} 
		#Sib2A
		{width: 20%;height:100%;float: left;}


#divineTitle
{
	float:left;
	font-size: 1.125vw;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	float:left;
	margin-left:5%;
	width:90%;
	border:2px solid blue;
	border-top-left-radius: 0.75em;
	border-top-right-radius: 0.75em;
	overflow: hidden;

}

#DivineInfo
{
	width:90%;
	float:left;
	margin-left:5%;
	border:2px solid white;
	border-bottom-left-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
	font-size: 1.125vw;
	background: transparent linear-gradient(135deg, #b0e0e6,#67ceeb,#add8e6);
	box-shadow: 2px 2px 2px #0000ff;
	overflow: hidden;
}
#DivineInfo ul
{
	
	
	background: transparent linear-gradient(135deg, #00bfff, #b0e0e6, #87ceeb)
	margin: 0;
	padding: 0;
	
}
#DivineInfo ul  li
{
	border-radius: 0.5em;
	background: transparent linear-gradient(45deg, #00bfff,#87ceeb,#4682b4);
	border:2px solid #4169e1;
	box-shadow: 2px 2px 2px #fffff0;
	list-style: none;
	width:80%;
	margin-left: 10%;
	margin-top:1.75%;
	padding:1.25%;


}
		
		#Sib2B
		{width: 60%;height:100%;
			
			float: left;} 
		#OurMissonWrapped
		{
			width: 80%;height:90%;float: left;
			margin-left: 10%;
			border-radius: 1.25em;

		} 
 .eachStatement
{
	clear: both;
	width:99%;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 2px 2px 2px #4682b4;
	border-radius: 1.25em;
	/*border:1px solid #b0e0e6;*/
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	overflow: hidden;
}
#OurMisson .threeEs
{

	font-weight: bold;
	color:#000000;
	border-radius: 1.25em;
	font-size: 1.50vw;
	background: transparent linear-gradient(45deg, #b0e0e6,#fffff0,#add8e6);
	text-shadow:1px 1px #ffff00;
	padding-left: 1em;
	padding-right: 1em;
}		
#missonStatement
{
	font-family: "copperplate gothic";
	font-size: 2.25vw;
	font-size: 2.50vw;
	font-weight: bold;
	/*background: transparent linear-gradient(45deg, #add8e6,#fffff0,#add8e6);*/
	background: rgba(246, 237, 237, 0) linear-gradient(45deg, rgba(158, 158, 158, 0.1), #FFFFF0, rgba(50, 59, 62, 0.4)) repeat scroll 0% 0%;
	text-shadow:2px 2px #000000;
	border-radius: 1.5em;
	width: 80%;
	margin-left:10%;
	color: gold;
	text-align: center;
	/*border:2px solid red;*/
	padding: 5px;
}
#OurMisson .missionInfo
{
	font-size: 1.25vw;
	font-weight: normal;
	color:#000000;
	text-shadow:1px 0px 2px #ffffff, 0px 1px 1px #ffffff;

	padding: 1em;
	overflow: hidden;
	

}
#OurMisson
{
	border-radius: 1.5em;
}
 .missionInfo
 {
 	font-size: 1.25vw;
	font-weight: normal;
	color:#000000;
	text-shadow:1px 1px #ffff00;
	padding: 0.5em;
	overflow: hidden;
 }
 .BibleRef
{
	font-style: italic;
	font-weight: bold;
	text-shadow:1px 1px #00bfff;
	display:inline-block;
}




#Sib2B		
{overflow: hidden;}

		
		#Sib2C
		{width: 20%;height:100%;float: left;}
		

						
#weekdayTitle
{
	float:left;
	font-size: 1.125vw;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	float:left;
	margin-left:5%;
	width:90%;
	border:2px solid blue;
	border-top-left-radius: 0.75em;
	border-top-right-radius: 0.75em;
	overflow: hidden;

}

#weekdayInfo
{
	width:90%;
	float:left;
	margin-left:5%;
	border:2px solid white;
	border-bottom-left-radius: 0.75em;
	border-bottom-right-radius: 0.75em;
	font-size: 1.125vw;
	background: transparent linear-gradient(135deg, #b0e0e6,#67ceeb,#add8e6);
	box-shadow: 2px 2px 2px #0000ff;
	overflow: hidden;
}
#weekdayInfo ul
{
	
	
	background: transparent linear-gradient(135deg, #00bfff, #b0e0e6, #87ceeb)
	margin: 0;
	padding: 0;
	
}
#weekdayInfo ul  li
{
	border-radius: 0.5em;
	background: transparent linear-gradient(45deg, #00bfff,#87ceeb,#4682b4);
	border:2px solid #4169e1;
	box-shadow: 2px 2px 2px #fffff0;
	list-style: none;
	width:80%;
	margin-left: 10%;
	margin-top:1.75%;
	padding:1.25%;


}
	#Child3Bottom
	{width: 100%;height:10%;float: left;overflow: hidden;} 
		#Sib3A
		{width: 20%;height:100%;float: left;}
		#Sib3B
		{width: 60%;height:100%;float: left;
			border-bottom-right-radius:0.875em;
			border-bottom-left-radius:0.875em;
			overflow: hidden;}
		#Sib3C
		{width: 20%;height:100%;float: left;}



	.xMainButton {
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	/*background-color:#7892c2;*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	/*font-size:19px;*/
	/*padding:12px 37px;*/
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.xMainButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	/*background-color:#476e9e;*/
}
.xMainButton:active {
	position:relative;
	top:1px;
}
#HBCnamed
{
	width: 99%;height:40%;float: left;
	text-align: center;font-weight:bold;
	border-radius: 0.25em;
	
	box-sizing:border-box;
	overflow: hidden;
}



@media(max-width:1990px)
{
	#HBCnamed{font-size: 2.00em;}
}
@media(max-width:1690px)
{
	#HBCnamed{font-size: 1.875em;}
}
@media(max-width:1280px)
{
	#HBCnamed{font-size: 1.75em;}
}
@media(max-width:980px)
{
	#HBCnamed{font-size: 1.50em;}
}
@media(max-width:736px)
{
	#HBCnamed{font-size: 1.25em;}
}
@media(max-width:480px)
{
	#HBCnamed{font-size: 1.125em;}
}