body {margin:0; font: 14px/20px century gothic, verdana, helvetica, sans-serif, Arial, Helvetica  ; color: #fff; background:#73839B url(images/pageElements/bgd_page.jpg) 0 0 repeat-x; }



#shell {width:792px; margin:0 auto; position:relative; background:url(images/pageElements/bgd_shell.jpg) 0 0 repeat-y; }



#container {display:block; background:url(images/pageElements/bgd_container.jpg) 0 0 no-repeat; padding:0 24px 0 27px; min-height:586px;}



#flashheader { display:block; height:246px; width:741px;}



#callouts { position:absolute; top:246px; left:621px; width:147px;}

	#callouts img { border:0; display:block;}
	
	#callouts ul { list-style:none; margin:0; padding:0;}
	#callouts ul li { list-style:none; margin:0; padding:0;}
	#callouts ul ul { width:200px; text-indent:auto; }
	#callouts ul li:hover, #callouts ul ul{ list-style:none; margin:0; padding:0;}



#menu {float:left; padding:55px 0 0 0; width:140px;}
#more a { font-size:11px; }
#active { text-decoration:none; color:#FFF; border-bottom:none}


#pagePhoto {float:right; margin:96px 0 20px 9px;}



.placeHolder {float:right; margin:96px 0 0 0 ; height:20px; width:150px;}



.content { display:block; margin-left:193px; padding:20px 38px 5px 0; }

	.content a { color:#ffeda3; font-weight:bold; text-decoration:none; border-bottom:1px dotted #ffeda3; }

	.content a:hover {color:#f9e7ff; text-decoration:none; border-bottom:1px solid #43AFCB;}

	

	.content h1 {color:#fff; font-size:24px; line-height:24px; margin: 0 0 24px 0; }

	.content h1 em { color: #b7f3e2; font-style: normal; font-weight:normal; }

	.content h2 {color:#b7f3e2; font-size:18px; font-weight:normal; line-height:19px; margin: 20px 0 0 0; }

	.content h3 {color:#d5fff3; font-size:16px ; margin-bottom:1px; }

	.content h4 {color:#fff; font-size:14px ; margin-bottom:0px;  }

	.content h5 {display:block; background:#67c5de; color:#fff; font:bold 16px arial, verdana, Helvetica, sans-serif; margin:18px 0 3px 0;  padding:3px 0 3px 6px;}

	

	.content hr {

		-moz-background-clip:border;

		-moz-background-inline-policy:continuous;

		-moz-background-origin:padding;

		background:#FFFFFF none repeat scroll 0 0;

		color:#FFFFFF;

		height:1px;

		size:1px;

	}	

	

	

	

	

	.content p, .content ol, .content ul, .content form {margin-top:3px; margin-bottom:16px; }



.footer {width:792px; margin:0 auto 10px auto; height:48px; text-align:center; color:#c1cee1; font-size:11px; background:url(images/pageElements/footer.jpg) 0 0 no-repeat; }

	.footer a {text-decoration:none; color:#c1cee1;}

	.footer a:hover {color:#fff; text-decoration:none;}

	.footer strong { font-size:12px;}

	.copywrite, .copywrite a { color:#885e80; padding:22px 0 20px 0;}

	.copywrite a:hover { color:#43afcb;}



.clear { clear:both; height:1px;}



/* Navigation */

#menu img {border:0; cursor:pointer;}

	.menuSubs {position:absolute; left:167px; font:normal 13px Arial, Helvetica, sans-serif; color:#fff; text-align:left; z-index:100; white-space:nowrap; margin-top:-60px; }

	.menuSubs a {display:block; background:#9E96CF; border-bottom:#4e528a thin solid; width:133px; padding-left:17px; color:#fff; text-decoration:none; line-height:24px; }

	.menuSubs a:hover { background-color:#8386b3; color:#fff; text-decoration:none; }

	.subTop { background:url(images/pageElements/subTop.png) 0 0 no-repeat; width:150px; height:13px;}

	.subBottom { background:url(images/pageElements/subBottom.png) 0 0 no-repeat; width:150px; height:13px;}

/* end navigation */

/* Right Navigation */

	.RightSubs {position:absolute; right:147px; font:normal 13px Arial, Helvetica, sans-serif; color:#fff; text-align:left; z-index:100; white-space:nowrap; margin-top:-60px; }

	.RightSubs a {display:block; background:#9E96CF; border-bottom:#4e528a thin solid; width:133px; padding-left:17px; color:#fff; text-decoration:none; line-height:24px; }

	.RightSubs a:hover { background-color:#8386b3; color:#fff; text-decoration:none; }

/* end right navigation */







/* Stuff */
div.box {
	float: right;
	clear: right;
	width: 334px;
	background-color: #9c97ce; /* Customize me! */
	padding: 5px 0 5px 5px;
	margin: 0 0 20px 20px;
	border: solid 1px #333; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
}
div.box img {
	float: left;
	border: solid 1px #333; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
/* This styled div acts as the hr for most browsers */
div.hr {
	height: 0px;
	background-color: #eee; /* Customize me! */
	border: solid 1px #eee; /* Customize me! */
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 20px 0;
	padding: 0;
	clear: both;
	}
/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	background-color: #eee;
	border: solid 1px #eee;
	border-width: 1px 0 0 0;
	clear: both;
	}

#feature {margin:55px auto 20px auto ;}



.right {margin:0px 0px 8px 9px; float:right;}

.left {margin:0px 9px 8px 0px; float:left;}



.photoright {padding:3px; background:#fff; border:1px solid #4e528a; float:right; margin:1px 0px 8px 9px;}

.photoleft{padding:3px; background:#fff; border:1px solid #4e528a; float:left; margin:1px 9px 8px 0px;}

.photo {padding:3px; background:#fff; border:1px solid #4e528a;}



.featureRight {border:7px solid #92cad9; padding:3px; float:right; margin:1px 0px 8px 9px;}

.featureLeft {border:7px solid #92cad9; padding:3px; float:left; margin:1px 9px 8px 0;}

.featureCenter {border:7px solid #92cad9; padding:3px; margin:7px auto 7px auto; }



#altmenu { width:95%; margin:0 auto 20px auto; line-height:20px; font:bold 14px Arial, Helvetica, sans-serif; color:#4F5389; padding:10px; background-color:#fff; border:1px solid #4F5389; text-align:center; }

#altmenu a {color:#4F5389; text-decoration:none;  border-bottom:none;}

#altmenu a:hover {color:#7869a8; text-decoration:none;  border-bottom:none;}



#faq a {text-decoration:none; color:#e4fff7; font-weight:bold; font-size:13px; border-bottom:none;}

#faq a:hover {text-decoration:none; color:#fff;  border-bottom:none;}

#faq li a {display:block; line-height:13px; margin-bottom:8px;}

.faqAnswer {background-color:#fff; border:1px solid #4F5389; padding:8px; color:#000; margin-bottom:15px; line-height:14px; font-size:11px;}



/* form elements */

.validation-failed {  color:#333;  background-color:#FFE7E6;  border: 1px solid #f00;}

.validation-passed {  color:#333;  background-color:#D7ECD2;  border: 1px solid green;}

.validation-advice {display:inline;  padding: 2px;   color:#420002;  background-color:#FFE8E8;  border:1px solid #CC0000;}



/* problems.php */

div.box {

	float: right;

	clear: right;

	width: 334px;

	background-color: #8270ae; /* Customize me! */

	padding: 5px 0 5px 5px;

	margin: 0 0 20px 20px;

	border: solid 1px #333; /* Customize me! */

	-moz-border-radius: 5px; /* Optional - you may customize or remove */

	-webkit-border-radius: 5px;

}

div.box img {

	float: left;

	border: solid 1px #333; /* Customize me! */

	margin-right: 5px;

}

div.box p {

	float: left;

	width: 50%;

	margin: 0;

	padding: 0;

}

/* This styled div acts as the hr for most browsers */

div.hr {

	height: 0px;

	background-color: #eee; /* Customize me! */

	border: solid 1px #eee; /* Customize me! */

	border-width: 1px 0 0 0; /* Customize me! */

	margin: 20px 0;

	padding: 0;

	clear: both;

	}

/* This is the backup for screen readers */

/*hr {

	display: none;

	height: 0px;

	background-color: #eee;

	border: solid 1px #eee;

	border-width: 1px 0 0 0;

	clear: both;

	}

*/	



/* hygiene.php */

p.flash_notice {

	margin: 18px;

	padding: 9px;

	color: #ff0000;

	border: 1px dotted #ff0000;

	background: #ffffff;

	text-align: center;

	}	

	



/* emergency.php */

p.flash_notice {

	margin: 18px;

	padding: 9px;

	color: #ff0000;

	border: 1px dotted #ff0000;

	background: #ffffff;

	text-align: center;

	}	

	

ul#sesame-games {

	list-style: none;

	margin: 0 0 15px 0;

	padding: 0;}

ul#sesame-games li {

	width: 187px;

	height: 79px;

	border: 1px solid #1e3554; /* add hex color to change border color; defaults to BODY Font Color*/

	float: left;

	margin: 0 9px 9px 0;

	overflow: hidden;

	position: relative;

	background: #603329; /*add hex color to match site*/}

ul#sesame-games li p {

	font-size: 11px;

	color: #fff;

	margin: 9px;

	position: relative;}

ul#sesame-games li a {

	position: relative;

	display: block;

	overflow: hidden;

	width: 187px;

	height: 79px;}

ul#sesame-games a img {

	position: absolute;

	top: 0;

	left: 0;

	border: 0;

	width: 187px;

	display: block;}

p.flash_notice {

	margin: 18px;

	padding: 9px;

	color: #ff0000;

	border: 1px dotted #ff0000;

	background: #ffffff;

	text-align: center;

	}

.ask-form
{
	min-height:650px;
}


/* Before and After - Static */
ul.before-after-static {
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.before-after-static li {
	width: 490px;
	margin: 0 0 18px 0;
	padding: 10px 0 10px 10px;
	background-color: #786AA8; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
ul.before-after-static li img {
	width: 232px;
	height: 177px;
	float: left;
	margin-right: 10px;
	border: solid 1px #333; /* Customize me */
	}
ul.before-after-static li p {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
	}
ul.before-after-static li div.detail {
	clear: both;
	background-color: #fff; /* Customize me */
	color:#786AA8;
	padding: 10px;
	margin: 0 10px 0 0;
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}