body { background-color: #8B598C; margin: 0px;}

#bg_lilac { background-image: url('images/lilacs_sm.jpg'); background-size: cover; height: 140px; }
#logo_panel { position: relative; height: 180px; margin-top: 24px; }
.birthstone-regular { font-family: "Birthstone", cursive; font-weight: 400; font-style: normal; font-size: 46px; padding: 30px 0px 0px 0px; text-shadow: 0px 0px 8px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 18px #FFFFFF, 0px 0px 17px #8B598C, 0px 0px 17px #ffffff, 0px 0px 17px #FFFFFF; }
#navcell { margin-top: -23px; }
#shadow { background:url('images/top_shade.jpg'); background-repeat: repeat-x; height: 32px;} 
#about_inner { margin-top: 32px; padding:16px; border: 2px solid #333333; border-radius: 6px; background: #EDFBFF; }

.engaged { padding: 4px; }
.photo_pad { padding: 4px; }

.tc { color: #669966; background-image: url('images/bg_gradient.jpg'); background-repeat: repeat-x;
	border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; 
	padding: 0px 0px 0px 0px; }

.nav { color: #FFFFFF; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif;
	border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; 
	padding: 0px 0px 0px 0px; }
.nav a:link { color: #4D0039; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif;
	border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; 
	padding: 0px 0px 0px 0px; }
.nav a:visited { color: #8B59C; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif;
	border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; 
	padding: 0px 0px 0px 0px; }
.nav a:hover { color: #FFCC00; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif;
	border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; 
	padding: 0px 0px 0px 0px; }
.nav a:active { color: #FFCC00; font-weight: bold; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif;
	border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; 
	padding: 0px 0px 0px 0px; }

.char10 { color: #000000; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10b { color: #000000; font-weight: bold; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10w { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10g { color: #999999; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10r { color: #FF0000; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10wb { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10wb a:link { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10wb a:hover { color: #FFCC00; font-weight: bold; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }


.char10 a:link { color: #882345; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10 a:hover { color: #CCCCCC; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10g a:link { color: #882345; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10g a:hover { color: #FFFFCC; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char10g a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Trebuchet MS, Verdana, sans-serif; }

.char12 { color: #000000; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12b { color: #000000; font-weight: bold; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12w { color: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12wb { color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12r { color: #FF0000; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12wb { color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12 a:link { color: #882345; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12 a:hover { color: #CCCCCC; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }

.char12b a:link { color: #882345; text-decoration:none; font-weight: bold; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12b a:hover { color: #666666; text-decoration:none; font-weight: bold; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12b a:visited { color: #999999; text-decoration:none; font-weight: bold; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }

.char12g a:link { color: #882345; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12g a:hover { color: #FFFFFF; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char12g a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Trebuchet MS, Verdana, sans-serif; }

.char14b { color: #000000; font-weight: bold; font-size: 14px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char14b a:link { color: #882345; font-weight: bold; font-size: 14px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char14b a:hover { color: #666666; font-weight: bold; font-size: 14px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char14b a:visited { color: #999999; font-weight: bold; font-size: 14px; font-family: Trebuchet MS, Verdana, sans-serif; }
.char14over16 { color: #000000; font-weight: bold; font-size: 14px; line-height: 16px;font-family: Trebuchet MS, Verdana, sans-serif; }
.char14over16wb { color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 16px;font-family: Trebuchet MS, Verdana, sans-serif; }

.char20w { color: #FFFFFF; font-weight: bold; font-size: 20px; line-height: 24px;font-family: Trebuchet MS, Verdana, sans-serif; }
.char28 { color: #000000; font-weight: 600; font-size: 28px; line-height: 30px;font-family: Trebuchet MS, Verdana, sans-serif; }
.char18 { color: #000000; font-weight: 400; font-size: 18px; line-height: 22px;font-family: Trebuchet MS, Verdana, sans-serif; }

.char14w { color: #FFFFFF; font-weight: 400; font-size: 14px; line-height: 16px;font-family: Trebuchet MS, Verdana, sans-serif; }
.char14 { color: #FFFFFF; font-weight: 400; font-size: 14px; line-height: 16px;font-family: Trebuchet MS, Verdana, sans-serif; }


@media only screen and (min-width : 768px) {
	#bg_lilac { background-image: url('images/lilacs.jpg'); height: 200px; }
	.birthstone-regular { font-family: "Birthstone", cursive; font-weight: 400; font-style: normal; font-size: 76px; padding: 50px 0px 0px 0px; text-shadow: 0px 0px 8px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 18px #FFFFFF, 0px 0px 17px #8B598C, 0px 0px 17px #ffffff, 0px 0px 17px #FFFFFF; }
	#about_inner { margin-top: 44px;  padding:30px; border: 2px solid #333333; border-radius: 8px; background: #EDFBFF; }
	.photo_pad { padding: 3px; }
}

@media only screen and (min-width : 992px) {
	#bg_lilac { height: 240px; }
	.birthstone-regular {font-size: 100px; }
	.photo_pad { padding: 2px; }
}