/* common css components */
html, body {height:100%}
body {margin:0;padding:0;background-color: #fff; }
img {border:0px;}
#content {width:685px;border:0;margin:0;padding:0;background-color:#fff;text-align:left;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0; }
#shade {height:76px;background-image: url(../img/hexa.gif); background-position: center;background-repeat:no-repeat;}
#footer {clear:both;text-align:center;color: #abc2e3; font-size: 11px; line-height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer a:link { text-decoration: none; color: #abc2e3; }
#footer a:visited { text-decoration: none; color: #abc2e3; }
#footer a:active { text-decoration: none; color: #abc2e3; }
#footer a:hover { text-decoration: underline; color: #ef5a28; }
.default { color: #8a7967; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.default a:link { text-decoration: none; color: #3f8cc4; }
.default a:visited { text-decoration: none; color: #3f8cc4; }
.default a:active { text-decoration: none; color: #3f8cc4; }
.default a:hover { text-decoration: underline; color: #ef5a28; }
.default2 { color: #8a7967; font-size: 10px; line-height: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.default2 a:link { text-decoration: none; color: #3f8cc4; }
.default2 a:visited { text-decoration: none; color: #3f8cc4; }
.default2 a:active { text-decoration: none; color: #3f8cc4; }
.default2 a:hover { text-decoration: underline; color: #ef5a28; }
.default3 { color: #8a7967; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.default3 a:link { text-decoration: none; color: #3f8cc4; }
.default3 a:visited { text-decoration: none; color: #3f8cc4; }
.default3 a:active { text-decoration: none; color: #3f8cc4; }
.default3 a:hover { text-decoration: underline; color: #ef5a28; }
.topNav { color: #4380c0; font-weight:bold;font-size: 10px; line-height: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.topNav a:link { text-decoration: none; color: #4380c0; }
.topNav a:visited { text-decoration: none; color: #4380c0; }
.topNav a:active { text-decoration: none; color: #4380c0; }
.topNav a:hover { text-decoration: none; color: #ef5a28; }
.orange { color: #f37736; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.orange a:link { text-decoration: none; color: #f37736; }
.orange a:visited { text-decoration: none; color: #f37736; }
.orange a:active { text-decoration: none; color: #f37736; }
.orange a:hover { text-decoration: underline; color: #ef5a28; }
.red { color: #cb280d; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navText { font-weight:bold; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.sideNav_Off { color: #8a7967;font-size: 12px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.sideNav_Off a:link { text-decoration: none; color: #8a7967; }
.sideNav_Off a:visited { text-decoration: none; color: #8a7967; }
.sideNav_Off a:active { text-decoration: none; color: #8a7967; }
.sideNav_Off a:hover { text-decoration: none; color: #f47735; }
.sideNav_On { color: #f47735; font-weight:bold;font-size: 12px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.sideNav_On a:link { text-decoration: none; color: #f47735; }
.sideNav_On a:visited { text-decoration: none; color: #f47735; }
.sideNav_On a:active { text-decoration: none; color: #f47735; }
.sideNav_On a:hover { text-decoration: none; color: #f47735; }
.tertiaryNav { color: #f47735; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.tertiaryNav a:link { text-decoration: none; color: #f47735; }
.tertiaryNav a:visited { text-decoration: none; color: #f47735; }
.tertiaryNav a:active { text-decoration: none; color: #f47735; }
.tertiaryNav a:hover { text-decoration: none; color: #8a7967; }
.copyright { color: #8cabd8; font-size: 11px; line-height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.headingOrange { color: #ef5a28; font-size: 18px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.headingOrange a:link { text-decoration: none; color: #ef5a28; }
.headingOrange a:visited { text-decoration: none; color: #ef5a28; }
.headingOrange a:active { text-decoration: none; color: #ef5a28; }
.headingOrange a:hover { text-decoration: none; color: #ef5a28; }
.headingBlue { color: #0067b1; font-size: 19px; line-height: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.subheadingOrange { color: #f37736; font-size: 14px; line-height: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.subheadingOrange a:link { text-decoration: none; color: #f37736; }
.subheadingOrange a:visited { text-decoration: none; color: #f37736; }
.subheadingOrange a:active { text-decoration: none; color: #f37736; }
.subheadingOrange a:hover { text-decoration: none; color: #c5390a; }
.cellTopNav { width:430px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.cellHomeBox1 {height:346px;overflow:hidden;position:relative;}
.cellHomeBox2 {height:128px;overflow:hidden;position:relative;}
.cellHomeBox3 {height:208px;overflow:hidden;position:relative;}
.cellContentRightBox {height:126px;overflow:hidden;position:relative;}
.cellSideNavLeft {padding-left:25px;padding-top:65px;padding-right:10px;padding-bottom:35px;}
.cellSideNavRight {width:220px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;}
.cellCenterContent {width:450px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;}
.cellPageBannner {width:680px;height:126px;font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top;}
/* content left of banner on content pages */
.cellHeadingContent {padding-left:25px;padding-right:20px;}
.bannerTextPositioner { position:absolute; left:15px;bottom:15px; }
.bannerText1 { color: #d6e03d;font-size: 23px;line-height:28px;font-family: Arial,Verdana; }
.bannerText2 { color: #ffffff;font-size: 23px;line-height:28px;font-family: Arial,Verdana; }
.bannerHowWorks { position:relative; width:452px; height:116px;background-image: url(../img/banner-howworks.gif); background-repeat: no-repeat; }
.bannerBenefit { position:relative; width:452px; height:116px;background-image: url(../img/banner-benefit.gif); background-repeat: no-repeat; }
.bannerScientific { position:relative; width:452px; height:116px;background-image: url(../img/banner-scientific.gif); background-repeat: no-repeat; }
.bannerInvoled { position:relative; width:452px; height:116px;background-image: url(../img/banner-involved.gif); background-repeat: no-repeat; }
.bannerUtility { position:relative; width:452px; height:116px;background-image: url(../img/banner-utility.gif); background-repeat: no-repeat; }
.bannerSpecial { position:relative; width:452px; height:116px;background-image: url(../img/banner-special.gif); background-repeat: no-repeat; }
.bannerGeneric { position:relative; width:452px; height:116px;background-image: url(../img/banner-container.gif); background-repeat: no-repeat; }
.table1 { border-top:1px solid #e5e5e3; }
.table1Header { background: #ececec; }
.table1CellLeft { padding:5px; border-left:1px solid #e5e5e3;border-bottom: 1px solid #e5e5e3; }
.table1CellRight { padding:5px; border-left: 1px solid #e5e5e3; border-bottom: 1px solid #e5e5e3;border-right:1px solid #e5e5e3; }
.lineBlue {background-color:#3f8cc4; font-size:1px;height:1px;padding:0px;border:0px;}
/*containers-without width and height defined would not work on IE*/
.contKatzOff {width:221px;height:128px;background-image: url(../img/container-katz.gif); background-repeat: no-repeat;}
.contKatzOn {width:221px;height:128px;background-image: url(../img/container-katz1.gif); background-repeat: no-repeat;}
.contScoreOff {width:249px;height:137px;background-image: url(../img/container-score.gif); background-repeat: no-repeat;}
.contScoreOn {width:249px;height:137px;background-image: url(../img/container-score1.gif); background-repeat: no-repeat;}
.contNuWayOff {width:222px;height:140px;background-image: url(../img/container-nuway.gif); background-repeat: no-repeat;}
.contNuWayOn {width:222px;height:140px;background-image: url(../img/container-nuway1.gif); background-repeat: no-repeat;}
.contScienceOff {width:231px;height:132px;background-image: url(../img/container-science.gif); background-repeat: no-repeat;}
.contScienceOn {width:231px;height:132px;background-image: url(../img/container-science1.gif); background-repeat: no-repeat;}
.contAskExpertOff {width:224px;height:128px;background-image: url(../img/container-askexpert.gif); background-repeat: no-repeat;}
.contAskExpertOn {width:224px;height:128px;background-image: url(../img/container-askexpert1.gif); background-repeat: no-repeat;}
.contInsightsOff {width:221px;height:128px;background-image: url(../img/container-insights.gif); background-repeat: no-repeat;}
.contInsightsOn {width:221px;height:128px;background-image: url(../img/container-insights1.gif); background-repeat: no-repeat;}
.contFaqOff {width:261px;height:128px;background-image: url(../img/container-faq.gif); background-repeat: no-repeat;}
.contFaqOn {width:261px;height:128px;background-image: url(../img/container-faq1.gif); background-repeat: no-repeat;}
.contNewsRoomOff {width:221px;height:128px;background-image: url(../img/container-newsroom.gif); background-repeat: no-repeat;}
.contNewsRoomOn {width:221px;height:128px;background-image: url(../img/container-newsroom1.gif); background-repeat: no-repeat;}
/*for XHTML Transitional, form fields act weired if we dont specify some properties.
if we dont set border property it assigns default. none wont work.
so width property should be actual size you want-(border width)*2
also set padding: 0px; and margin 0px; to get things work properly
*/
.relative {position:relative;padding:0px;margin:0px;}
/* for dropdownlist */
.ddl200 { width: 200px; height: 20px; color: #8a7967; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
/* textbox and such */
.formField200 { width: 198px; height: 20px; color: #8a7967; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.formField300 { width: 298px; height: 20px; color: #8a7967; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; border: solid 1px #7f9db9; }
.txtBoxMulti250x90 { width: 248px; height: 90px; padding: 0px; margin: 0px; border: solid 1px #7f9db9; color: #8a7967; font-size: 13px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.rightAlign { text-align:right;}
.leftAlign { text-align:left;}
.centerAlign { text-align:center;}
/* using divs */
.contentCellDiv { font-size: 1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left; }
.contentCellDivRight { font-size: 1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:right; clear:right; }
/* padding */
.padder5 { padding:5px;}
.padder10 { padding:10px;}
.padder15 { padding:15px;}
/*for positioning*/
.width15 { width:15px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width20 { width:20px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width50 { width:50px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width100 { width:100px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width125 { width:125px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width185 { width:185px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width200 { width:200px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width205 { width:205px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width215 { width:215px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width220 { width:220px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width350 { width:350px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width450 { width:450px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width680 { width:680px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width685 { width:685px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.width690 { width:690px; font-size:1px; position:relative; top:0; left:0; padding:0; margin:0; vertical-align:top; float:left;text-align:left;overflow:hidden; }
.clearHor5 { width:5px;font-size: 1px; padding:0;height:1px; float:left;}
.clearHor10 { width:10px; font-size: 1px; padding:0;height:1px; float:left;}
.clearHor15 { width:15px; font-size: 1px; padding:0;height:1px; float:left;}
.clearHor30 { width:30px; font-size: 1px; padding:0;height:1px; float:left;}
.clearVer1 { font-size: 1px; padding:0; height: 1px; clear:left; }
.clearVer2 { font-size: 1px; padding:0; height: 2px; clear:left; }
.clearVer5 { font-size: 1px; padding:0; height: 5px; clear:left; }
.clearVer10 { font-size: 1px; padding:0; height: 10px; clear:left; }
.clearVer15 { font-size: 1px; padding:0; height: 15px; clear:left; }
.clearVer20 { font-size: 1px; padding:0; height: 20px; clear:left; }
.clearVer26 { font-size: 1px; padding:0; height: 26px; clear:left; }
.clearVer30 { font-size: 1px; padding:0; height: 30px; clear:left; }
.clearVer50 { font-size: 1px; padding:0; height: 50px; clear:left; }
/* for enforcing the div heights */
.height000 { height:347px;overflow:hidden; }
.prop000 {height:347px;width:1px;float:right;font-size:1px;}
.clear { clear:both;font-size:1px;height:1px;overflow:hidden;}
.hiddenItem {display:none;}
.subheadingBlue { color: #0067b1; font-size: 14px; line-height: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; }