@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 { text-align: center; color: #444444; font-size: 12px; background: #000000; padding: 0px 0px 20px 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: none !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;
}

/* this style is to see how large the font renders in the browser without sifr */
h3.brandFontMatch {
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

h3.brandFontOnBG {
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

h3.brandFontInPane {
	font-size: 30px;
	padding: 0px;
	margin: 0px;
}

h4.brandFont {
	padding: 0px;
	margin: 0px;
}

div.freeTextWrapper span.brandFontMatch {
	display: block; 
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

div.flashHeadingContainer_O { padding: 0px 0px 20px 0px; }
div.flashHeadingContainer { margin: 0px; padding: 0px; background: #C8B00B; padding: 5px 0px 0px 0px; border: 1px solid #ddd; }

h3.brandFontOnBG {
	font-size: 24px;
}

div.flashHeadingContainer h3 a { color: #fff; }

.heroImages { padding: 0; margin: 0; overflow: hidden; }
.heroImages img { top: 0; left: 0; }
.heroImages img { }

  
/* ### Structural CSS  ### */

div#C { width: 990px; margin: 0px auto; background: #fff;  }

div#BC_O { width: 950px; margin: 0px auto; padding: 0px 0px 10px 0px; }
div#BC_I { margin: 0px auto; padding: 0px; }

div.head { padding: 0px 0px 20px 0px; } /* background: url(/i/headBG.jpg) center no-repeat; height: 250px; */

div.head div.logoContainer { float: left; width: 250px; }

div.head div.topNav_O { float: right; width: 700px; padding-top: 40px; }

div.head div.topNav_O { float: right; width: 700px; padding-top: 40px; }
div.head div.topNav_O ul { padding: 0px; }
div.head div.topNav_O ul li { float: left; position: relative; padding: 0px; margin: 0px; background: none; }
div.head div.topNav_O ul li a { display: inline-block; text-decoration: none; padding: 8px 0px 8px 0px; font-weight: normal; }
div.head div.topNav_O ul li a span { margin: 0px 14px; color: #000; display: block; font-weight: normal; }
div.head div.topNav_O ul li.currentPage a, 
div.head div.topNav_O ul li.currentPage a:hover { background: #B01718;  }
div.head div.topNav_O ul li a:hover { background: #c8700b; color: #fff; }
div.head div.topNav_O ul li a:hover span { color: #fff; }
div.head div.topNav_O ul li.currentPage a span { color: #fff; font-weight: bold; }

div.head div.subNav_O { padding-top: 10px; }
div.head div.subNav_O ul.subNav { padding: 0px; }
div.head div.subNav_O ul.subNav li { float: left; position: relative; padding: 0px; margin: 0px; background: none; }
div.head div.subNav_O ul.subNav li a { display: inline-block; color: #888; text-decoration: none; padding: 2px 8px 2px 8px; font-weight: bold; }
div.head div.subNav_O ul.subNav li.currentPage a, 
div.head div.subNav_O ul.subNav li.currentPage a:hover { color: #444;  }
div.head div.subNav_O ul.subNav li a:hover { color: #444; }




div#cc {  }


div.stcContainer_O { padding: 0px 0px 30px 0px; }

div.stcContainer_O div.stc_O { width: 299px; padding: 20px 0px 0px 0px; }
div.stcContainer_O div.stc_O div.stc_I { padding: 0px 0px 20px 0px; }

div.stcContainer_O div.strategists.stc_O { float: left; background: url(../siteImages/s_top.gif) top center no-repeat #b01718; }
div.stcContainer_O div.strategists.stc_O div.stc_I { background: url(../siteImages/s_bottom.gif) bottom center no-repeat #b01718; }
div.stcContainer_O div.technologists.stc_O { float: none; margin: 0px auto; background: url(../siteImages/t_top.gif) top center no-repeat #c8700b; }
div.stcContainer_O div.technologists.stc_O div.stc_I { background: url(../siteImages/t_bottom.gif) bottom center no-repeat #c8700b; }
div.stcContainer_O div.catalysts.stc_O { float: right; background: url(../siteImages/c_top.gif) top center no-repeat #c8b00b; }
div.stcContainer_O div.catalysts.stc_O div.stc_I { background: url(../siteImages/c_bottom.gif) bottom center no-repeat #c8b00b; }

div.stcContainer_O div.stc_O div.stcContent { width: 259px; margin: 0px auto; }
div.stcContainer_O div.stc_O div.stcContent p { color: #fff; }
div.stcContainer_O div.stc_O div.stcContent p a { display: block; text-align: right; color: #fff; text-decoration: none; }
div.stcContainer_O div.stc_O div.stcContent p a:hover { text-decoration: underline; }






/* -- Search Results Google Map -- */
div.body div.contentContainer div.googlemap_O { padding: 0px 0px 20px 0px; }
div.body div.contentContainer div.googlemap_O div.googlemap_I { margin: 0 auto; width: 980px; 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.smallBusinessSiteContainer { margin: 10px 0px 0px 0px; padding: 10px 0px 10px 0px; background: #f6f6f6; border: 1px solid #bbb; }
div.smallBusinessSiteContainer div.textContainer { float: left; width: 270px; margin: 0px 0px 0px 5px; }
div.smallBusinessSiteContainer div.imageContainer { float: right; background: #fff; margin: 0px 5px 0px 0px; padding: 10px 0px; width: 450px; border: 1px solid #bbb; text-align: center !important; }

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#otherPages { padding: 10px 0px; }
div#otherPagesOC { border: 1px solid #ddd; background: #f5f5f5; padding: 10px 0px; }
div#otherPagesOC div#otherPagesIC { margin: 0px 10px; }
div#otherPagesContent li { background-image: none; }



div#footer { padding: 10px 0px 30px 0px; margin-top: 20px;  }
div#footer div#footerContent { width: 960px; margin: 0px auto;  }

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; }