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


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;font-family: Arial, Helvetica, sans-serif; text-align: left; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}



body { font-family:verdana; text-align: center; color: #444444; font-size: 12px; background: url(../siteImages/bg.jpg) top left repeat scroll #fff; padding: 20px 0px 40px 0px; }


/* Re-set the default styling for Lists /**/ 
ul, ol {margin: 5px 5px 15px 5px;}
li { margin: 3px 0px 0px 20px; }

/* all unordered list to have same styling /**/
ul { list-style: none; }
ul li { list-style: none; background-image: url(../siteImages/li_arrow.gif); background-position: 0px 5px; background-repeat: no-repeat; padding: 0px 0px 5px 15px; margin: 0px; }

dl { margin: 0px 10px 0px 10px; padding: 10px 0px; }
dl dt { margin: 0px 10px; font-weight: bold; }
dl dd { margin: 0px 10px; padding-bottom: 10px; }

blockquote { padding: 10px; margin: 20px; }
blockquote.quote { background: #efefef; border: 1px solid #ddd; }

/* Hide content /**/
.DN { display: none; }

/* Only show content to screen readers /**/
.wai { display: block !important; width: 1px !important; height: 1px !important; visibility: hidden !important; }

/* Clearfix /**/
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cf { display: inline-block; }
/* Hide from IE Mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End Hide */

/* Fix IE Cursor Bug /**/
a * { cursor: pointer; }

/* Set the border to zero on all images which are inside a link /**/
a img { border: 0px none; }

/* These styles are so tables go to 100% width when you need em /**/
div.tableContainer { width:100%; } 
.w100pc {width:100%} 

.tar { text-align: right; }

p { padding-bottom: 20px; line-height:1.3em; }
p.quote { text-align: right; }
p.documentNote { border: 1px solid #ddd; background: #eee; padding: 10px 5px; font-style: italic; }

a { outline: none !important; }
a:link, 
a:visited { color: #0b638a; text-decoration: none; }

a:active, 
a:hover, 
a:focus { text-decoration: underline; }

a.viewAll:link, 
a.viewAll:visited { color: #FF6600; font-weight: bold; }

.float { float: left; width: auto; }

h1, 
h1 a, 
h1 span { font-weight: bold; }
div.leftContent_O h1, 
div.communityContent_O h1, 
div.sponsorsContent_O h1 { padding: 0px 0px 10px 0px; color: #00A2DF; }
h2, 
h2 a, 
h2 span { font-weight: bold; }
h3{ font-weight: bold; } 
h3,
h3 a, 
h3 span { font-weight: bold; }
h4, 
h4 a, 
h4 span { font-weight: bold; }


h1, 
h2, 
h3, 
h4 { text-align: left; }

h1.brandFont { font-size: 35px; padding: 0px; margin: 0px; }
h2.brandFont { font-size: 25px; padding: 0px; margin: 0px; }
h3.brandFont { padding: 0px; margin: 0px; }


div.flashHeadingContainer_O { padding: 0px 0px 20px 0px; }
div.flashHeadingContainer { margin: 0px; padding: 0px; padding: 5px 0px 0px 0px; }

h3.brandFont {
	font-size: 24px;
}

div.flashHeadingContainer h3 a { color: #fff; }



  
/* ### Structural CSS  ### */

div.container { width: 800px; margin: 0px auto; background: #fff; position: relative; }


div.head { position: relative; padding: 0px; height: 250px; width: 800px; overflow: hidden; background: url(../siteImages/eh3.jpg) center no-repeat; } /* background: url(/i/headBG.jpg) center no-repeat; height: 250px; */
div.head div.heroImageRotator { position: absolute; top: 0px; left: 0px; z-index: 1; }

div.head div.transparentBG { position: absolute; top: 25px; left: 25px; width: 750px; height: 200px; background: #000; opacity: .5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
z-index: 10; }

div.head h1 { position: absolute; top: 35px; left: 35px; z-index: 20; width: 275px; }
div.head h1 a { color: #fff; text-decoration: none; }

div.head div.mainNavContainer { position: absolute; top: 35px; left: 335px; z-index: 20; }
/* ###### START NAVSTYLES ###### */
div.topNav_O { position: absolute; margin-top: -75px; padding-left: 30px; z-index: 20; }

div.topNav_O div.topNav_I { padding: 0px; }

div.topNav_O ul li a {display:block; padding: 0px 0px; text-decoration:none; color:#999; font-weight: bold; font-size: 16px; background: #363636 !important; }

div.topNav_O ul li a span.navText { display: inline-block; font-size: 16px; font-weight:bold; color:#ffffff; padding: 20px 20px 5px 20px !important; } /* orange text */
div.topNav_O ul li a:hover span.navText { text-decoration: none; color: #999; } /* red text */
div.topNav_O ul li.active { }
div.topNav_O ul li.active a { display:block; text-decoration:none; padding: 0px; color:#bd1a34; }
div.topNav_O ul li.active a span.navText {  color:#999; }
div.topNav_O ul li.active a:hover span.navText { text-decoration: none; }

div.topNav_O ul li.active li a { display:block; text-decoration:none; padding: 0px; color:#bd1a34; background: none; padding-left: 11px; }

div.topNav_O ul li.active li.active a span.navText { display:block; text-decoration:none; padding: 0px; color:#999; background: none; padding-left: 11px; }

div.topNav_O ul li li a span.navText { display: inline-block; font-size: 14px; font-weight:bold; margin: 0px 0px 0px 10px; color:#f56909; padding: 10px 25px 10px 0px !important; }
div.topNav_O ul li.active li a span.navText { background: none; color: #ffffff; }


div.topNav_O ul ul li a { background: #f56909; background-image: none !important; } 
div.topNav_O ul ul li a span.navText { color: #ffffff; }
div.topNav_O ul ul li a:hover span.navText { color: #999; }
div.topNav_O ul li.active a span { font-weight: bold; color: #ffffff; }


/*** ESSENTIAL STYLES ***/
.businessPagesNav, .businessPagesNav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.businessPagesNav {
	line-height:	1.0;
}
.businessPagesNav ul {
	position:		absolute;
	top:			-999em;
	width:			180px; /* left offset of submenus need to match (see below) */
}
.businessPagesNav ul li {
	width:			100%;
}
.businessPagesNav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.businessPagesNav li {
	float:			left;
	position:		relative;
}
.businessPagesNav a {
	display:		block;
	position:		relative;
}
.businessPagesNav li:hover ul,
.businessPagesNav li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		99;
}
ul.businessPagesNav li:hover li ul,
ul.businessPagesNav li.sfHover li ul {
	top:			-999em;
}
ul.businessPagesNav li li:hover ul,
ul.businessPagesNav li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.businessPagesNav li.sfRight li.sfHover ul {
	left:			-180px; /* match ul width */
	top:			0;
}
ul.businessPagesNav li li:hover li ul,
ul.businessPagesNav li li.sfHover li ul {
	top:			-999em;
}
ul.businessPagesNav li li li:hover ul,
ul.businessPagesNav li li li.sfHover ul {
	left:			180px; /* match ul width */
	top:			0;
}
ul.businessPagesNav li.sfRight li li.sfHover ul {
	left:			-180px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.businessPagesNav { }
.businessPagesNav a {
	text-decoration:none;
}
.businessPagesNav a, .businessPagesNav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.businessPagesNav li {
	background-image: none;
}
.businessPagesNav li li {
	background: url(../siteImages/subNavBG.jpg) top left repeat #d84943;
	border-bottom: 1px solid #fff;
}
.businessPagesNav li li li {
	background:	url(../siteImages/subNavBG.jpg) top left repeat #d84943;
	border-bottom: 1px solid #fff;
}
.businessPagesNav li:hover, .businessPagesNav li.sfHover,
.businessPagesNav a:focus, .businessPagesNav a:hover, .businessPagesNav a:active {
	
	outline:		0;
}

/*** arrows **/
.businessPagesNav a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			0px;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/content/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			22px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.businessPagesNav ul .sf-sub-indicator { background-position:  -10px 9px; }
.businessPagesNav ul a > .sf-sub-indicator { background-position:  0 9px; }
/* apply hovers to modern browsers */
.businessPagesNav ul a:focus > .sf-sub-indicator,
.businessPagesNav ul a:hover > .sf-sub-indicator,
.businessPagesNav ul a:active > .sf-sub-indicator,
.businessPagesNav ul li:hover > a > .sf-sub-indicator,
.businessPagesNav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 9px; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul { }
.sf-shadow ul.sf-shadow-off { }

/* ###### END NAVSTYLES ###### */



div.body_O { position: relative; z-index: 1;
background: url(../siteImages/body_O_BG.gif) top left repeat-x transparent !important; padding: 14px 0px 0px 0px !important;
border-right: 5px solid #363636 !important;
border-left: 5px solid #363636 !important;
border-bottom: 5px solid #363636 !important; }

div.body_O div.body_I { background: #fff url(../siteImages/body_I_BG.gif) center top repeat-y !important; padding: 30px 30px 15px 30px !important; margin: 0px !important;  }

div.siblingNav_O {  }
div.siblingNav_O div.siblingNav_I {  }
div.siblingNav_O ul {  }
div.siblingNav_O ul li { float: left; background-image: none !important; }
div.siblingNav_O ul li a { display: inline-block; padding: 5px 10px; }
div.siblingNav_O ul li.active a span { font-weight: bold; }

/* -- Search Results Google Map -- */
div.body_O div#googlemap_O { padding: 0px 0px 20px 0px; }
div.body_O div#googlemap_O div#googlemap_I { margin: 0 auto; width: 700px; height: 500px; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


div.flashHero_O { padding: 0px 0px 30px 0px; text-align: center; }


div.clientSiteContainer_O { width: 820px; padding: 10px 0px 0px 0px; margin: 0px auto; }

div.clientSiteContainer_O div.clientSite_O { float: left; width: 270px; padding: 10px 0px 0px 0px; }
div.clientSiteContainer_O div.clientSite_O div.clientSite_I { width: 240px; margin: 0px auto 20px auto; }

div.clientSiteContainer_O div.clientSite_O div.clientSite_I h4 { padding: 0px 0px 5px 0px; }





div#mainContent_O { }

div.twoColLayout div#mainContent_O { width: 675px; float: left; }

div#mainContent_I { padding: 15px 0px 10px 0px; }

div#supplementaryContent_O { width: 230px; float: right; }
div#supplementaryContent_O div#supplementaryContent_I { padding: 15px 0px 10px 0px; }
div#supplementaryContent_O ul { }
div#supplementaryContent_O ul li { padding-bottom: 6px; }



div#content_O, 
div#content { padding: 10px 0px 25px 0px; }

div#content_O div#content { float: left; width: 420px; }


div.pageImages { padding: 20px; }
div.pageImages div.pageImage_O { float: left; width: 290px; height: 240px; }
div.pageImages div.pageImage_O div.pageImage_I { width: 240px; margin: 0px auto; text-align: center; }
div.pageImages div.pageImage_O div.pageImage_I img { display: block; margin: 0px auto; text-align: center; }
div.pageImages div.pageImage_O div.pageImage_I p { text-align: center; padding: 10px 10px 0px 10px; }



div#contactModuleContainer { float: right; width: 270px; padding: 5px 0px; border: 1px solid #ddd; background: #f5f5f5; text-align: right; }
div#contactModuleMargin { margin: 0px 5px 0px 5px; border: 1px solid #ddd; background: #fff; }
div#contactModuleContent { margin: 0px 5px 0px 5px; }





div#footer { padding: 10px 0px 30px 0px; margin-top: 20px;  }

div#footer * { color: #444; margin: 0px; padding: 0px;  }

div#footer a:active, 
div#footer a:focus, 
div#footer a:hover { text-decoration: none; }

div#footerCopyright { float: left; width: 340px; margin-left: 5px; }
div#footerLinks { float: right; width: 360px; text-align: right; margin-right: 5px; }
div#footerCopyright div { font-size: 0.9em; }
div#footerLinks div { text-align: right; font-size: 0.9em; }

 div.footerContent p { text-align: center; font-size: 10px; }