@charset "utf-8";

body { background:url("../images/bg_body.jpg") repeat; }





address { font-style:normal; line-height:20px; }
address { line-height:20px; }
address strong.tele { display:inline-block; width:150px; }
address span.locale { display:block; margin-bottom:-5px; }




div#wrapper { width:911px; margin:auto; padding:35px 0 10px 0; }
div#wrapper div.W_001 { width:100%; height:auto; padding-top:15px; background:url("../images/bg_wrapper_T.png") 0 0 no-repeat; }
div#wrapper div.W_002 { width:100%; height:auto; padding-bottom:15px; background:url("../images/bg_wrapper_B.png") 0 100% no-repeat; }
div#wrapper div.W_003 { width:auto; height:auto; padding:0 8px; background:url("../images/bg_wrapper_M.png") 0 0 repeat-y; }
div#wrapper div.W_004 { width:auto; height:auto; padding:273px 18px 11px 18px; background:#FFF; }
div#wrapper div.W_005 { width:100%; padding:22px 0 49px 0; background:url("../images/bg_content.gif") #FEFCF4 100% 0 repeat-y; }

* html div#wrapper div.W_002 { padding-bottom:14px; }



div#bodywrap { z-index:3; width:auto; height:auto; background:url("../images/bg_content_line.gif") 698px 0 repeat-y; }

div#content { float:right; width:695px; height:auto; }
div#content div.C_001 { width:100%; height:auto; min-height:500px; }
div#content * { line-height:16px; }

div#content div.centercol { width:495px; float:left; padding:0 25px 30px 15px; }
div#content div.rightcol { width:130px; float:left; padding:59px 15px 0 15px; }

div#content div.rightcol h1,
div#content div.rightcol h2,
div#content div.rightcol h3,
div#content div.rightcol h4,
div#content div.rightcol h5,
div#content div.rightcol h6
{ font-size:11px; }

div#content div.rightcol * { font-size:10px; }


* html div#content div.centercol h1 { display:inline; }

div#navigation { float:left; width:156px; height:auto; padding-top:10px; }

/* LEVEL 1 */
div#navigation ul { width:auto; height:100%; margin:0; padding:0 8px 0 16px; text-align:left; cursor:default; }
div#navigation ul li { display:block; position:relative; list-style:none; width:auto; height:auto; margin:0; padding:0 0 1px 0; background:url("../images/bg_leftnav_spacer.gif") 0 100% repeat-x; }
div#navigation ul li a { display:block; width:auto; text-decoration:none; text-transform:capitalize; line-height:normal; width:100%; height:auto; margin:0; padding:5px 0; color:#FFF; font-weight:normal; font-size:11px; }
div#navigation ul li.last { background:none; padding-bottom:0; }
div#navigation ul li:hover a { font-weight:bold; }
div#navigation ul li.active a { font-weight:bold; }
div#navigation ul li.active.hasChildren { padding-bottom:3px; }
div#navigation ul li.active.hasChildren a { padding-bottom:2px; }

/* LEVEL 2 */
div#navigation ul li ul { display:none; }
div#navigation ul li.active ul { display:block; padding:0; height:auto; }
div#navigation ul li.active ul li { width:auto; background:none; padding:0; }
div#navigation ul li.active ul li a { font-weight:normal; padding:2px 0; text-transform:capitalize; font-size:9px; }
div#navigation ul li.active ul li:hover a { text-decoration:underline; }
div#navigation ul li.active ul li.active a { text-decoration:underline; }


/* LEVEL 3 */
div#navigation ul li.active ul li ul { display:none; }
div#navigation ul li.active ul li.active ul { display:block; }
div#navigation ul li.active ul li.active ul li { padding-left:8px; }
div#navigation ul li.active ul li.active ul li a { display:block; font-size:10px; text-transform:uppercase; font-style:normal; text-decoration:none; }
div#navigation ul li.active ul li.active ul li:hover { background:url("../images/bg_leftnav_item.gif") 0 7px no-repeat; }
div#navigation ul li.active ul li.active ul li.active { background:url("../images/bg_leftnav_item.gif") 0 7px no-repeat; }
div#navigation ul li.active ul li.active ul li.active.hasChildren { padding-bottom:0; }




div#footer { z-index:0; position:absolute; top:auto; right:0; bottom:0; left:0; width:100%; height:34px; overflow:hidden; background:url("../images/bg_footer.gif") 0 0 repeat-x; }
div#footer div.F_001 { width:auto; height:100%; padding-left:174px; }
div#footer * { color:#FFF; font-size:10px; }
div#footer address { font-style:normal; line-height:38px; }

div#footnav { width:100%; height:60px; }
div#footnav div.holder { display:block; width:911px; margin:auto; height:auto; }
div#footnav div.holder ul { display:block; width:100%; height:100%; margin:0; padding:0; text-align:right; }
div#footnav div.holder ul li { display:inline; list-style:none; margin:0; padding:0 8px; border-left:1px dotted #6B3526; }
div#footnav div.holder ul li:first-child { border:none; }
div#footnav div.holder ul li a { color:#6B3526; text-transform:lowercase; }

div#navigation-background { z-index:1; position:absolute; top:0; right:auto; bottom:0; left:0; width:156px; height:100%; background:url("../images/bg_leftnav.jpg") 0 0 repeat; }
div#navigation-background div.N_001 { position:absolute; top:0; right:0; bottom:0; left:0; background:url("../images/bg_leftnav_edge_B.png") 0 100% no-repeat; }
div#navigation-background div.N_002 { position:absolute; top:0; right:0; bottom:34px; left:0; background:url("../images/bg_leftnav_edge_R.png") 100% 100% repeat-y; }

/* ie6 cant do height 100% with absolute position so lets hack */
* html div#navigation-background { height:expression(document.body.clientHeight-384); }
* html div#navigation-background div.N_001 { width:100%; height:expression(document.body.clientHeight-384); }
* html div#navigation-background div.N_002 { width:100%; height:expression(document.body.clientHeight-418); }





div#banner { z-index:2; width:1000px; height:400px; background:none; position:absolute; left:50%; top:-315px; margin-left:-500px; }
div#banner div.stitch_top { z-index:1; position:absolute; top:50px; left:50%; margin-left:-430px; width:859px; height:265px; background:url("../images/bg_stitching.png") 4px 0 repeat-x; }
div#banner div.stitch_bot { width:100%; height:100%; background:url("../images/bg_stitching.png") 0 100% repeat-x; }
div#banner div.banner { z-index:0; position:absolute; top:53px; left:50%; margin-left:-430px; width:859px; height:256px; }
div#banner div.banner img { margin:auto; width:100%; height:100%; }

/*
div#banner div.fix { position:absolute; z-index:99999; opacity:0.7; top:3px; left:50%; margin-left:-495px; width:993px; height:394px; background:url("../images/OriginalHeader.jpg") 0 0 no-repeat; }
*/

div#flashholder { z-index:2; width:100%; height:100%; }
div#flashholder div#flashcontent { width:100%; height:100%; /* background:url("../images/ajax-loader.gif") 50% 50% no-repeat; */ }




div#topnav { z-index:99; position:absolute; top:-299px; right:0; width:345px; height:37px; overflow:hidden; background:url("../images/bg_nav_header_top.png") 0 0 no-repeat; }
div#topnav div.holder { display:block; width:auto; height:25px; color:#FFF; padding-left:15px; top:10px; }
div#topnav div.holder * { vertical-align:middle; display:block; height:100%; float:left; line-height:25px; font-weight:normal; color:#FFF; margin:0; padding:0; }
div#topnav div.holder a:hover { text-decoration:none; font-weight:bold; cursor:pointer; }
div#topnav div.holder span.slash { padding:0 8px; }
div#topnav div.holder form input.search { padding:1px; font-size:11px; width:120px; height:auto; line-height:normal; color:#000; background:#FFF; border:1px solid #6B3526; }

div#topnav div.holder form div.glow { display:inline; position:relative; top:3px; height:auto; margin-left:10px; background:#FFF; }
div#topnav div.holder form div.glow.focus {
box-shadow:0px 0px 5px rgba(255, 255, 255, 1);
-moz-box-shadow:0px 0px 5px rgba(255, 255, 255, 1);
-webkit-box-shadow:0px 0px 5px rgba(255, 255, 2550, 1);
}







div#welcome { width:512px; margin-bottom:12px; background:url("../images/bg_home_v2_welcome_area_repeat.gif") 0 0 repeat-y; }
div#welcome * { padding:0; margin:0; color:#FFF; font-size:11px; font-family:"georgia",serif; line-height:15px; }
div#welcome div.WT-inner_001 { width:100%; background:url("../images/bg_home_v2_welcome_area.gif") 0 0 no-repeat; }
div#welcome div.WT-inner_002 { width:auto; min-height:97px; padding:53px 180px 20px 20px; background:url("../images/bg_home_v2_welcome_area_bottom.gif") 0 100% no-repeat; }

/*
div.features { width:520px; margin-left:-7px; }
div.features div.feature_A { width:170px; min-height:190px; float:left; overflow:hidden; background:url("../images/bg_feature_A.gif") 0 0 no-repeat; }
div.features div.feature_B { width:170px; min-height:190px; float:left; overflow:hidden; background:url("../images/bg_feature_B.gif") 0 0 no-repeat; margin:0 5px; }
div.features div.feature_C { width:170px; min-height:190px; float:left; overflow:hidden; background:url("../images/bg_feature_C.gif") 0 0 no-repeat; }
div.features h3 { color:#FFF; font-weight:normal; font-style:italic; font-family:"georgia",serif; font-size:16px; margin:158px 0 8px 0; display:block; text-indent:8px; width:100%; height:27px; line-height:26px !important; }
div.features p { margin:0; padding-left:8px; }
*/

div.features { width:525px; margin-left:-12px; }
div.features div.feature { width:163px; padding-top:184px; margin-bottom:25px; float:left; margin-left:12px; }
div.features div.feature div.label { z-index:100; position:absolute; top:144px; left:-8px; }
div.features div.feature div.label a { display:block; width:145px; color:#FFF; font-weight:normal; font-style:italic; font-family:"georgia",serif; font-size:16px; display:block; padding:5px; border:2px solid #FFF; }
div.features div.feature div.label a:hover { text-decoration:none; }
div.features div.feature img.imgBehind { width:158px; height:164px; position:absolute; top:0; left:0; }

div.features div.feature.f-L div.label a { background:#f5ba38; }
div.features div.feature.f-M div.label a { background:#a8cc4e; }
div.features div.feature.f-R div.label a { background:#679fb8; }

div.features div.feature.f-L div.label a:hover { background:#e4a927; }
div.features div.feature.f-M div.label a:hover { background:#97bb3d; }
div.features div.feature.f-R div.label a:hover { background:#568ea7; }







div#departments { width:525px; margin-left:-12px; }
div#departments div.department { width:163px; height:169px; margin-bottom:25px; float:left; margin-left:12px; }
div#departments div.department div.label { z-index:100; position:absolute; bottom:-5px; left:-8px; }
div#departments div.department div.label a { display:block; width:145px; color:#FFF; font-weight:normal; font-style:italic; font-family:"georgia",serif; font-size:16px; display:block; padding:5px; border:2px solid #FFF; background:#E5AA24; }
div#departments div.department div.label a:hover { background:#CC9933; text-decoration:none; }
div#departments div.department img.imgBehind { width:158px; height:164px; position:absolute; top:0; left:0; }

div#flyers { width:525px; margin-left:-12px; margin-top:20px; }
div#flyers div.flyer { width:163px; height:240px; float:left; margin-left:12px; }
div#flyers div.flyer img { width:158px; height:164px; margin-bottom:5px; }
div#flyers div.flyer p { margin-bottom:5px; }



div#faqs { margin-top:20px; }
div#faqs div.faq { }
div#faqs div.faq div.answer { display:none; }
div#faqs div.faq h3.question { margin-bottom:10px; }
div#faqs div.faq h3.question.active { color:#8BB13F; }
div#faqs div.faq h3.question:hover { color:#8BB13F; cursor:pointer; }

/*
div#faqs h3 span.inc { width:25px; text-align:right; position:absolute; left:-10px; }
*/
div#faqs h3 span.inc { display:none; }


form input.submit { display:block; border:none; margin:0; font-weight:bold; color:#FFF; padding:5px 10px; border:2px solid #FFF; background:#8BB13F; }
form input.submit:hover { background:#9CC24F; }


form#onlineSurvey { width:368px; }
form#formApplication { width:500px; }


form.style_001 { zoom:1; }

form.style_001 input { line-height:normal; }
form.style_001 label { display:block; clear:both; min-height:32px; width:380px; }

form.style_001 .label { width:160px; padding-right:20px; float:left; font-weight:bold; position:relative; top:3px; }
form.style_001 .label:hover { color:#6B3526; cursor:pointer; }
form.style_001 .label em { font-weight:normal; color:#555; }

form.style_001 .fakeLabel { width:160px; padding-right:20px; float:left; font-weight:normal; position:relative; top:3px; }

form.style_001 input.text { width:180px; }
form.style_001 .short { right:100px; }
form.style_001 .short input.text { width:80px; }
form.style_001 .shadow { display:block; width:auto; clear:right; float:right; top:0; margin:0; padding:0; }

form.style_001 .button1 { float:left; left:190px; margin-top:10px; }
form.style_001 .button2 { float:right; right:20px; margin-top:10px; }
form.style_001 .button3 { float:left; margin-top:10px; left:-2px; }

form.style_001 .shadow.textarea { float:left; clear:both; top:5px; }
form.style_001 .shadow.textarea textarea { width:372px; height:110px; }

form.style_001 label.textarea { width:502px; }
form.style_001 label.textarea textarea { width:302px; height:110px; }

form.style_001 div.twocol { display:block; clear:both; min-height:32px; }
form.style_001 div.twocol label { float:left; width:auto; }
form.style_001 div.twocol label span { width:166px; }
form.style_001 div.twocol .short { right:auto; }
form.style_001 div.twocol .short input.text {  }

form.style_001 div.twocol .shadow { margin:0 6px; float:left; clear:none; }


* html form.style_001 div.twocol .shadow { display:inline; }
*:first-child+html form.style_001 div.twocol .shadow { margin:0 3px; }


form.style_001 div.colnames { padding-left:195px; width:100%; height:25px; overflow:hidden; }
form.style_001 div.colnames * { display:block; margin:0; padding:0; height:25px; line-height:25px !important; }
form.style_001 div.colnames em { float:left; width:100px; }
form.style_001 div.colnames strong { position:absolute; width:190px; top:0; left:0; }

form.style_001 div.radio { clear:both; margin-bottom:10px; }
form.style_001 div.radio span { display:inline; min-width:170px; font-weight:bold; margin-right:10px; }
form.style_001 div.radio label { display:inline; margin:0 5px; font-weight:bold; position:relative; min-height:0; }
form.style_001 div.radio label:hover { color:#6B3526; cursor:pointer; }
form.style_001 div.radio label input.radio { display:inline; cursor:pointer; position:relative; top:2px; }
form.style_001 div.radio.squish label { margin:0 2px 0 0; }

/*
form.style_001 em.explain { width:160px; display:block; float:left; clear:left; margin-top:-15px; margin-bottom:10px; color:#555; }
*/

form.style_001 span.req { display:inline; width:auto; margin:0; padding:0; float:none; color:#F00; top:0; }
form.style_001 p.legend { float:left; margin-left:182px; }

form.style_001 .elmError { background:#FFCCCC; color:#880000; }

/*
form.style_001 span.shadow { margin-top:10px; }
form.style_001 h2 { margin-bottom:10px; }
*/


table.tableStyle001 { text-align:left; table-layout:auto; width:380px; } 
table.tableStyle001 td,
table.tableStyle001 th { padding:3px 0; border:none; }

table.tableStyle001 .alignRight { text-align:right; }

form table.tableStyle001 input.text { width:40px; }
form table.tableStyle001 .shadow { float:right; clear:none; }
form table.tableStyle001 .visCal { float:right; clear:none; color:#555; position:relative; top:3px; left:-3px; }

form#loginform { height:70px; overflow:hidden; margin:0; padding:0; zoom:1; min-height:0; }
form#loginform div.shadow { margin:0 10px 0 0; float:left; top:4px; }
form#loginform div.shadow.submit { top:0; }
form#loginform input.text { width:160px; background:#FFF; border:1px solid #D3D3D3; }

form#loginform em.msg { display:block; margin-top:5px; }

/* EVERYTHING BUT IE8 */
form#loginform div.shadow, x:-moz-any-link { top:5px; }
form#loginform em.msg, x:-moz-any-link { margin-top:3px; }


form input.blur { color:#AAA !important; }

div.warning { display:none; position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; text-align:center; background:url("../images/pluginIcon.png") 50% 50% no-repeat; }
div.warning * { color:#C66; font-size:12px; font-family:"georgia",serif; }
div.warning p.flashversion span { font-weight:bold; color:#000; font-family:"verdana",sans-serif; }
div.warning a { text-decoration:underline; font-weight:bold; }
div.warning li { list-style:inside decimal; }
div.warning div.NS_001 { position:static; display:table; width:100%; height:100%; overflow:hidden; #position:relative; }
div.warning div.NS_002 { position:static; display:table-cell; vertical-align:middle; #position:absolute; #top:50%; #left:0; #width:100%; } 
div.warning div.NS_003 { position:static; display:block; #position:relative; #top:-50%; #left:0; }




div.testimony div.content * { margin:0 !important; }



div#content .error { display:none; }
div#content .error * { color:#F00; }

div#content .success { display:none; padding-left:60px; min-height:50px; background:url("../images/icon_success.png") 0 0 no-repeat; }
div#content .success * { color:#42AE31; line-height:50px; }


div.portrait { float:left; margin:0 20px 5px 0; }
div.portrait img { margin:0 !important; }
div.gas-content { float:left; width:325px; }

div.gasbar_cols { width:505px; }
div.gasbar_cols div.col-L { width:170px; padding-right:30px; float:left; overflow:hidden; }
div.gasbar_cols div.col-R { width:305px; float:left; overflow:hidden; }
div.gasbar_cols div.col-R img { max-width:300px; width:auto !important; height:auto !important; }


div#content div.centercol img { margin:0 0 10px 0; }
div#content div.centercol img.float-L,
div#content div.centercol img[align='left'] { float:left; margin-right:15px !important; }
div#content div.centercol img.float-R,
div#content div.centercol img[align='right'] { float:right; margin-left:15px !important; }
div#content div.centercol .shadow *,
div#content div.centercol .shadow-children > * * { margin:0 !important; }





div#content div.centercol ul li { list-style-type:none; list-style-image:url("../images/bg_list_item.gif"); position:relative; left:12px; }
div#content div.centercol ul ul { padding-left:10px; }
div#content div.centercol ul ul li { list-style-image:url("../images/bg_list_item_small.gif"); }

div#content div.centercol.overlay .shadow { display:block; position:absolute; left:15px; top:0; z-index:100; }
div#content div.centercol.overlay .shadow h1 { display:block; } 

div#content div.centercol.overlay img { margin:-22px 20px 10px 0 !important; }
div#content div.centercol.overlay { padding-top:30px; }


.contentGraphic { width:200px; height:auto; }



.shadow, .shadow-children * {

position:relative;
z-index:99;

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);


-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=2)"; /* IE8+ */  
filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=2); /* IE7 and lower */  

background: #cccccc;


}





.green,
.green * { color:#8BB13F !important; }
.blue,
.blue * { color:#6799B2 !important; }

.noclear { clear:none !important; }