/*------- COLOUR GUIDE

000033 - Very Dark Navy (rich)
3c4c65 - Dark Navy (dull)
c1c7d5 - Light Blue
3183a9 - Dark Aqua
a3c8d9 - Light Aqua
656e81 - Grey-Blue (used for text)
bebebe - Grey (Non-hover menu background)
6789a2 - Med blue-grey 
6ea3bf - Med-light teal-grey 
afc1d3 - Light blue-grey
c1c7d5 - lighter blue-grey (dull)
b89738 - Dark Gold

---------*/

*{padding:0;border:0; margin:0;}

#wrapper {position:relative;top:0;margin:0 auto;width:751px;text-align:left;border:1px; font:8pt Arial, sans-serif;}

body {background:#ffffff url(images/BodyBkgrnd2.jpg) repeat-x;background-attachment: fixed;background-size: 100%;}


#left23px{position:relative;left:23px;}
#left10px{position:relative;left:10px;}
#zindexTop {z-index:1;}
#zindexContent{z-index:1000;}

/*---------------------
FEEDSWEEP STYLES
-----------------------*/
.feedsweep {width:450px; font:9px ariel, sans-serif; color:#666; margin-left:23px;}
.feedsweep_link{color:#003366;}
.feedsweep_title{font-size:10px;color:#003366;}
.feedsweep_item{border-bottom:1px dotted;border-color:#a2a2a2;margin-bottom:8px;}
.feedsweep_date{font-size:10px;}
.feedsweep_headline{font-size: 18px;font-style:bold;color:#003366;}
.feedsweep_body{color:#222222;margin-bottom:8px;}

/*----------------------
DEFAULT PARAGRAPH STYLES
-------------------------*/

ul.bullet {font:italic 13px times, serif;color:#666;background:transparent none;}
ul.bullet b u{color:#7e7258;}
ul.bullet a{text-decoration:none;color:#666;}
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:#3183a9;}
.backToTop a:hover{color:#b1b395;}

#right18px{position:relative;right:-18px;}

.contact {font:7.5em Arial, sans-serif;color:#000;}

.content {font: 9pt Arial, sans-serif; line-height:1.5em; color:#656e81;padding:5px 0 0 0;}

.smallContent {font:italic 11pt times, serif;line-height:1.5em;color:#555;padding:5px 0 0 0;}

.bi{font:italic bold 1em times, serif;color:#3183a9;}

.footnote {font:7pt Arial, sans-serif;color:#000;text-align:right;font-style:italic;}

.intro {font: 18px Arial, sans-serif;color:#3183a9; line-height:1.1em; margin-bottom: 5px;}

.title{font: bold 16px Arial, sans-serif;color:#3183a9;margin:0 0 10px 12px;}

.titleNoIndent {font:italic bold 18px Times, serif;color:#3183a9;margin:15px 0 5px 0;}

.titleNoPadding{font:italic bold 18px Times, serif;color:#3183a9;margin-bottom:-10px;}

.title2 {font:italic 1.75em 'Times Roman',serif;color:#3183a9;line-height:1.25em;}

h1 p.titleTop {font:italic bold 18px Times, serif;color:#3c4c65;margin:0 0 10px 12px;}

/*---------------------------
MASTER MENU STYLES
---------------------------*/
#masterMenu {position:fixed;top:110px;margin:0 auto;width:751px;height:39px;background:url('images/MenuBkgrnd.jpg')repeat-x; z-index:1;}
#masterMenu ul{position:relative;top:19px;list-style:none;float:left;}
/*Main navigation menu text*/ 
	#masterMenu a {font:11px arial,helvetica,sans-serif;display:block;color:#666;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:#cecece;background:url('images/menuTier1Bkgrnd.gif') no-repeat 0 0;height:18px;}
/*Submenu border*/
	#masterMenu li.plain {border-width:0 0 1px 1px;border-color:#999;border-style:solid;}
	#masterMenu li.subMenu {border-width:0 0 1px 1px;border-color:#6789a2;border-style:solid;}
#masterMenu li.plain li.subMenu{top:0;}
#masterMenu li.plain{padding:2px 0 2px 5px;color:#777;background-color:#bebebe;}
/*Main product menu text rollover*/ 
	#masterMenu li.plain:hover{color:#6789a2 ;background: #cad3e0 url('images/arrow1c1.gif') no-repeat 0 5px;padding:2px 0 2px 20px;width:156px;}
#masterMenu a.center{text-align:center;}
/*Main menu background colour*/  #masterMenu li.subMenu{background-image:none;background-color:#cad3e0 ;padding:2px 0 2px 3px;}
/*Main menu text colour*/  #masterMenu li.subMenu a{color:#6789a2;}
/*Main menu rollover background colour*/ #masterMenu li.subMenu:hover {background: #aabfcf url('images/arrow1c2.gif') no-repeat 100% 5px;}
/*Main menu rollover text colour*/   #masterMenu li.subMenu:hover a{color:#fff;}

/*Submenu rollover colour*/    #masterMenu ul li ul li.plain ul li{background-color:#cad3e0;}
/*Product submenu rollover text colour*/ 	#masterMenu ul ul ul li a:link{color:#6789a2;} 

#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:#6789a2;border-style:solid;}

#masterMenu li.hydrogen li.subMenu{top:0;}
#masterMenu li.hydrogen:hover{color:#479c87;background:#000033 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:#000033;}
#masterMenu li.hydrogen{padding:2px 0 2px 5px;color:#5e5e5e;background-color:#bebebe; border-width:0 0 1px 1px;border-color:#6789a2;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:20;}



/*---------------------------
SUBMENU STYLES
---------------------------*/
#subMenu {position:relative;margin-left:2px;width:193px;background-color:#cad3e0;}
#subMenu ul{position:relative;list-style:none;border-width:1px 1px 0px;border-color:#6789a2;border-style:solid;margin:0;}
#subMenu ul li{padding:4px 5px;border-width:0 0 1px;border-color: #6789a2;border-style:solid;}
#subMenu li.highlight a{width:180px;font-size:11px;display:block;color:  #6789a2;text-decoration:none;}
#subMenu li.highlight:hover{background:  #aabfcf 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:  #479c87;width:121px;padding:0 2px 2px;}*/

h2 #subMenu li.highlight a{font:11px Arial, sans-serif;}

#submenu p.bottom{margin-left:2px;width:193px;background-color:#000033;font:4px Arial, sans-serif;}

/*--------------------
HORIZONTAL RULE STYLES
----------------------*/
hr.section {height:3px;width:500px;color:#aaa;margin:10px 0;top:-10px;}
hr.section2 {height:3px;width:500px;background-image:url(images/blueHrx6.gif);background-color:#6789a2;margin:10px 0;top:-10px;}
hr.subsection {height:1px;width:506px;color:#aaa;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:#3183a9;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:#6789a2 /*--Navy BLUE--*//*#3c4c65 --NAVY--*/;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-color:#3183a9; margin-bottom:5px;}
#interestRight.home {position:relative;left:3px;}

/*--------------------
LEFT SIDE SWOOSH IMAGE
----------------------*/
#lsideSwoosh {position:absolute;top:310px;}


/*------------------
TOP LOGO AREA STYLES
-------------------*/
.logo {position:relative;top:25px;left:23px;}

#topLogoArea {position:fixed;top:0;margin:0 auto;width:751px;height:110px;background-image:url(images/topLogoAreaBkgrnd.gif);z-index:2;}
#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;height:100px;margin-top:149px;width:751px;background-image:url(images/MastheadBkgrnd.jpg);}

.mastheadImage{position:absolute;right:1px;top:-101px;}

#mastheadBottom {position:relative;margin-top:149px;height:81px;width:751px;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;height:81px;width:751px;background-image:url(images/home/homeSwooshBkgrnd.jpg);}
#mastheadBottomHome p.title{position:absolute; top:-80px; left:20px; color:#f4fbca; font:italic 1.75em 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:55px; height:25px; background: url(images/ContactUs.gif); margin:0; padding:0; position:absolute; right:2px;top:15px;}
#cngRollover li{margin:0; padding:0; list-style:none; position:absolute; right:2px;}
#cngRollover li, #cngRollover a{height:25px; display:block;}

#panel1b {left: 0; width: 55px;}
#panel1b a:hover {background: transparent url(images/ContactUs.gif) 0px -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;}
#topImage{position:relative;margin-bottom:15px;margin-left:50px;clear:left;background: url(images/sideMenuBkgrnd.jpg) no-repeat top right;width:150px;height:100px;}


/*--------------------------
RIGHT SIDE CONTENT AREA
----------------------------*/

/*-----------------------------------------------
CONTAINER THAT HOLDS THE BLUE GRADIENT BACKGROUND
-------------------------------------------------*/

#rhsContainer{position:relative;float:right;right:7px;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:#3183a9; 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:#3183a9; margin-bottom: 10px;}
#cvArea h1.cvContentAreaTitle {font:bold 18px "Arial Narrow", sans-serif; color:#3183a9; 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:#3183a9; 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:#3183a9;}
#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:#cdcdcd 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:#777;margin:5px 0;}
/*#interest p.content object{z-index:1000;}*/
#interest p.link{padding-bottom:10px;}
#interest p.link a{font:bold 10px arial, helvetica, sans-serif;color:#3183a9;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:#3183a9;margin:10px 0 0;}

#yellowBar{width:194px;height:18px;background-color:#cb9900;}
#tealBar{width:194px;height:18px;background-color:#3c4c65;} /*----NAVY BAR---*/
.newsDate{position:relative;font:bold italic 8pt Times, serif;color:#3183a9;left:5px;top:5px;}

/*-------------------
RESOURCES
--------------------*/
#resources h3.links a{font:.8em 'Arial', sans-serif;color:#3183a9;}

/*--------------------
FEATURED SALES PARTNER
----------------------*/
#featuredSalesPartner{width:186px;background:url(images/featuredSalesPartner.gif) no-repeat;background-color:#273340;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:150px;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;width:751px;background-color:#fff;}
#content {width:542px;background:url(images/ContentBkgrnd.jpg) no-repeat;background-color:#fff;}
#topspace{position:relative;top:60px;width:542px;height:60px;left:23px;}

.holder{position:relative; display:block;} /*group of left and right columns*/
.leftSide{width:160px; float:left;} /*left column*/
.leftSide p.title{font:bold 15px Arial, sans-serif;color:#3183a9;line-height:1.1em; text-align:right;margin-top:6px;}/*left column teal intro text*/
.rightSide{margin-left:165px;width:350px;padding:0 10px;border-width:0 0 0 1px; border-style:solid;border-color:#bbb;display:block; align:left;}/*right side column grey paragraph text*/
div.dotDivider {position:relative;border-style:dotted; border-width:0 0 1px 0; margin:5px 0 15px 20px; border-color:#bbbbbb; clear:left; width:510px; height:1px;}

#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:#3183a9;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:#3183a9;padding:0 0 13px 0;left:-17px;}

.rightColumnImage{position:absolute;right:0;top:20px;}

p.content b{font: italic bold times, serif;color:#3183a9;}

#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;}
#content hr.section2{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;background-color:#bbb;margin:10px 0;top:-10px;}
#fullWidthCopy hr.section2{height:3px;width:500px;background-color:#bbb;margin:10px 0;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;}

/*-------------------------
FEATURES/BENEFITS (BUBBLES with teal top)
---------------------------*/
#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:#ccffff;}

#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%;float:left;margin-right:-230px;}
#bubbleTextContent{float:left;width:240px; }

#bubbleImage{width:220px;margin:10px 10px 10px 0;float:right;}
#bubbleImageHome{width:220px;
height:300px;margin:10px 10px 10px 0; background-repeat:no-repeat;}

.last{margin-bottom:0;}

#bubbleTextContent p.content {margin-left:15px;}
#bubbleTextContent ul.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;}


/*-------------------------
FEATURES/BENEFITS (BUBBLES with dark blue top)
---------------------------*/
#bubbleSection2{position:relative;left:23px;height:24px;width:508px;background:url('images/bubbleSectionTop.gif') no-repeat top left;margin:0;clear:left;}
#bubbleSection2 p.title, #bubbleSection h3 p.title {position:relative;left:15px;top:3px;font:bold 13px arial, sans-serif;color:#fff;}

/*--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:#3183a9;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;color:#bbb;left:-23px;height:1px;}
#newsSubsection h3.sitemap a{font:.65em 'Arial', sans-serif;color:#3183a9;}
#newsSubsection h3.sitemap a:hover{font:.65em 'Arial', sans-serif;color:#3183a9;}
#newsSubsection img{width:76px; left:1px;}
#newsSubsection img.up10px{}
#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:16px; margin-left:-2px;}
.news p.subtitle{font:bold 1.25em Arial, sans-serif;color:#3183a9;}

ul.newsbulletedList{position:relative;padding-left:15px;font:bold italic 1.25em times, serif;color:#3183a9;}

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/bubbleSectionTop.gif) no-repeat;background-position:0px -3px;position:relative;left:20px;width:516px;}
#contentOverviews p.title {font:bold 1.15em "Arial", sans-serif;color:#fff;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;}*/
#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;}



/*-----------
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.tableBottom textarea{background-color:#f9ef9f;color:#cca008;
		border-width:1px;border-color:#c89c08;border-style:solid;}
.yellowFormInput{background-color:#f9ef9f;border-width:1px;border-color:#c89c08;border-style:solid;}
.greyFormInput{background-color:#bebebe;border-width:1px;border-color:#9b9b9b;border-style:solid;}
#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 td.tableSubmit input:hover{font:bold 11px Arial, sans-serif;background-color:#c89c08;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 #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;width:751px;background:url('images/pageBottom.jpg') no-repeat top left;font:bold 10px Arial, sans-serif;color:#777;padding-bottom:20px;}
#bottom p{padding:8px 0 0 0;}
#bottom p.links{padding-top:20px;}
#bottom a{color:#777;text-decoration:none;}
#bottom a.show{text-decoration:underline;color:#ce0066;}
#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;}

/*-------------------------------
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:#3183a9;}
#messageFromPresident #newsSubsection p.title2 {font:bold 1.15em Arial, sans-serif;color:#3183a9;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;}
/*------------
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;}