@charset "utf-8"; /* CSS Document */ .clearfloat { clear:both; } body { font-family: arial, helvetica, sans-serif; color: #333; background-color: #008caa; font-size: 75%; } #body { background-image: url(../images/bghome.jpg); background-repeat: no-repeat; background-position: center top; } #bodychild { background-image: url(../images/bgchild.jpg); background-repeat: no-repeat; background-position: center top; } /* put .xxxColumn in the to specify which layout you want */ /* column layouts with top navigation */ /* three column */ .navigationTopStatic .threeColumn #mainColumn, .navigationTopFlyout .threeColumn #mainColumn { float: left; width: 350px; } .navigationTopStatic .threeColumn #mainColumnchild, .navigationTopFlyout .threeColumn #mainColumnchild { float: left; width: 600px; } .navigationTopStatic .threeColumn #contentContainer #subColumn, .navigationTopFlyout .threeColumn #contentContainer #subColumn { float: left; width: 235px; padding: 10px; min-height: 500px; } .navigationTopStatic .threeColumn #contentContainer #extraColumn, .navigationTopFlyout .threeColumn #contentContainer #extraColumn { float: right; width: 235px; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px; } /* two column layout */ .navigationTopStatic .twoColumn #mainColumn, .navigationTopFlyout .twoColumn #mainColumn { float: left; width: 530px; } .navigationTopStatic .twoColumn #contentContainer #subColumn, .navigationTopFlyout .twoColumn #contentContainer #subColumn { float: left; width: 205px; padding: 10px; } /* one column layout */ .navigationTopStatic .oneColumn #mainColumn, .navigationTopFlyout .oneColumn #mainColumn { width: 90%; } /* column layouts with side navigation */ /* three column */ .navigationSideStatic .threeColumn #mainColumn, .navigationSideFlyout .threeColumn #mainColumn { float: left; width: 350px; } .navigationSideStatic .threeColumn #navigation, .navigationSideFlyout .threeColumn #navigation { width: 150px; } .navigationSideStatic .threeColumn #contentContainer #subColumn, .navigationSideFlyout .threeColumn #contentContainer #subColumn { float: left; width: 165px; padding: 10px; } /* two column layout */ .navigationSideStatic .twoColumn #mainColumn, .navigationSideFlyout .twoColumn #mainColumn { float: left; width: 550px; } .navigationSideStatic .twoColumn #navigation, .navigationSideFlyout .twoColumn #navigation { width: 150px; } /* one column layout */ .navigationSideStatic .oneColumn #mainColumn, .navigationSideFlyout .oneColumn #mainColumn { width: 90%; } /* skip to content hidden button, for minor accessibility reasons */ #skipTo { display: none; } /* putting everything in a container to keep html code down */ #pageContainer { width: 940px; min-height: 320px; height: auto !important; height: 320px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #navigation { width: 880px; height: 40px; padding-top: 10px; padding-right: 20px; text-align: right; float: right; } /* HEADER */ #header { padding-right: 40px; float: right; width: 720px; } #headerlogo { height: 85px; width: 80px; float: left; margin-left: 40px; margin-top: 10px; } /* supplementary navigation in the header */ #header .headerNav { float: right; } #header .headerNav li { display: inline; padding: 5px; } #header .headerNav li a { color: #666; } /* site logo */ #header h1#logo { font-size: 3em; margin: 0; font-weight: bold; letter-spacing: -1px; } #header h1#logo a { color: #000; text-decoration: none; } /* PAGE CONTENT AREA */ #contentContainer { min-height: 550px; width: 900px; height: auto !important; clear: both; } #homemods { height: 190px; margin-bottom: 20px; margin-left: -15px; } #homemods a{ font-size: 10px !important; font-weight: bold !important; line-height: normal !important; } #homemods li{ padding: 0px; list-style-type: none; } #homemods a{ font-size: 12px; font-weight: bold; font-variant: normal; } } #homemods a:hover{ color: #1192B1; padding-left: 3px; } #homemods1 { height: 190px; width: 215px; float: left; background-image: url(../images/module1.png); background-repeat: no-repeat; background-position: center top; margin-left: 17px; } #homemods12 { height: 75px; } #homemods12 a { display: block; height: 75px; } #homemods12 a:hover{ color: #1192B1; } #homemods12 a span { display: none; } #homemods13 { height: 80px; margin-top: 2.6ex; margin-right: 1ex; padding-left: 25px !important; } #homemods13 li{ padding: 0px; list-style-type: none; list-style-position: inside; display: block; } #homemods2 { height: 190px; width: 215px; float: left; background-image: url(../images/module2.png); background-repeat: no-repeat; background-position: center top; margin-left: 5px; } #homemods22 { height: 75px; } #homemods22 a { display: block; height: 75px; } #homemods22 a:hover{ color: #1192B1; } #homemods22 a span { display: none; } #homemods23 { height: 80px; margin-top: 2.75ex; margin-right: 1ex; padding-left: 25px !important; } #homemods3 { height: 190px; width: 215px; float: right; background-image: url(../images/module3.png); background-repeat: no-repeat; background-position: center top; margin-right: 0px; } #homemods32 { height: 75px; } #homemods32 a { display: block; height: 75px; } #homemods32 a:hover{ color: #1192B1; } #homemods32 a span { display: none; } #homemods33 { height: 80px; margin-top: 2.75ex; margin-right: 1ex; padding-left: 25px !important; } #homemods4 { height: 190px; width: 215px; float: right; background-image: url(../images/module4.png); background-repeat: no-repeat; background-position: center top; margin-right: 17px; } #homemods42 { height: 75px; } #homemods42 a { display: block; height: 75px; } #homemods42 a:hover{ color: #1192B1; } #homemods42 a span { display: none; } #homemods43 { height: 80px; margin-top: 2.75ex; margin-right: 1ex; padding-left: 25px !important; } #tvad { margin-top: 11px; text-align: center; min-height: 550px; background-image: url(../images/images/divider-long.jpg); background-repeat: no-repeat; background-position: top left; float: right; width: 240px; } #tvad a{ } #tvad a:hover{ color: #C0C0C0; } #radioad { text-align: right; border-left-width: 1px; border-left-style: solid; border-left-color: #B7F2FF; } #tvad2 { text-align: center; background: url(../images/images/divider-long.jpg) top left no-repeat; position: relative; top: -300px; float: right; width: 240px; } #tvad2 a{ } #tvad2 a:hover{ color: #C0C0C0; } #tvad3 { text-align: center; background: url(../images/images/divider-long.jpg) top left no-repeat; position: relative; top: 40px; float: right; width: 240px; left: 40px; } #tvad3 a{ } #tvad3 a:hover{ color: #C0C0C0; } #radioad2 { text-align: right; border-left-width: 1px; border-left-style: solid; border-left-color: #B7F2FF; } #contentContainer #adminColumn { margin-top: 15px; width: 900px; } #contentContainer #adminColumn a:hover{ color: #fff; } #contentContainer #mainColumn { margin-left: 10px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; width: 610px; } #contentContainer #mainColumn a:hover{ color: #fff; } #contentContainer #mainColumn #bottommodules{ padding-top: 10px; padding-bottom: 10px; height: 210px; width: 620px; float: left; padding-left: 0px; } #contentContainer #mainColumn #bottommodules #bottommodulesleft{ height: 190px; width: 300px; float: left; background-image: url(../images/bottom-modules.png); background-repeat: no-repeat; background-position: center center; margin-left: 10px; } #contentContainer #mainColumn #bottommodules #bottommodulesright{ height: 190px; width: 300px; float: left; background-image: url(../images/bottom-modules.png); background-repeat: no-repeat; background-position: center center; } #contentContainer #mainColumn #maincontent { float: left; width: 600px; color: #FFF !important; } #contentContainer #mainColumn #maincontent #welcometext { float: left; width: 372px; text-align: justify; padding-right: 10px; font-size: 14px; line-height: 18pt; background-image: url(../images/images/divider-small_02.jpg); background-repeat: no-repeat; background-position: right top; padding-left: 13px; margin-bottom: 40px; } #contentContainer #mainColumn #maincontent #homenews { float: left; width: 175px; padding-left: 25px; min-height: 280px; overflow: auto; } #contentContainer #mainColumn #maincontent #homenews a{ font-variant: small-caps; color: #333; text-decoration: none; } #contentContainer #mainColumn #maincontent #homenews a:hover{ color: #FFF; } #contentContainer #mainColumn #panels{ width: 620px; min-height: 400px; float: left; } #contentContainer #mainColumn #panels #panelstop{ height: 10px; float: left; background-image: url(../images/panles-top-bg.png); background-repeat: no-repeat; background-position: center bottom; width: 620px; } #contentContainer #mainColumn #panels #panelscontent{ background-image: url(../images/panles-content-bg.png); background-repeat: repeat-y; background-position: center top; width: 620px; float: left; height: auto; } #contentContainer #mainColumn #panels #panelsbottom{ background-image: url(../images/panles-bottom-bg.png); background-repeat: no-repeat; background-position: center top; height: 10px; width: 620px; } #contentContainer #mainColumnchild { padding-top: 20px; padding-bottom: 10px; min-height: 300px; width: 630px; color: #FFF !important; } #contentContainer #mainColumnchild a:hover{ color: #FFF; } #contentContainer #mainColumnchild #maintextchild{ width: 610px; padding-left: 20px; padding-right: 10px; text-align: justify; min-height: 310px; } #contentContainer #fullColumnchild { padding-top: 20px; padding-bottom: 10px; min-height: 300px; width: 900px; color: #FFF !important; } #contentContainer #fullColumnchild a:hover{ color: #FFF; text-decoration: none; } #contentContainer #fullColumnchild #onecolumnchild{ width: 860px; padding-left: 20px; padding-right: 10px; text-align: justify; } #contentContainer #mainColumnchild #bottommodules{ padding-top: 10px; padding-bottom: 10px; height: 210px; width: 640px; float: left; } #contentContainer #mainColumnchild #bottommodules #bottommodulesleft{ padding-right: 10px; height: 190px; width: 300px; float: left; background-image: url('../images/bottom-modules.png'); background-repeat: no-repeat; background-position: center center; padding-left: 10px; } #contentContainer #mainColumnchild #bottommodules #bottommodulesright{ padding-right: 10px; height: 190px; width: 300px; float: left; background-image: url('../images/bottom-modules.png'); background-repeat: no-repeat; background-position: center center; padding-left: 10px; } .fountainImage{ height: 55px; width: 250px; float: left; background-image: url('../images/bottom-modules/foutain.png'); background-repeat: no-repeat; background-position: center center; font-size: 24px; font-weight: bold; font-variant: small-caps; line-height: normal; text-align: right; padding-top: 135px; padding-right: 50px; padding-bottom: 0px; padding-left: 0px; color: #FFF; } .getstartedImage{ height: 85px; width: 260px; float: left; background-image: url('../images/bottom-modules/get-started.png'); background-repeat: no-repeat; background-position: center center; font-size: 24px; font-weight: bold; font-variant: small-caps; line-height: normal; text-align: right; padding-top: 105px; padding-right: 40px; padding-bottom: 0px; padding-left: 0px; color: #000; } #contentContainer #mainColumnchild 2:hover { color: #FFF; } #contentContainer #mainColumnchild #panels{ width: 620px; min-height: 400px; float: left; } #contentContainer #mainColumnchild #panels #panelstop{ height: 10px; float: left; background-image: url(../images/panles-top-bg.png); background-repeat: no-repeat; background-position: center bottom; width: 620px; } #contentContainer #mainColumnchild #panels #panelscontent{ background-image: url(../images/panles-content-bg.png); background-repeat: repeat-y; background-position: center top; width: 560px; float: left; height: auto; text-align: justify; padding-right: 80px; padding-left: 15px; } #contentContainer #mainColumnchild #panels #panelsbottom{ background-image: url(../images/panles-bottom-bg.png); background-repeat: no-repeat; background-position: center top; height: 10px; width: 575px; padding-right: 60px; } /* bread crumb trail */ #breadCrumb { font-size: 1em; color: #333; font-weight: bold; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #B7F2FF; border-bottom-color: #B7F2FF; padding-right: 15px; padding-top: 4px; padding-bottom: 4px; padding-left: 15px; margin-bottom: 10px; } /* featured item */ #featuredItem { padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; height: 320px; clear: both; background-repeat: no-repeat; background-position: center top; } .featuredFull { width: 100%; text-align: center; } #featuredItemchild { padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; height: 218px; clear: both; background-image: url(../images/childheader-blank.png); background-repeat: no-repeat; background-position: center top; } #featuredItemcontact { padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; height: 218px; clear: both; background-image: url(../images/headers/blank-header.png); background-repeat: no-repeat; background-position: center top; } .featuredFullchild { width: 100%; text-align: center; } .featuredHalf { width: 50%; } .headerbackground{ width:880px; height:218px; background: url(../images/headers/about_us_header.png); margin: 0 auto; } /* SITE FOOTER/NAVIGATION */ #footer { color: #FFF; font-size: 12pt; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: 145px; background-image: url(../images/bg_03.jpg); background-repeat: no-repeat; background-position: center top; background-color: #000; } #footer a { color: #3DA3BA; text-decoration: none; } #footer a:hover { color: #E6E6C4; text-decoration: none; } #poweredBy { float: right; } #poweredBy a { display: block; width: 139px; height: 23px; text-indent: -9999px; } #poweredBy #discoverSky a { background: url(../template/powered-by-sky-trans.png) no-repeat; } #poweredBy #embraceWater a { background: url(../template/powered-by-water-trans.png) no-repeat; } #footer ul li { display: inline; } #footer ul li a { padding: 0 14px 0 0; } #footermain { font-size: 11px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 1014px; padding-top: 10px; } #footer #footermain #bottomnavs{ float: left; height: 25px; width: 1014px; margin-bottom: 5px; padding-top: 10px; text-align: center; } #footer #footermain #bottomnavs ul{ } #footer #footermain #bottomnavs li{ display: inline; list-style-type: none; } #footer #footermain #bottomnavs a{ color: #6FBCCC; font-weight: bold; padding-right: 25px; text-decoration: none; line-height: normal; font-variant: small-caps; letter-spacing: 2pt; font-size: 12px; } #footer #footermain #bottomnavs a:hover{ color: #E8E8C6; text-decoration: none; } #footer #footermain #copyright { float: left; height: 20px; width: 1014px; margin-bottom: 5px; padding-top: 5px; text-align: center; } #footer #footermain #copyright a:hover{ color: #E8E8C6; text-decoration: none; } #footer #footermain #copyright a{ color: #6FBCCC; } #footer #footermain #companies{ float: left; width: 960px; margin-bottom: 10px; } #footer #footermain #dsiinfo{ float: left; width: 400px; text-align: left; padding-left: 50px; } #outerWrapper #footer #dsiinfo a{ color: #fbfbfb; } #footer #footermain #dsiinfo a:hover{ color: #c0c0c0; text-decoration: none; } #footer #footermain #splash{ float: right; width: 325px; padding-right: 60px; } .footSplash { float:right; } .footSplash span { display:none; } .footSplash a{ display:block; width:96px; background: url('../images/splash-footer.png') top center no-repeat; float:right; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; } .footSplash a:hover { background-position: 0 -40px; color: #049; } .footInfo { float:left; padding-top: 15px; width: 200px; text-align: right; margin-left: 10px; } .fullpanelsbottom{ background-image: url(../images/full-panels-bottom-bg.png); background-repeat: no-repeat; background-position: center top; height: 15px; width: 880px; } .ssp { float:left; } .logo a{ margin-bottom:-155px; top:-30px; left:-45px; width:155px; height:155px; background: url(../images/homelogo.png) top center no-repeat; position:relative; z-index:10px; float:left; } .grassalt { background: #000; } .divLink{ cursor: pointer; } /* Contact Form */ .contact_float{ float: left; margin-top: 10px; } .contact_floatRight{ float: right; margin-top: 10px; margin-right:28px; } .contact_float_margin{ margin-left: 10px; } .checkbox_width{ width: 235px !important; margin-right: 10px; } /* Nav on the main body */ .body_nav{ margin:0 auto; width: 600px; } .body_nav a{ color: #333; padding-top: 20px; } .main_big_nav{ font-weight:bold !important; font-size: 16px; padding: 5px; } .main_bodySub{ margin-left: 20px; } .link_body_floatLeft{ float: left; margin-right: 90px } .link_body_floatRight{ float: left; } .main_link_padding{ padding: 5px; } .image_button{ } .image_button a{ background: url(../images/rollover_buttons/bttis31.png) no-repeat; width: 213px; height: 40px; display: block; } .image_button a:hover{ background-position: 0 -40px; } /*Chemicals Resistant Guide styling*/ .crg-content-area{ width: 660px; } .cgr-tab-left{ background: url('/images/tab-left.png') top left no-repeat; float: left; height: 34px; width: 8px; } .cgr-tab-mid{ background: url('/images/tab-mid.png') top left repeat-x; float: left; height: 34px; } .cgr-tab-right{ background: url('/images/tab-right.png') top left no-repeat; float: left; height: 34px; width: 19px; } .cgr-tab-content-area{ margin-top: -7px; } .cgr-tab-content-area-top{ background: url('/images/tab-content-area-top.png') top left no-repeat; height: 10px; width: 660px; } .cgr-tab-content-area-mid{ background: url('/images/tab-content-area-mid.png') top left repeat-y; min-height: 10px; width: 660px; } .cgr-tab-content{ padding: 0 10px; width: 640px; } .cgr-material{ min-height:40px; background: #89c8d7; } .cgr-material-margin{ margin-top: 5px; } .cgr-material-name{ border-bottom: 1px dotted #114450; width: 300px; } .cgr-material-name span{ padding: 5px 5px 0 5px; display: block; font-size: 14px; font-weight:bold; color: #114450; } .cgr-material-concentration{ width: 300px; } .cgr-material-concentration span{ padding: 5px 5px 0 5px; display: block; font-size: 17px; font-weight:bold; color: #114450; } .cgr-material-content{ float: left; padding: 5px; margin: 5px; background: #114450; } .cgr-material-content-name{ font-weight: bold; border-bottom: 1px dotted #fff; text-align: center; } .cgr-degree-classes{ margin-left: 15px; } .left{ float: left; } .cgr-degrees{ text-align: center; width: 30px; } .cgr-border{ border-right: 1px dotted #fff; min-height: 20px; } .cgr-border-top{ border-top: 1px dotted #fff; } .cgr-tab-content-area-btm{ background: url('/images/tab-content-area-bottom.png') top left no-repeat; min-height: 7px; width: 660px; } .webform{ background:#114450; margin-bottom: 20px; padding: 20px !important; } .webform tr{ float: left; padding: 10px; } .cat_button{ margin-top: 18px; }