*{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;} /* PHP File Tree Default Theme */ .php-file-tree {font-family: Arial;font-size: 10px;letter-spacing:1px; line-height:1.5; display:inline; width:100%;} .php-file-tree A {color:#567;text-decoration:none; display:inline; position:relative; width:100%;} .php-file-tree A:hover {color:#999; display:inline; width:100%;} .php-file-tree p .open {font-style:italic;} .php-file-tree p .closed {font-style:normal;} .php-file-tree .pft-directory {margin:0 0 0 18px; display:list-item; position:relative; width:100%; list-style:none;} .vertic-cent{background-image:url(Client_Files/images/directory.png); background-repeat:no-repeat;padding:2px 0 0 18px; } .file-cent{background-repeat:no-repeat;padding:2px 0 0 18px;} .php-file-tree LI.pft-file .file-cent{background-image:url(Client_Files/images/file.png);} .php-file-tree LI.ext-pdf .file-cent{background-image:url(Client_Files/images/pdf.png);} .php-file-tree LI.ext-wav .file-cent{background-image:url(Client_Files/images/music.png);} .php-file-tree LI.ext-wmv .file-cent{background-image:url(Client_Files/images/film.png);} .php-file-tree LI.ext-xls .file-cent{background-image:url(Client_Files/images/xls.png);} .php-file-tree LI.ext-doc .file-cent{background-image:url(Client_Files/images/doc.png);} .php-file-tree LI.ext-gif .file-cent{background-image:url(Client_Files/images/picture.png); } .php-file-tree LI.ext-jpg .file-cent{background-image:url(Client_Files/images/picture.png);} .php-file-tree LI.ext-jpeg .file-cent{background-image:url(Client_Files/images/picture.png);} .php-file-tree LI.ext-psd .file-cent{background-image:url(Client_Files/images/psd.png);} .php-file-tree LI.ext-swf .file-cent{background-image:url(Client_Files/images/flash.png); } .php-file-tree LI.ext-tif .file-cent{background-image:url(Client_Files/images/picture.png);} .php-file-tree LI.ext-tiff .file-cent{background-image:url(Client_Files/images/picture.png);} .php-file-tree LI.ext-txt .file-cent{background-image:url(Client_Files/images/txt.png);} .php-file-tree LI.ext-zip .file-cent{background-image:url(Client_Files/images/zip.png);} #php-file-tree li li {display:list-item; width:100%;list-style-position:inside; list-style:none;} #php-file-tree ul ul{list-style-position:inside; width:100%; list-style:none; position:relative;} #php-file-tree a:active{display:inline; list-style-position:inside; position:relative;} /* alignment of icon */ .php-file-tree LI.pft-file, .php-file-tree LI.ext-pdf, .php-file-tree LI.ext-bmp, .php-file-tree LI.ext-doc, .php-file-tree LI.ext-exe, .php-file-tree LI.ext-gif, .php-file-tree LI.ext-jpg, .php-file-tree LI.ext-jpeg, .php-file-tree LI.ext-mov, .php-file-tree LI.ext-mp3, .php-file-tree LI.ext-mp4, .php-file-tree LI.ext-mpg, .php-file-tree LI.ext-mpeg, .php-file-tree LI.ext-png, .php-file-tree LI.ext-ppt, .php-file-tree LI.ext-psd, .php-file-tree LI.ext-swf, .php-file-tree LI.ext-tif, .php-file-tree LI.ext-tiff, .php-file-tree LI.ext-txt, .php-file-tree LI.ext-wav, .php-file-tree LI.ext-wmv, .php-file-tree LI.ext-xls, .php-file-tree LI.ext-zip {margin: 0 0 0 18px; display:list-item; position:relative; width:100%; list-style:none;} #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;} .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: 10pt Arial, sans-serif;line-height:1.5em;color:#555;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-family:'Times Roman',serif;font-size:2em;font-style:italic;color:#3c4c65;line-height:1.25em;} .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;} /*--------------------------- 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:3px;width:194px;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;} /*-------------------- HORIZONTAL RULE STYLES ----------------------*/ hr.section {height:3px;width:506px;color:#656e81;margin:10px 0;background-image:url(images/blueHr.gif);position:relative;top:-10px;} hr.subsection {height:1px;width:506px;color:#cca008;margin:10px 0;background-image:url(images/blueHr.gif);position:relative;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 {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);} /*-------------------- 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 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 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 HAND 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;z-index:25;} #rhsContainer img.menuBarTop{position:relative;left:3px;height:14px;width:194px;} #rhsContainer img.subMenuBottom{position:relative;left:4px;height:8px;width:192px;} #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, #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;} /*-------------- ALSO OF INTEREST ---------------*/ #interest p.title{position:relative;left:5px;top:2px;font:Bold 13px arial, sans-serif;color:#fff;margin-bottom:4px;} #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;} /*-------------------- 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;} /*----------------- CONTENT AREA STYLES -------------------*/ #contentWrapper{position:relative;left:22px;width:752px;background-color:#fff;} #content {position:relative;width:542px;background:url(images/ContentBkgrnd.jpg) no-repeat;} #topspace{position:relative;top:60px;width:542px;height:60px;left:23px;} #leftColumn p.content, #rightColumn p.content{padding:1.5em 0 0;} #rightColumn p.footnote{right:-25px;} #rightColumn ul.content{position:absolute;margin-left:260px;padding:.5em 0 0 1.5em;left:10px;width:210px;top:38px;font: italic bold 12px Times, serif;color:#8c8999;line-height:1.4em;} .rightColumnImage{position:absolute;right:0;top:20px;} #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;} 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:270px;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;} .introImage{position:absolute;left:0;top:5px;} /*-------------------------- CONTENT - RUNAROUND MODIFIERS -----------------------------*/ #runaround {position:relative;left:23px;width:508px; } /*----QUOTE----*/ .history_twoColumnRunaround{width:510px !important;} #run2{width:120px;height:212px;} #run1{width:145px; height:232px;} #run1.runaround2{width:145px; height:232px;} .runaround{float:left;clear:left;} .runaround{float:left;clear:left;} .runaround2{float:right;clear:right;} /*----------------------------- TWO COLUMN RUNAROUND PARAMETERS -------------------------------*/ /*----MAIN TEXT AREA AFTER QUOTE----*/ #twoColumnRunaround{position:relative;width:533px;} #twoColumnRunaround.backToTop{position:relative;right:23px;top:-20px;} /*----QUOTEE----*/ #twoColumnRunaround #runaround p.footnote{padding-top:0;padding-bottom:3px;right:-25px;line-height:1.15em;} /*amount of space image takes up*/ #twoColumnRunaround #run2{position:relative;width:135px;height:232px;} #twoColumnText{position:relative;top:-10px;} /*----LEFT COLUMN PARAGRAPH TEXT----*/ #twoColumnText #leftColumn .content{margin:0 250px 0 0;} /*----RIGHT COLUMN PARAGRAPH TEXT----*/ #twoColumnText #rightColumn p.content{position:absolute;margin-left:296px;width:210px;top:0px;} #twoColumnRunaround img.rightColumn{position:relative;width:250px;left:0;padding-top:10px;} /*----POSITIONING OF ANY IMAGE IN THE INTRODUCTION----*/ #twoColumnRunaround img{position:absolute;left:23px;} /*------------------------------- 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.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.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} #bubbleSection{position:relative;left:23px;height:24px;width:508px;background:url('images/bubbleSectionTop.gif') no-repeat top left;margin:0;} #bubbleSection 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;top:-2px;} #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;} .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;} /*--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);} .clearingBottom hr.bottom{width:100%; height:1px; clear:both; margin:0 0 10px 0; background-image:url(images/yellowPix.gif);} .clearingLeft{height:0;clear:left;} .clearingRight{height:0;clear:right;} /*------------------- 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;position:relative;} #newsSubsection p.title{position:relative;left:80px;width:400px;} #newsSubsection p.newsDate{font:italic bold .9em times, serif;position:relative;left:92px;top:-5px;} #newsSubsection p.content{position:relative;left:92px;top:-5px;padding:5px 0 0;width:410px;} #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;} .news p.title{ font-size:2.5em; } .news p.subtitle{ font:bold 1.25em Arial, sans-serif; color:#84642b; } .newsDate{position:relative;font:bold italic 8pt Times, serif;color:#84642b;left:5px;top:5px;} ul.newsbulletedList{ position:relative; left:10px; font:bold italic 1.25em times, serif; color:#84642b; list-style-type: circle; } p.newsFootNote{ font:bold italic 1em times, serif; color:#000; } #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 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.25em arial, sans-serif; color:#fff; position:relative; left:-13px; 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{ position:absolute; top:-8px; 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;} /*--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;} /*--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;} /*--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:bold 10px Arial, sans-serif;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 .leftSide p{color:#8a8a8a;} #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;} /*----------------- CONTACT INFORMATION ------------------*/ #contentOverviews p#phoneFax{position:absolute;left:250px;top:30px;} #contact p#phoneFax{position:absolute;left:260px;top:0;} #contact{position:relative;left:12px;} /*--------------- 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;top:-14px;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; } /*-------------------- gallery styles --------------------*/ #galleryPosition {} h1 { font-size:16px; margin-left: 1em; } #dirnav1 {position:relative; top:-450px;width:100%; overflow:auto; clear:both; text-align:center; padding:0; background-color:#fff; border:solid #777; border-width:1px 0 1px 0;} #dirnav1 ul{margin:auto; padding:2px 0; list-style-type:none;} #dirnav1 li{width:95%; border:solid #aaa; border-width:1px 0 0 0; margin-left:15px; padding:0; list-style-type:none; float:left; text-align:left;} #dirnav1 ul li li {width:20%; padding:0; clear:left; color:#888;} #dirnav1 a {display:block; padding:2px 5px 2px 5px; } #dirnav1 a:hover {background-color:#ddd; color:#000; } #thumbnails {position:relative; top:-450px;} p.thumb {width: 151px; height: 100px;margin: 10px; padding: 3px 3px 18px 3px; /*WHITE BOX AROUND IMAGE*/ float:left; font-size: 10px; text-align: center;background-color: #fff; border: 1px solid #ccc; border-style:solid; border-width:1px; border-color:#ccc #a0a0a0 #a0a0a0 #ccc;} p.thumb a {color:#000; font-weight:bold; } p.thumb a img{ width:90%; height:80%; margin-bottom:5px;} tt {font-family: verdana; font-size: 10px; color: #000; } .pagenav {position:relative; margin:auto; clear:both; float:left; height:20px; width:100%; text-align:left; top:-450px; } .pagenav ul, .pagenav li {margin:auto; padding:0; list-style-type:none; } .pagenav li {float:left; text-align:center; } .pagenav li.current a.page {font-weight:bold; color:#fff; background-color:#aaa; } .pagenav a.page {display:block; padding:2px 5px 2px 5px; color:#444; } .pagenav a.prev, .pagenav a.next, .pagenav .prev, .pagenav .next {display: block; width: 65px; padding: 2px 5px 2px 5px; } .pagenav a:hover {color: #000; } a {color: #999; text-decoration: none; } a:hover, a:active {color: #d0d0d0; } a img {border-width: 3px;border-style: solid;border-color: #aaa #ccc #ccc #aaa; padding: 0; background-color: #ccc; } a:hover img {border: 3px solid #eee; } p.footer {position:relative; float:right; clear:both; margin:-20px auto auto auto; }