@charset "UTF-8";
/* CSS Document 

GREEN:	#008A30
BLUE:	#0D619E


*/

/*/////////////////////////////////////////////////////////////////////////////*/
/* HEADER FORMATTING CSS ( STARTS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/
#clearfloat {
	clear:both;
	line-height: none;
}
.body #header #top {
	background-image:url(../images/top_border.png);
	background-position:top center;
	background-repeat:no-repeat;
	height: 75px;
	width:780px;
	text-align: right;
	vertical-align:bottom;
}
.body #header #bottom {
	background-image:url(../images/top_border.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	height: 50px;
	width:780px;
	text-align: left;
	vertical-align:bottom;
}
#navi_01 {
	margin-top:0; /**Changed from 45px to accomodate for phone number in header. See in-line CSS if you edit it!**/
}

#navi_01 td {
	text-align: center;
}

#navi_02 {
	padding:5px 0 0 0;
	margin-left:282px;
}

#navi_02 td {
	width: 125px;
	text-align: center;
}
.body #header #logo {
	position:absolute;
	float:left;
	margin-left: 30px;
	margin-top: 13px;
	display:block;
}
.body #header #tagline {
	position:absolute;
	background-image:url(../images/top_tagline.png);
	background-repeat:no-repeat;
	background-position: left;
	width:240px;
	height:39px;
	float:left;
	margin-left: 300px;
	margin-top: 20px;
}
#header {
	position:relative;
	font:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:bottom;
	margin: 0px;
	padding: 0px;
}
/*/////////////////////////////////////////////////////////////////////////////*/
/* HEADER FORMATTING CSS ( ENDS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////*/
/* HEADER LINK CSS ( STARTS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/
#header #top a:link, #header #top a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	font-weight:bolder;
	filter: "alpha(opacity=100)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity = 100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	zoom:1;
	color:#FFFFFF;
}
#header #bottom a:link, #header #bottom a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	font-weight:bolder;
	color:#FFFFFF;
}
#header #bottom a:hover {
	filter: "alpha(opacity=60)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity = 60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	zoom:1;
	color:#FFFFFF;
}
#header #top a:hover {
	filter: "alpha(opacity=60)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity = 60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	zoom:1;
	color:#FFFFFF;
}
/*/////////////////////////////////////////////////////////////////////////////*/
/* HEADER LINK CSS ( ENDS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////*/
/* BODY CONTENT FORMATTING CSS ( STARTS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/

a:link, a:visited, a:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#008A30;
	text-decoration:none;
	font-weight:bolder;
}
a:hover {
	color:#7fC497;
}
html {
	overflow-y:scroll;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(../images/top_border.png);
	background-position:top center;
	background-repeat:repeat-x;
}
.body #container {
	padding-top:0px;
	width: 780px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.body #footer #container {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:none;
	background-position:bottom right;
	background-repeat:no-repeat;
}
.body #container {
	background-image:url(../images/bottom_graphic.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}

.body #main_content {
	padding-top:20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-bottom: 20px;
	min-height: 300px;
	max-width:900px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

img {
	border: 0px;
}


/*/////////////////////////////////////////////////////////////////////////////*/
/* BODY CONTENT FORMATTING CSS ( ENDS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////*/
/* FOOTER FORMATTING CSS ( STARTS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/
.body #footer {
	clear:both;
	margin: 10px 0;
	padding: 20px 0;
	background-image:url(../images/bottom_border.png);
	background-position:top center;
	background-repeat:repeat-x;
}
#navi_03 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	margin-right: 15px;
	margin-bottom: 10px;
}
#footer #navi_03 a:link, #footer #navi_03 a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
	font-weight:bolder;
}
#footer #navi_03 a:hover {
	color:#0d619e;
}
/*/////////////////////////////////////////////////////////////////////////////*/
/* FOOTER FORMATTING CSS ( ENDS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////*/
/* HEADERs FORMATTING CSS ( STARTS Here ) */
/*/////////////////////////////////////////////////////////////////////////////*/
h1, h2, h3 {
	color:#0d619e;
	margin: 0px;
	margin-bottom:2px;
	margin-top:10px;
}
h4 {
	color:#000000;
	margin: 0px;
	margin-bottom:2px;
	margin-top:10px;
}
h2 {
	color:#0b9444;
	margin: 0px;
	margin-left:20px;
	margin-bottom:2px;
	margin-top:10px;
}
p {
	font-size:14px;
	margin:0px;
	margin-bottom:5px;
}
ul, ol {
	font-size:14px;
}


/***New CSS Added 10/9***/

.beforeandafter {
width: 65%;
margin: 0;
padding: 0;
float: left;
}

.beforeandafter img {
max-width: 216px;
border: groove medium #B7DBB7;
margin-bottom: 5px;
}
.before {
float: left;
padding: 5px 0;
margin-right: 25px;
}

.before img, .after img {max-width: 216px;}


.after{
float: left;
padding: 5px 0;
}

p.imagecaption {
font-family: verdana;
font-weight: bold;
color: #1D4B1D;
}