@charset "utf-8";
/* CSS Document */
*  { margin:0; padding:0; outline:0; }
ul, li { list-style:none; }
a img { border:0;}
p { padding:6px 0;}
body { font-family: "Times New Roman", Times, serif; font-size:15px; font-smooth: always; background: #869dbb url(images/body_bg_rpt_x.jpg) repeat-x left top; line-height: 15px; }
.clr { height:0; font-size:0; line-height: 0;  clear:both;  }

.med { font-size: 15px; }
.large { font-size: 18px; line-height: 20px; }

#bgWrap1 { background:url(images/index_cols_bg_rpt_y.png) repeat-y; width:1074px; margin:0 auto; }
#bgWrap2 { background: url(images/index_sidebars.jpg) no-repeat right top; }
#wrap { background: url(images/index_sidebars.jpg) no-repeat left top; padding: 0 27px; }
#header { background: url(images/index_header_bg.png) repeat-x; height: 151px; }
#mainLogo { background: url(images/index_logo.png); height: 114px; width: 471px; display: block; text-indent: -4000px; }
#mainNav { background: url(images/index_top_nav_bg.png); height: 37px; }
#mainNav ul { display: block; /*padding: 0 0 0 94px;*/ }
#mainNav ul li { display: block; float: left; }
#mainNav ul li a { display: block; float: left; white-space: nowrap; color: #273d59; text-decoration: none; background:url(images/main_nav_sep.png) no-repeat right 9px; height: 31px; line-height: 31px; font-size: 16px; padding: 0px 6px 0 6px; overflow: hidden; font-family: "Times New Roman", Times, serif; }
#mainNav ul li a:hover { text-decoration: underline; } 
#mainNav ul li.last a  { background-image: none; }
#mainBanner { height: 350px; width: 1020px; overflow: hidden; }
#mainContent { background: url(images/index_content_rpt_y.png) repeat-y; color: #fff; }
#mainContent .bg { background: url(images/index_content_bg_top.jpg) no-repeat left top; padding-top: 17px; }
#mainLeft { float: left; padding: 100px 0 0 77px; width: 393px; text-align: center; font-size: 12px; color: #fff; letter-spacing: 1px; line-height: 18px; }
#mainLeft p { display: block; }
#mainLeft .large .more { color: #FFF; font-size: 12px; font-family: "myriad Pro", Verdana, Geneva, sans-serif; position: relative; top: -6px; text-decoration: underline; }
#mainContent a { color: #FFF; text-decoration: none; }
#mainContent .mapp-overlay-directions a { color:#FF1111; text-decoration: none; }
#mainContent a:hover { text-decoration: underline; }
#mainLeft .large .more:hover { text-decoration: none; }
#mainRight { width: 453px; padding: 36px 47px 26px 47px; float: left; font-size: 12px; letter-spacing: 1px; }
#mainRight ul { display: block; padding-left: 36px; padding: 6px 0 6px 36px; }
#mainRight ul li { display: block; background: url(images/white_bullet.png) no-repeat left 5px;padding:0 10px; }
#mainFooter { background: url(images/index_footer_rpt_x.png); height: 50px; font-size: 10px; text-align: center; font-family: Tahoma, Geneva, sans-serif; color: #384657; line-height: 32px; }
#wrap .inner .bg { padding: 0px; background: url(images/index_content_bg_top.jpg) no-repeat left -17px; }
#mainLeft p .phone { margin: 3px 0 0 0; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */