BODY, TD, .NormalText {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: normal;

	font-style: normal;

	line-height: 16px;

	color: #575757;

}

.social { padding-left:10px}

.GreenTitle {

	font-family: Arial Narrow, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	color: #00883F;

}



.PurpleHeader {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #4A1378;

}



.BlackSubheader {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #000000;

}



.ItalicSubheader {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #4A1378;

	font-style: italic;

}



.SmallText { font-size: 10px; }



.Purple { color: #4A1378; }

.Green	{ color: #00883F; }

.Black  { color: #000000; }

.Gray   { color: #575757; }



* .Text {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 16px;

	color: #575757;

}



* .Heading1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	color: #4A1378;

}



* .bullet { list-style-image: url(images/bullet.gif); }



* .Heading2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #000000;

}



* .Heading3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #4A1378;

	font-style: italic;

}



.Footer {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #999999;

}



*.callout {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	line-height: 12px;

}



* .TextCallout {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

}

a#mag:link {
	color: #fff;
	text-decoration: underline;
	}

a#mag:visited {
	color: #fff;
	text-decoration: underline;
	}

a#mag:hover {
	color: #F00;
	text-decoration: none;
	}

a#mag:active {
	color: #F00;
	text-decoration: none;
	}
	
/* jQuery Cycle Before and After */
#before-after-container {
	width: 380px;
	line-height: 18px;
	margin: 0 0 18px 0;
	padding: 10px 0 10px 10px;
	background-color: #FFE756; /* 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 */
	}
#before-after-container ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;
	width: 380px;
	overflow: hidden;
	}
ul#before-after-cycle li img {
	width: 177px;
	float: left;
	margin-right: 10px;
	border: solid 1px #333; /* Customize me */
	}
#before-after-container p {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
	}
#before-after-container div.cycle-detail {
	min-height: 55px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
	clear: both;
	background-color: #fff; /* Customize me */
	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 */
	}
#before-after-container .before-after-nav {
	background: #fff; /* Customize me */
	margin: 0 10px 10px 0;
	padding: 5px 3px;
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
#before-after-container .before-after-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	outline: none;
	color: #333; /* Customize me */
	}
#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #009EC7;} /* Customize me */