html, body{padding:0px; margin:0px;} 
body *{margin:0; padding:0;} 
table {width:100%} 
html, body, normal, table, p{color:000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:normal; font-variant:normal; font-weight:normal; text-align:left; font-decoration:none;}
p {padding-bottom:10px;}
.content { margin-left:5px; margin-right:5px; padding-bottom:10px;}

.pict{width:100px; vertical-align:top; }

.mainH1 {font-weight:bold; color:#643495; font-size:20px; text-shadow: #999 3px 3px 3px; padding-top:5px; padding-bottom:5px;}
.mainH2 {font-weight:bold; color:#333; font-size:16px;}
.mainH3 {font-weight:bold; color:#333;}

/* MObile Styles */
.mobileHeaderOuter{
	position: sticky; top: 0px; 
	background-color: white;
	height: 85px;
}

.mobileHeader{
	overflow:hidden;
	width: 100vw;
	background:url(/images/mobileBackground.png) no-repeat 0 0;
	background-size: 100% 85px;
}
.mobileLogo{
	z-index: 1;
	position: relative;
	float: left;
	height: 85px; 
	width: 312px; 
	background:url(/images/mobileWedding.png) no-repeat 0 0;
	background-size: 100% 100%;	
	cursor:pointer;
}
.mobileLogoText{
	z-index: 2;
	position: relative; 
	float: left;
	width: 260px;
	height: 80px;
	background:url(/images/wedding.png) no-repeat 0 0;
	background-size: 100% 100%;	
}
.mobileMenuButton{
	z-index: 3;
	position:relative; 
	float: right;
	height: 32px; 
	width: 32px;
	background:url(/images/mobileMenu.png) no-repeat 0 0;	
	margin-top: 45px;
	margin-right: 15px;
	cursor:pointer;
}

.mobileMenuItems{
	display: none;	
	z-index: 10;
}
.mobileMenuItems a {
	background-color: #CCC; 
	color: black; 
	font-weight:800; 
	padding: 10px 12px; 
	text-decoration: none; 
	font-size: 1.2em; 
	text-align: center;
	display: block;
}
.mobileMenuItems a:hover {
	background-color: #673f93; 
	color: #fff; 
	border: thin solid #333;
}