*{padding:0;border:0; margin:0;} #wrapper {position:relative;top:0;margin:0 auto;width:800px;text-align:left;border:1px; font:8pt Arial, sans-serif;} body {background:#9f9f9f url(images/BodyBkgrnd.jpg) repeat-x;color:#9a9a9a;} #left23px{position:relative;left:23px;} #left10px{position:relative;left:10px;} /*---------------------- DEFAULT PARAGRAPH STYLES -------------------------*/ ul.bullet {font:italic 13px times, serif;color:#666666;background:transparent none;} ul.bullet b u{color:#7e7258;} ul.bullet a{text-decoration:none;color:#666666;} ul.bullet a:hover, ul.bullet a:hover b u{color:#000;} ul.news {position:relative; padding-left:18px;} .backToTop{margin:0 0 20px 448px;} .backToTop a{font:italic bold 10px Arial, sans-serif;color:#767666;} .backToTop a:hover{color:#b1b395;} #right18px{position:relative;right:-18px;} .contact {font:7.5em Arial, sans-serif;color:#000;} .content {font: 8pt Arial, sans-serif; line-height:1.5em; color:#999;padding:5px 0 0 0;} .smallContent {font:italic 10pt times, serif;line-height:1.5em;color:#555;padding:5px 0 0 0;} .bi{font:italic bold 1em times, serif;color:#3c4c65;} .footnote {font:7pt Arial, sans-serif;color:#000;text-align:right;font-style:italic;} .intro {font:italic bold 21px Times, serif;color:#3c4c65; line-height:1.25em; margin-bottom: 5px;} .title{font:italic bold 18px Times, serif;color:#3c4c65;margin:0 0 10px 12px;z-index:100;} .titleNoIndent {font:italic bold 18px Times, serif;color:#3c4c65;margin:15px 0 5px 0;z-index:100;} .titleNoPadding{font:italic bold 18px Times, serif;color:#3c4c65;margin-bottom:-10px;} .title2 {font:italic 1.75em 'Times Roman',serif;color:#3c4c65;line-height:1.25em;} h1 p.titleTop {font:italic bold 18px Times, serif;color:#3c4c65;margin:0 0 10px 12px;z-index:100;} /*--------------------------- MASTER MENU STYLES ---------------------------*/ #masterMenu {position:relative;width:751px;height:39px;left:23px;background:url('images/MenuBkgrnd.jpg')repeat-x;} #masterMenu ul{position:relative;top:19px;list-style:none;float:left;} #masterMenu a {font:11px arial,helvetica,sans-serif;display:block;color:#5a5f66;text-decoration:none;} #masterMenu li.titleMenuPadding{padding:2px 0 0;margin:0;width:106px;} #masterMenu li.titleMenuPadding:hover, #masterMenu li.titleMenuPadding:hover a.center{ color:#fff;background:url('images/menuTier1Bkgrnd.gif') no-repeat 0 0;height:18px;} #masterMenu li.plain, #masterMenu li.subMenu{border-width:0 0 1px 1px;border-color:#ababab;border-style:solid;} #masterMenu li.plain li.subMenu{top:0;} #masterMenu li.plain{padding:2px 0 2px 5px;color:#5e5e5e;background-color:#bebebe;} #masterMenu li.plain:hover{color:#977305;background:#e2c771 url('images/arrow1c1.gif') no-repeat 0 5px;padding:2px 0 2px 20px;width:156px;} #masterMenu a.center{text-align:center;} #masterMenu li.subMenu{background-image:none;background-color:#bebebe;padding:2px 0 2px 3px;} #masterMenu li.subMenu:hover {background:#e2c771 url('images/arrow1c2.gif') no-repeat 100% 5px;} #masterMenu li.subMenu:hover a{color:#977305;} #masterMenu ul li ul li.plain ul li{background-color:#dfd3aa;} #masterMenu ul ul ul li a:link{color:#696249;} #masterMenu li ul {position:absolute;left:0;} #masterMenu li ul li{background:#bebebe;width:171px;padding:0 2px 2px;} #masterMenu ul ul ul {position:absolute;top:0;left:100px;} #masterMenu ul li ul li ul li.subMenu {border-width:0 0 1px 1px;border-color:#ceb76d;border-style:solid;z-index:1500;} #masterMenu li.hydrogen li.subMenu{top:0;} #masterMenu li.hydrogen:hover{color:#977305;background:#e2c771 url('images/arrow1c1.gif') no-repeat 0 5px;padding:2px 0 2px 20px;width:85px;} #masterMenu ul li ul li.hydrogen ul li{background-color:#dfd3aa;} #masterMenu li.hydrogen{padding:2px 0 2px 5px;color:#5e5e5e;background-color:#bebebe; border-width:0 0 1px 1px;border-color:#ababab;border-style:solid; width:100px} div#masterMenu ul ul, div#masterMenu ul li:hover ul ul, div#masterMenu ul ul li:hover ul ul, div#subMenu ul ul, div#subMenu ul li:hover ul ul, div#subMenu ul ul li:hover ul ul, div#subMenu ul ul, div#cngDispRollover1 ul ul, div#cngDispRollover1 ul li:hover ul ul, div#cngDispRollover1 ul ul li:hover ul ul {display: none;} div#masterMenu ul li:hover ul, div#masterMenu ul ul li:hover ul, div#masterMenu ul ul ul li:hover ul, div#subMenu ul li:hover ul, div#subMenu ul ul li:hover ul, div#subMenu ul ul ul li:hover ul, div#cngDispRollover1 ul li:hover ul, div#cngDispRollover1 ul ul li:hover ul, div#cngDispRollover1 ul ul ul li:hover ul {display: block;} div#masterMenu ul li a:hover ul ul, div#masterMenu ul ul li a:hover ul ul, div#subMenu ul li a:hover ul ul, div#subMenu ul ul li a:hover ul ul, div#cngDispRollover1 ul li a:hover ul ul, div#cngDispRollover1 ul ul li a:hover ul ul {display: none;} div#masterMenu ul li a:hover ul, div#masterMenu ul ul li a:hover ul, div#masterMenu ul ul li a:hover, div#masterMenu ul ul ul li a:hover, div#masterMenu ul ul ul li a:hover ul, div#subMenu ul li a:hover ul, div#subMenu ul ul li a:hover ul, div#subMenu ul ul ul li a:hover ul, div#cngDispRollover1 ul li a:hover ul, div#cngDispRollover1 ul ul li a:hover ul, div#cngDispRollover1 ul ul ul li a:hover ul {display: block;} li{position:relative;} ul ul{position:absolute;z-index:808;} /*--------------------------- SUBMENU STYLES ---------------------------*/ #subMenu {position:relative;left:2px;width:190px;background-color:#e2c771;z-index:402;} #subMenu ul{position:relative;list-style:none;border-width:1px 1px 0px;border-color:#fff;border-style:solid;margin:0;} #subMenu ul li{padding:4px 5px;border-width:0 0 1px;border-color:#fff;border-style:solid;} #subMenu li.highlight a{width:180px;font-size:11px;display:block;color:#5a5f66;text-decoration:none;} #subMenu li.highlight:hover{background:#d2b558 url('images/arrow1c2.gif') no-repeat 100% 5px;} #subMenu li.highlight:hover a{color:#fff;} #subMenu li ul{position:absolute;left:-9px;} #subMenu li ul li{background:#bebebe;width:121px;padding:0 2px 2px;} h2 #subMenu li.highlight a{font:11px Arial, sans-serif;} /*-------------------- HORIZONTAL RULE STYLES ----------------------*/ hr.section {height:3px;width:500px;color:#656e81;margin:10px 0;background-image:url(images/blueHr.gif);top:-10px;} hr.subsection {height:1px;width:506px;color:#cca008;margin:10px 0;background-image:url(images/blueHr.gif);top:-10px;} hr.whitePix {position:absolute;height:15px;width:100%;color:#fff;background: #fff url(images/yellowPix.gif)repeat-x;} .titleSurround {position:relative;top:10px;left:23px;width:490px;margin:10px 0;background-color:#8c929c;font:bold 12px Arial, sans-serif;color:#fff;padding:4px 10px;} p.section, h2 p.section {position:relative;top:-10px;width:490px;margin:10px 0;background-color:#8c929c;font:bold 12px Arial, sans-serif;color:#fff;padding:4px 10px;left:23px;} #interest.home hr{position:relative;left:3px;width:186px;height:1px;color:#e3debf;background-image:url(images/home/yellowHr.gif);} hr.yellow1Px{position:relative;top:-6px;width:490px;height:1px;background-image:url(images/home/yellowHr.gif); margin-bottom:5px;} /*-------------------- LEFT SIDE SWOOSH IMAGE ----------------------*/ #lsideSwoosh {position:absolute;top:310px;} /*------------------ TOP LOGO AREA STYLES -------------------*/ .logo {position:relative;top:25px;} #topLogoArea {position:relative;left:23px;height:110px;width:751px;background-image:url(images/topLogoAreaBkgrnd.gif);} #topLogoArea p.title {position:absolute; top:42px; right:0; font:bold 1.5em Arial, sans-serif; color:#c1c0c0;} #topLogoArea h1 p.titleTop {position:absolute; top:42px; right:0; font:bold 16px Arial, sans-serif; color:#c1c0c0;} #topLogoArea img.subtitle {position:absolute;top:58px;right:0;font-family: 'Times Roman', serif;font-size:2em;font-style:italic;color:#c1c0c0;} #date{position:absolute;right:5px;top:20px;font:10px Arial, sans-serif;color:#c1c0c0;} /*------------- MASTHEAD STYLES ----------------*/ #mastheadTop {position:relative;left:23px;height:100px;width:751px;background-image:url(images/MastheadBkgrnd.jpg);} .mastheadImage{position:absolute;right:0;top:-101px;} #mastheadBottom {position:relative;left:22px;height:81px;width:752px;background-image:url(images/SwooshBkgrnd.jpg);} #mastheadBottom p.title{position:absolute; top:-80px; left:20px; color:#f4fbca; font:italic 3.5em times,serif;} #mastheadBottom h1 p.title{position:absolute; top:-80px; left:20px; color:#f4fbca; font:italic 1.75em times,serif;} #mastheadBottom b, #mastheadBottom h1 b{font:1.5em times, serif;font-style:italic;} #mastheadBottomHome{position:relative;left:22px;height:81px;width:752px;background-image:url(images/home/homeSwooshBkgrnd.jpg);} #mastheadBottomHome p.title{position:absolute; top:-80px; left:20px; color:#f4fbca; font:italic 3.5em times,serif;} #mastheadBottomHome b{font:1.5em times, serif;font-style:italic;} .rSideSwoosh{position:absolute;right:-27px;} .sign{position:absolute;top:30px;left:175px;} /*-------------------------------------------------- CONTACT US ROLLOVERS - USING MOVING BACKGROUND IMAGE ---------------------------------------------------*/ #cngRollover{width:56px; height:25px; background: url(images/contactUs.gif); margin:0; padding:0; position:absolute; right:0;top:15px;} #cngRollover li{margin:0; padding:0; list-style:none; position:absolute; right:0;} #cngRollover li, #cngRollover a{height:25px; display:block;} #panel1b {left: 0; width: 56px;} #panel1b a:hover {background: transparent url(images/contactUs.gif)0 -25px no-repeat;} /*------------------------------------------ TOP IMAGE (NON-ROLLOVER) BEFORE CONTENT TEXT -------------------------------------------*/ .topImage{position:relative;display:block;margin-left:auto;margin-right:auto;padding-bottom:15px;padding-left:8px;} /*-------------------------- RIGHT SIDE CONTENT AREA ----------------------------*/ /*----------------------------------------------- CONTAINER THAT HOLDS THE BLUE GRADIENT BACKGROUND -------------------------------------------------*/ #rhsContainer{position:relative;float:right;right:8px;background:#fff url(images/sideMenuBkgrnd.jpg) repeat-x;width:200px; border-width:0 1px 1px 1px;border-color:#bebebe;border-style:solid;padding:0 0 10px 0;} #rhsContainer img.menuBarTop{position:relative;left:2px;height:14px;width:190px;} #rhsContainer img.subMenuBottom{position:relative;left:2px;height:8px;width:190px;} #speaker{position:relative;top:5px;left:3px;width:194px;background:#3c4c65 url(images/menuTopGrey.gif) no-repeat;padding:0;margin:0 0 5px 0;} #speaker p.title,#interest p.title{position:relative;left:5px;top:2px;font:Bold 13px arial, sans-serif;color:#fff;margin-bottom:4px;} #speaker p.content{position:relative;left:5px;width:180px;color:#bebebe;margin:5px 0;line-height:1.2em;} #speaker p.link{padding-bottom:10px;} #speaker p.link a{font:bold 10px arial, helvetica, sans-serif;color:#e2c771;position:relative;left:105px;} #speaker p.link a:hover{color:#fff;} /*-------------------- WORLD MAP CONTENT AREA ----------------------*/ #worldContentArea {position:relative; width:450px; left:32px;} #worldContentArea h1.worldContentArea {font:24px "Arial Narrow", sans-serif; color:#cb9900; margin-bottom: 10px;} #worldContentArea #worldContentAreaMenu{position:relative; float:left;width:70px;margin-right:10px;} #worldContentArea #worldContentAreaMenu p.sideMenu {font:12px "Arial Narrow", sans-serif; color:#cb9900; text-align:right;} #worldContentArea #worldContentAreaContent {position:relative; float:right; width:350px;} #worldContentArea #worldContentAreaContent h2.worldContentArea{font:12px "Arial", sans-serif; color:#cb9900;} #worldContentArea #worldContentAreaContent p.worldContentAreaEventListings{font:8pt "Arial", sans-serif; line-height:1.5em; color:#888;} /*----------- APROVALS AREA -------------*/ table.approval {width:490px;margin:0 0 20px 0;} h1.approvalTitle {font:bold 20px "Arial Narrow", sans-serif; color:#cb9900; margin-bottom:10px;} hr.approval{position:relative;height:3px;width:360px;background:#555 url(images/yellowPx.gif);} td.approvalLogo{width:130px;padding-bottom:15px;} td.approvalLogo img{display:block; margin:0 5px auto auto; max-height:50px;} td.approvalContent{width:360px;display:block; padding-bottom:15px;} td.approvalContent h2{display:block;font:12px "Arial", sans-serif; color:#cb9900;margin:0 0 5px 0;} /*----------- CVs AREA -------------*/ #cvArea {position:relative; width:490px; margin:0 0 25px 12px;} #cvArea h1.cvContentArea {font:24px "Arial Narrow", sans-serif; color:#cb9900; margin-bottom: 10px;} #cvArea h1.cvContentAreaTitle {font:bold 18px "Arial Narrow", sans-serif; color:#cb9900; margin-bottom: 10px;} #cvArea #cvContentAreaMenu{position:relative; float:left;width:90px;margin-right:10px;} #cvArea #cvContentAreaMenu p.sideMenu {font:13px "Arial Narrow", sans-serif; color:#cb9900; text-align:right;} #cvArea #cvContentAreaMenu img {max-width:119px; max-height:50px;} #cvArea #cvContentAreaContent {position:relative; float:right; width:380px;} #cvArea #cvContentAreaContent h2.cvContentArea{font:13px "Arial Narrow", sans-serif; color:#cb9900;} #cvArea #cvContentAreaContent p.cvContentAreaEventListings{font:8pt "Arial", sans-serif; line-height:1.5em; color:#888;} #cvArea #cvContentAreaContent p.backToTopLink a{position:relative; top:8px; text-align:right; font:italic .8em "Arial", sans-serif; color:#555;} /*-------------- ALSO OF INTEREST ---------------*/ #interest{position:relative;top:5px;left:3px;width:194px;background:#e2c771 url(images/menuTopGrey.gif) no-repeat;padding:0;margin:0 0 5px;} #interest.home{background:#e3debf url(images/home/homeMenuTopGrey.gif) no-repeat;} #interest p.content{position:relative;left:5px;width:180px;font:1.2em Arial Narrow, Arial,sans-serif;color:#5a5f66;margin:5px 0;} #interest p.link{padding-bottom:10px;} #interest p.link a{font:bold 10px arial, helvetica, sans-serif;color:#84642b;position:relative;left:105px;} #interest p.link a:hover,{color:#fff;} #interest p.subtitle{font:bold 11px arial, helvetica, sans-serif;color:#fcfcf1;position:relative;left:4px;top:2px;} #interest p.contentTitle{position:relative;left:5px;width:180px;font:bold 1.25em Arial,sans-serif;color:#84642b;margin:10px 0 0;} #yellowBar{width:194px;height:18px;background-color:#cb9900;} .newsDate{position:relative;font:bold italic 8pt Times, serif;color:#84642b;left:5px;top:5px;} /*-------------------- FEATURED SALES PARTNER ----------------------*/ #featuredSalesPartner{height:221px;width:186px;background:url(images/featuredSalesPartner.gif) no-repeat;position:relative;left:5px;margin:5px 0 0;} #featuredSalesPartner p.content{text-align:center;font: italic bold 2em times, serif;color:#fff;width:185px;position:relative;top:70px;text-decoration:none;} #featuredSalesPartner a:visited{color:#fff;} .krausSSPcert {position:absolute;top:140px;left:103px;} /*-------------------------- CONFIRMATION AREA TEXT STYLE ----------------------------*/ #confirmation{position:relative; width:300px; margin:auto auto;} #confirmation p.title b i{font:italic bold 2em Times, serif; margin-left:-10px;} /*----------------- CONTENT AREA STYLES -------------------*/ #contentWrapper{position:relative;left:22px;width:752px;background-color:#fff; clear:left;} #content {position:relative;width:542px;background:url(images/ContentBkgrnd.jpg) no-repeat;background-color:#fff;clear:left;} #topspace{position:relative;top:60px;width:542px;height:60px;left:23px;clear:left;} #leftColumn p.content, #rightColumn p.content{padding:1.5em 0 0;} #rightColumn p.footnote{right:-15px;} #rightColumn p.content b{left:0;} #rightColumn ul.content{position:absolute;margin-left:245px;padding:.5em 0 0 1.5em;left:23px;width:210px;top:38px;font: italic bold 12px Times, serif;color:#8c8999;line-height:1.4em;} #rightColumn.messageFromPresident{position:absolute;top:0px;width:210px;} #rightColumn p b{position:relative;font: italic bold 1.35em times, serif;color:#8c8999;padding:0 0 13px 0;left:-17px;} .rightColumnImage{position:absolute;right:0;top:20px;} p.content b{font: italic bold 1.5em times, serif;color:#3c4c65;} #content p.intro{position:relative;padding:0 30px 10px 0;} #content p.footnote{position:relative;padding:0 30px 0 0;} #content hr.section{margin:10px 23px 13px 23px;} #introText2{position:relative;left:23px;width:530px;} #introText2 #rightColumn{top:152px;left:260px;width:255px;} #introText2 #rightColumn.threeLineIntro{top:91px;} #introText2 #rightColumn.home{position:absolute;top:43px;} #introText2 #leftColumn{width:260px;padding:0 10px 10px 0;} #introText2 p.title2 b{font-size:2em;} #introText2 p.title2{line-height:1.55em;} #fullWidthCopy{position:relative;left:23px;width:506px;padding-bottom:20px;} #fullWidthCopy p.title{position:relative;left:-15px;} #fullWidthCopy hr.section{height:3px;width:500px;color:#656e81;margin:10px 0;background-image:url(images/blueHr.gif);top:-10px;} .introImage{position:absolute;left:0;top:5px;} /*-------------------------- CONTENT - RUNAROUND MODIFIERS -----------------------------*/ #runaround {position:relative;left:23px;width:508px; } /*----QUOTE----*/ .history_twoColumnRunaround{width:510px !important;} #run1{width:145px; height:232px;} #run1.runaround2{width:145px; height:232px;} #run2{width:120px;height:212px;} .runaround{float:left;clear:left;} .runaround2{float:right;clear:right;} /*----------------------------- TWO COLUMN RUNAROUND PARAMETERS -------------------------------*/ /*----MAIN TEXT AREA AFTER QUOTE----*/ #twoColumnRunaround{position:relative;width:533px;clear:left;} #twoColumnRunaround.backToTop{position:relative;right:23px;top:-20px;} #twoColumnRunaround img{position:absolute;left:23px;} #twoColumnRunaround img.rightColumn{position:relative;width:250px;left:0;padding-top:10px;} /*amount of space image takes up*/ #twoColumnRunaround #run2{position:relative;width:135px;height:218px;} /*----QUOTEE----*/ #twoColumnRunaround #runaround p.footnote{padding-top:0;padding-bottom:3px;right:-25px;line-height:1.15em;} #twoColumnText{position:relative;top:-10px;} #twoColumnText #leftColumn .content{margin:0 250px 0 0;} #twoColumnText #rightColumn p.content{position:absolute;margin-left:276px;width:230px;top:0px;} #twoColumnText #rightColumn p.content b.bi{font:bold italic 1.05em Times, serif;left:5px;} #twoColumnText #rightColumn p.content b.smallContent{font:bold italic 1.05em Times, serif;left:5px;} /*----------------------------- TWO COLUMN NEWS RUNAROUND PARAMETERS -------------------------------*/ #twoColumnRunaround.news img.hydrogen{position:absolute;left:23px;height:218px;} /*------------------------------- MESSAGE FROM PRESIDENT BACKGROUND ----------------------------------*/ #messageFromPresident{position:relative;left:23px;width:510px;background-color:#dedede;} #messageFromPresident .backToTop{position:relative;right:23px;top:-20px;} #runaround p.footnote{padding-top:10px;right:-25px;line-height:1.15em;} #runaround.messageFromPresident{width:480px;background:url(images/messageFromPresident.jpg) no-repeat;position:relative;background-position: 0 0;} #runaround.aboutHistory{width:480px;background:url(images/about_HistoryHans.jpg) no-repeat;position:relative;background-position: 0 0;} #runaround.atcRunaround{background:url(images/atcPhysics.gif) no-repeat;position:relative;background-position: 0 0;width:480px;} #messageFromPresident #run1{position:relative;width:120px;height:150px;} #messageFromPresident #rightColumn p.content, #messageFromPresident #leftColumn p.content{width:230px;} #messageFromPresident #newsSubsection p.title {font:bold 1.15em Arial, sans-serif;color:#3c4c65;} #messageFromPresident #newsSubsection p.title2 {font:bold 1.15em Arial, sans-serif;color:#3c4c65;left:0;} #messageFromPresident #newsSubsection p.content {width:370px;margin-right:10px;} #messageFromPresident #newsSubsection img.inLine {position:relative;width:370px;margin-left:90px;} #messageFromPresident #newsSubsectionimg.up10px{width:1px;height:100%;margin-left:70px;} /*------------------------- FEATURES/BENEFITS (BUBBLES) ---------------------------*/ #bubbleArea{position:absolute; clear:left;} #bubbleSection{position:relative;left:23px;height:24px;width:508px;background:url('images/bubbleSectionTop.gif') no-repeat top left;margin:0;clear:left;} #bubbleSection p.title, #bubbleSection h3 p.title {position:relative;left:15px;top:3px;font:bold 13px arial, sans-serif;color:#afb1b4;} #bubbleContentWrapper{position:relative;left:23px;width:506px; border-width:0 1px 1px 1px;border-color:#c8cace;border-style:solid;background-color:#f1eee7;} #bubbleTextContainer{width:100%;background-color:#f1eee7;float:left;margin-right:-230px;} #bubbleTextContent{background-color:#f1eee7;margin-right:230px;} #bubbleImage{width:220px;margin:10px 10px 10px 0;float:right;} #bubbleImageHome{width:220px; height:300px;margin:10px 10px 10px 0;float:right; background-repeat:no-repeat;} .last{margin-bottom:0;} #bubbleTextContent ul.content, #bubbleTextContent p.content{position:relative;left:10px;padding:5px 15px;width:240px; font:italic 13px 'Times Roman',serif;color:#656e81;line-height:1.4em;} #bubbleTextContent p.content b{font:bold italic 13px 'Times Roman', serif;} /*--bullets that extend across entire bubble section, no image--*/ ul.content2{position:relative;left:10px;padding:5px 15px;width:480px; font:italic 13px 'Times Roman',serif;color:#656e81;line-height:1.35em;} .clearing{height:0; clear:both;} .clearingBottom hr{width:100%; height:1px; clear:both; margin:20px 0 0 0; background-image:url(images/yellowPix.gif);} .clearingLeft{height:0;clear:left;} .clearingRight{heigh.:0;clear:right;} #clearing{clear:left;} /*------------------- NEWS SUBSECTION STYLES ----------------------*/ #topStory{background:#fff url(images/news/topStory.jpg) no-repeat;position:relative; left:23px;width:506px;height:149px;} #topStory p.title a{font:italic bold 1em times,serif;color:#3c4c65;width:175px; position:absolute;left:255px;top:24px;line-height:.91em;} #topStory p.newsDate{font:italic bold 1.12em times, serif;color:#7e7e7e;position:absolute;left:22px;top:78px;} #newsSubsection{padding:0 0 10px;width:506px;} #newsSubsection hr.section {width:506px;background-image:url(images/yellowPix.gif);left:-23px;height:1px;} #newsSubsection h3.sitemap a{font:.65em 'Arial', sans-serif;color:#3c4c65;} #newsSubsection h3.sitemap a:hover{font:.65em 'Arial', sans-serif;color:#8c929c;} #newsSubsection img{position:absolute;padding:15px 0;width:76px;} #newsSubsection img.up10px{padding:0;} #newsSubsection img.qa{position:absolute;padding:0 0 10px 0;width:55px;} #newsSubsection p.links{text-align:right;} #newsSubsection p.backToTop{position:relative;padding:0;margin-bottom:0;top:-10px;} #newsSubsection p.newsDate{font:italic bold .9em 'Times Roman', serif;position:relative;left:92px;top:-5px;} #newsSubsection p.content{position:relative;left:92px;top:-5px;padding:5px 0 0;width:410px;} #newsSubsection p.title, #newsSubsection h3 p.title{position:relative;left:80px;width:400px;} #newsSubsection ul.bullets{position:relative;padding:5px 15px;left: -15px; width:400px;font:italic 13px 'Times Roman',serif;color:#656e81;line-height:1.35em;} .news p.title{font-size:2.5em;} .news p.subtitle{font:bold 1.25em Arial, sans-serif;color:#84642b;} ul.newsbulletedList{position:relative;padding-left:15px;font:bold italic 1.25em times, serif;color:#84642b;} p.newsFootNote{font:bold italic 1em times, serif;color:#000;} /*------------------- NEWS ARCHIVES STYLES --------------------*/ #archivesList{margin-bottom:25px;} #archivesList{position:relative;left:23px;} #archivesList ul{list-style:none;} /*-------------- Content Overviews ----------------*/ #contentOverviews{background:#fff url(images/titleBar.jpg) no-repeat;background-position:0px -3px;position:relative;left:23px;width:506px;} #contentOverviews p.title {font:bold 1.15em "Arial", sans-serif;color:#bbb;position:relative;left:-7px; height:25px;top:2px;} #contentOverviews h2 p.title{font:bold .75em "Arial", sans-serif;color:#fff;position:relative;left:-10px; height:25px;top:2px;} #contentOverviews p.content{position:relative;top:-5px;padding:5px 0;width:400px;} #contentOverviews hr.section{height:1px;position:relative;left:-23px;} #contentOverviews p.backToTop{bottom:-10px;z-index:500;} #contentOverviews img.content{position:absolute;left:450px;top:25px;width:55px;} /*--------------------------- BUTTON ROLLOVERS - MOVING BACKGROUND IMAGE STYLE -----------------------------*/ #brochureButton{width: 205px; height: 23px;margin: 0; padding: 0;position: relative; left:304px;} #brochureButton li{margin: 0; padding: 0; list-style: none; position: absolute; top:0;} #brochureButton li, #brochureButton a{height: 23px;display: block;} #brochureButton2{width: 205px; height: 23px;margin: 0; padding: 0;position: relative;clear:left;} #brochureButton2 li{margin: 0; padding: 0; list-style: none; position: absolute; top:0;} #brochureButton2 li, #brochureButton a{height: 23px;display: block;} /*--CNG Button--*/ #cngB1b {left:0; width:205px;background: url(images/downloadCNGbrochure.gif);} #cngB1b a:hover { background: transparent url(images/downloadCNGbrochure.gif) 0 -23px no-repeat;} /*--LPG Button--*/ #lpgB1b {left:0; width:205px;background: url(images/lpg-dispenserBrochure.gif);} #lpgB1b a:hover { background: transparent url(images/lpg-dispenserBrochure.gif) 0 -23px no-repeat;} /*--ATC Button--*/ #atcB1b {left:0; width:205px;background: url(images/downloadAtcbrochure.gif);} #atcB1b a:hover {background: transparent url(images/downloadAtcbrochure.gif) 0 -23px no-repeat;} /*--HYDROGEN Button--*/ #hydrogenB1b {left: 0; width:230px; background: url(images/downloadHydrogenBrochure.gif) no-repeat;} #hydrogenB1b a:hover { background: transparent url(images/downloadHydrogenBrochure.gif) 0 -23px no-repeat;} /*--MICON Button--*/ #miconB1b {left: 0; width: 205px; background: url(images/downloadMiconBrochure.gif);} #miconB1b a:hover {background: transparent url(images/downloadMiconBrochure.gif) 0 -23px no-repeat;} /*--GENERIC Button--*/ #genB1b {left: 0; width: 205px; background: url(images/downloadBrochure.jpg);} #genB1b a:hover { background: transparent url(images/downloadBrochure.jpg) 0 -23px no-repeat;} /*-------------------------- CNG DISPENSER ROLLOVER IMAGE ----------------------------*/ img.cngProdRollover{position:relative;left:200px;margin-bottom:10px;} #cngDispRollover1 {position:absolute;left:326px;top:58px;z-index:800;} #cngDispRollover1 ul{position:relative;list-style:none;z-index:800;} #cngDispRollover1 li img{padding-top:10px;} #cngDispRollover1 p.title{font:bold 12px arial, sans-serif;color:#86642b;margin-bottom:5px;} #cngDispRollover1 ul li{position:relative;} #cngDispRollover1 li ul{position:absolute;left:45px;top:0px;width:135px;font:10px arial,helvetica, sans-serif; color:#5a5f66;background-color:#e2c771;background-image:none; padding:5px;border-width:3px;border-color:#c89c08;border-style:solid;} #cngDispRollover1 a {background-image:url(images/cngDispRollover1.gif); display:block;text-decoration:none;width:28px;height:28px;} #cngDispRollover1 li ul a:hover{background-image:none;} #cngDispRollover1 ul li a:hover{background-image:url(images/cngDispRollover1b.gif);} p.hide{position:relative;left:-8px;font:24px arial, sans-serif;color:#c89c08;} p.popUpText{margin-bottom:5px;width:135px;} /*----------- IMAGE GALLERY -------------*/ table#imageGallery{width:506px;} #imageGallery tr.emptyRow{height:25px;} #imageGallery tr{height:146px;} #imageGallery img{height:146px;} /*--- FORMS -----*/ #form{padding-left:43px;} #form p{font:10px Arial, sans-serif;color:#c89c08;} #form b.red{font-style:bold;color:#9e0404;} #form td.rightSide{width:115px;vertical-align: top;} #form td.rightSide input, #form td.rightSide textarea, #form td.rightSide select, #form td.rightSide option, #form td.tableBottom textarea{background-color:#f9ef9f;color:#cca008; border-width:1px;border-color:#c89c08;border-style:solid;} #form td.leftSide option, #form td.leftSide select, #form td.leftSide textarea, #form td.leftSide input{background-color:#bebebe;color:#797979;border-width:1px;border-color:#9b9b9b;border-style:solid;} #form td.leftSide{width:115px;vertical-align: top;} #form td.tableSubmit input{font:bold 11px Arial, sans-serif;background-color:#fff;color:#9e0404; border-width:0 0 1px;border-color:#9e0404;border-style:solid;} #form h6{font:11px Arial, sans-serif;} #form h5{font:bold 12px Arial, sans-serif;} #form .leftSide p{color:#8a8a8a;} #form #hydrogen {width:150px;} /*----------------- CONTACT INFORMATION ------------------*/ #contentOverviews p#phoneFax{position:absolute;left:250px;top:30px;} #contact p#phoneFax{position:absolute;left:275px;top:0; width:250px;} #contact{position:relative;left:12px;width:255px;} /*--------------- WORLD MAP ROLLOVER -----------------*/ #map{position:relative;left:20px;} #map img.globe{padding:10px 0 15px;} a.na{position:absolute;background-image:url('images/about/about_mapNa.gif');background-repeat:no-repeat;width:153px;height:121px;left:54px;top:15px;} a.na:hover{background-image:url('images/about/about_mapNaOver.gif');background-repeat:no-repeat;background-position: -8px -5px;} a.sa{position:absolute;background-image:url('images/about/about_mapSa.gif');background-repeat:no-repeat;background-position:10px 7px;width:85px;height:119px;left:129px;top:111px;} a.sa:hover{background-image:url('images/about/about_mapSaOver.gif');background-repeat:no-repeat;background-position:2px 1px;} .bullets{position:relative;margin:0 0 0 106px;width:380px;font:italic 13px 'Times Roman',serif;color:#656e81;line-height:1.25em;} /*----------------- BOTTOM CONTENT AREA -------------------*/ #bottom{position:relative;left:22px;width:752px;background:url('images/pageBottom.jpg') no-repeat top left;font:bold 10px Arial, sans-serif;color:#fff;padding-bottom:20px;} #bottom p{padding:8px 0 0 0;} #bottom p.links{padding-top:20px;} #bottom a{color:#fff;text-decoration:none;} #bottom a.show{text-decoration:underline;color:#5a5f66;} #bottom a:hover{color:#000;} #bottom hr{background-color:#fff;height:1px;width:700px;position:relative;top:1px;padding:0;margin:3px 0 0 0;} /*------------ PHOTO ALBUM -----------*/ .slideshow{ /*CSS for DIV containing each image*/float: left;margin-right: 10px;margin-bottom: 10px;} .slideshow img{ /*CSS for each image tag*/border: 0;width: 200px;height: 106px;} #navlinks{ /*CSS for DIV containing the navigational links*/width: 400px;} #navlinks a{ /*CSS for each navigational link*/margin-right: 8px;margin-bottom: 3px;font-size: 110%;} #navlinks a.current{ /*CSS for currently selected navigational link*/background-color: yellow;} #passwordEnter{position:relative;margin:100px 200px;}