/* CSS Document */

/* Positioning */

.header {
position: relative;
background-color: #ffffff;
height: 100px; /*82*/
width: 888px; /*912px*/
margin: 0px auto;
z-index: 5;
}

.logo {
position: relative;
float: left;
width: 305px;
height: 68px;
}

.padded {
position: relative;
background-color: white;
/* background-image: url(../images/contentMiddle.gif); */
background-repeat: repeat-y;
padding-top: 0px;
padding-left: 20px;
padding-right: 20px;
height: 490px;
}

.bluePlacemat {
position: relative;
background-color: #3f64c5;
width: 883px;
margin: 0px auto;
margin-bottom: -7px;
background-image: url(../images/blueMatTop.gif);
background-position: top left;
 background-repeat: no-repeat;
}

.blueBottom {
position: relative;
left: 3px;
width: 886px;
height: 10px;
background-image: url(../images/blueMatBottom.jpg);
background-repeat: no-repeat;
}

.pageBottom1 {
color: #F56806;
font-weight: bold;
font-size: 13px;
margin-bottom: 6px;
}

.pageBottom2 {
color: #F56806;
font-weight: bold;
font-size: 13px;
margin-bottom: 12px;
}

.navigation {
position: relative;
background-image: url(../images/navMiddle.gif);
background-repeat: repeat-y;
width: 865px;
margin: 0px auto;
margin-bottom: 0px;
margin-top: 6px;
height: auto;
}

.greySurround {
position: relative;
margin: 0px auto;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../images/greyMiddle.gif);
background-repeat: repeat-y;
width: 891px; /*912px*/
}

.greyTop {
background-image: url(../images/greyTop.gif);
background-position: top;
background-repeat: no-repeat;
height: 7px;
width: 891px; /*912px*/
z-index: 1;
}

.whiteBottomExtension {
position: relative;
margin: 0px auto;
margin-top: 0px;
margin-bottom: 0px;
background-image: url(../images/whiteBottom.gif);
background-repeat: repeat-y;
width: 888px; /*912px*/
}

.leftBar {
position: relative;
float: left;
width: 259px;
}

.leftColTopTab {
position: relative;
height: 26px;
width: 240px;
font-size: 14px;
font-weight: bold;
padding-top: 10px;
padding-left: 21px;
background-image: url(../images/leftColTabTop.gif);
background-repeat: no-repeat;
}

.leftColTab {
position: relative;
height: 28px;
width: 238px;
font-size: 14px;
font-weight: bold;
padding-top: 12px;
padding-left: 21px;
background-image: url(../images/leftColTopQuestions.gif);
}

.leftColBody {
position: relative;
background-image: url(../images/leftColBody.gif);
background-repeat: repeat-y;
width: 247px;
padding-left: 13px;
padding-top: 0px;
padding-bottom: 8px;
}

.leftColBottom {
position: relative;
background-image: url(../images/leftColBottom.gif);
background-repeat: no-repeat;
width: 259px;
height: 13px;
}

.leftColLineHeight {
line-height: 150%;
}

/* END Positioning */


/* Text Treatments */

body {
margin: 0px auto;
}

body, th {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.small_caps {
font-variant: small-caps;
font-weight: bold;
}

.center {
text-align: center;
}

.underline{
text-decoration: underline;
}

.New_green {
color: #04C804;
}

.charcoal {
color: #333333;
}

.red {
color: red;
}

.blue {
color: #003366;
}

.big_bold_blue {
color: #003366;
font-weight: bold;
font-size: 14px;
}

.big_bold_orange {
color: #F56806;
font-weight: bold;
font-size: 14px;
}

._black {
color: #000000;
}

.big_bold_black {
color: #000000;
font-weight: bold;
font-size: 14px;
}

.limegreen {
color: #2BF905;
}

.placemat_blue {
color: #3f64c5;
}

.boy {
color: DeepSkyBlue;
font-size: 14px;
}

.girl {
color: HotPink;
font-size: 14px;
}

.copyright {
font-size: 12px;
margin-top: 12px;
}

.leftItems {
color: #F56806;
font-weight: bold;
}

.font12 {
font-size: 12px;
}

.font14 {
font-size: 14px;
}

.font16 {
font-size: 16px;
}

.font18 {
font-size: 18px;
}

.font20 {
font-size: 20px;
}

.font22 {
font-size: 22px;
}

.font24 {
font-size: 24px;
}

.font26 {
font-size: 26px;
}

.font28 {
font-size: 28px;
}

.anniversary {
color: #0679BE;
font-weight: bold;
font-size: 22px;
}

.clientRev {
color: #F56806;
font-weight: bold;
font-size: 13px;
}

.privPol {
color: #F56806;
font-weight: bold;
font-size: 13px;
}

.orange {
color: #f56806;
}

.bold_orange {
color: #f56806;
font-weight: bold;
}

.border_right {
border-right: solid 2px;
border-color: #004FCA;
}

.border_orange {
border-color: #f56806;
}

.border_blue {
border-color: #004FCA;
}

.xbold {
font-size: 17px;
}

.thanks_stretch {
font-size: 26px;
color: #3f64c5;
line-height: 1.5;
}

.ccp_stretch
{
font-size: 20px;
line-height: 1.5;
border-bottom: solid 1px;
}

.ccp_nextpage
{
font-size: 20px;
}

.gasDriversText {
font-size: 48px;
font-weight: bold;
}

/* END Text Treatments */


/* Backgrounds */

.input_white {
background: white;
}

.input_lilac {
background: thistle;
}

.yellow_highlight {
background-color: yellow;
}

.palegoldenrod_highlight {
background-color: palegoldenrod;
}

.shade {
background-color: #CCCCFF;
}

.rev_shade {
background-color: saddlebrown;
color: white;
border-bottom: 1px, solid, white;
border-top: 1px, solid, white;
border-left: none;
border-right: none;
}

.new_rev_shade {
background-color: #7A79BE;
color: white;
border-bottom: 1px, solid, white;
border-top: 1px, solid, white;
border-left: none;
border-right: none;
}

.yellow_shade {
background-color: yellow;
}

/* END Backgrounds */


/* Spacers */

.bullet {
margin-top: -2px;
margin-bottom: -2px;
}

.tabSpacer {
position: relative;
width: 279px;
float: left;
}

.case_submission_spacer2 {
line-height: 2px;
}

.spread {
line-height: 21px;
}

.more {
width: 218px;
height: 22px;
margin-top: 8px;
}

.pad10 {
padding: 10px;
}

.lr_cellpadding td {
padding-left: 8px;
padding-right: 8px;
}

.faq {
margin-bottom: 2px;
}

.content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
position: relative;
width: 601px;
vertical-align: top;
height: auto;
}

.content_small {
font-size: 11px;
}

.content_large_orange {
font-size: 24px;
font-weight: bold;
color: #f56806;
}

.content_medium_orange {
font-size: 16px;
font-weight: bold;
color: #f56806;
}

.content_blurb {
line-height: 1.3;
}

.content_blurb_bigger {
font-size: 14px;
line-height: 1.3;
}

.content_blurb_expanded {
line-height: 1.5;
}

.content_blurb_expanded_blue{
font-size: 12px;
font-weight: bold;
color: #003366;
line-height: 1.5;
}

.content_quote {
font-size: 11px;
font-style: italic;
}

.content_paragraph_spacing {
line-height: 0.7;
}

.content_paragraph_spacing_tighter {
line-height: 0.4;
}

.personal1_spacer {
line-height: 24px;
}

.business2_spacer {
line-height: 3px;
}

.business3_spacer {
line-height: 47px;
}

.business4_spacer {
line-height: 9px;
}

.business6_spacer {
line-height: 0px;
}

.news1_spacer {
line-height: 380px;
}

.news2_spacer {
line-height: 410px;
}

.news3_spacer {
line-height: 410px;
}

.news4_spacer {
line-height: 210px;
}

.news5_spacer {
line-height: 395px;
}

.news6_spacer {
line-height: 88px;
}

.news7_spacer {
line-height: 248px;
}

.news8_spacer {
line-height: 440px;
}

.links_spacer {
line-height: 354px;
}

.thanks_spacer {
line-height: 144px;
}

.registration_confirmation_spacer {
line-height: 10px;
}

.deadend_spacer {
line-height: 172px;
}

.ccp_registration_confirmation_spacer {
line-height: 246px;
}

.ccp_rules_spacer {
line-height: 3px;
}

.ccp_pledge_spacer {
line-height: 20px;
}

.reply_processing_spacer {
line-height: 465px;
}

.reply_confirmation_spacer {
line-height: 13px;
}

.demo_verification_spacer {
line-height: 37px;
}

.external_verification_spacer {
line-height: 0px;
}

.arb_commitment_spacer {
line-height: 69px;
}

.what_is_arb_spacer {
line-height: 22px;
}

.paytype_spacer {
line-height: 22px;
}

.custom_arb_clause_spacer1 {
line-height: 316px;
}

.custom_arb_clause_spacer2 {
line-height: 59px;
}

.break_spacer4 {
line-height: 4px;
}

.break_spacer7 {
line-height: 7px;
}

.huge_spacer {
line-height: 464px;
}

.why_arb_vert_offset {
margin-bottom: -12px;
}

/* END Spacers */


/* Miscellaneous */

.super {
position: relative;
}

/* THIS IS THE REPLACEMENT FOR THE DEGRADATED <BLINK> TAG  ... RIP :( */
.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}

/* END Miscellaneous */


/* Elements */

h1 {
font-size: 32px;
font-weight: bold;
color: #f56806;
text-align: center;
margin-bottom: 0px;
}

.h1_small {
font-size: 28px;
}

.h1_smaller {
font-size: 24px;
}

.h1_smallest {
font-size: 22px;
}

.h1_evensmaller {
font-size: 20px;
}

.h1_evensmallest {
font-size: 18px;
}

.h1_waysmaller {
font-size: 16px;
}

.h1_waysmallest {
font-size: 14px;
}

h2 {
font-size: 18px;
font-weight: bold;
}
h3 {
font-size: 14px;
font-weight: bold;
margin-top: 22px;
margin-bottom: 0px;
}

.h3_small {
font-size: 13px
}

h4 {
font-size: 16px;
font-weight: bold;
margin-bottom: -9px;
}

h5 {
font-size: 12px;
}

.h5_quote_author {
margin-top: 8px;
}

/* END Elements */


/* Links */

a 		   { color: #003366; font-size: 12px; font-weight: bold; text-decoration: none; }
a:visited { color: #003366; font-size: 12px; font-weight: bold; text-decoration: none; }
a:active { color: #003366; font-size: 12px; font-weight: bold; text-decoration: none; }
a:hover { color: #F56806; font-size: 12px; font-weight: bold; text-decoration: underline; }

a.small		   { color: #003366; font-size: 9px; font-weight: bold; text-decoration: none; }
a.small:visited { color: #003366; font-size: 9px; font-weight: bold; text-decoration: none; }
a.small:active { color: #003366; font-size: 9px; font-weight: bold; text-decoration: none; }
a.small:hover { color: #F56806; font-size: 9px; font-weight: bold; text-decoration: underline; }

a.smaller		   { color: #003366; font-size: 6px; font-weight: bold; text-decoration: none; }
a.smaller:visited { color: #003366; font-size: 6px; font-weight: bold; text-decoration: none; }
a.smaller:active { color: #003366; font-size: 6px; font-weight: bold; text-decoration: none; }
a.smaller:hover { color: #F56806; font-size: 6px; font-weight: bold; text-decoration: underline; }

/* use this for rollover titles w/o links */
a.nolink 		   { color: #003366; font-size: 12px; font-weight: bold; text-decoration: none; }
a.nolink:visited { color: #003366; font-size: 12px; font-weight: bold; text-decoration: none; }
a.nolink:active { color: #003366; font-size: 12px; font-weight: bold; text-decoration: none; }
a.nolink:hover { color: #F56806; font-size: 12px; font-weight: bold; text-decoration: none; }

a.content_blurb_bigger { color: #003366; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 1.3; }
a.content_blurb_bigger:visited { color: #003366; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 1.3; }
a.content_blurb_bigger:active { color: #003366; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 1.3; }
a.content_blurb_bigger:hover { color: #F56806; font-size: 14px; font-weight: bold; text-decoration: underline; line-height: 1.3; }

a.clause 		   { color: #F56806; font-size: 12px; font-weight: bold; text-decoration: underline; }
a.clause:visited { color: #F56806; font-size: 12px; font-weight: bold; text-decoration: underline; }
a.clause:active { color: #F56806; font-size: 12px; font-weight: bold; text-decoration: underline; }
a.clause:hover { color: #003366; font-size: 12px; font-weight: bold; text-decoration: underline; }

a.clientRev          { color: #003366; font-weight: bold; }
a.clientRev:visited { color: #003366; font-weight: bold; }
a.clientRev:active { color: #003366; font-weight: bold; }
a.clientRev:hover { color: #003366; font-weight: bold; }

a.privPol 		   { color: #003366; font-weight: bold; font-size: 11px; }
a.privPol:visited { color: #003366; font-weight: bold; font-size: 11px; }
a.privPol:active { color: #003366; font-weight: bold; font-size: 11px; }
a.privPol:hover { color: #003366; font-weight: bold; font-size: 11px; }

a.pageBottom 		  { color: #003366; font-weight: bold; font-size: 13px; }
a.pageBottom:visited { color: #003366; font-weight: bold; font-size: 13px; }
a.pageBottom:active { color: #003366; font-weight: bold; font-size: 13px; }
a.pageBottom:hover { color: #F56806; font-weight: bold; font-size: 13px; }

a.navLink 		   { color: #333333; font-weight: bold; font-size: 16px; }
a.navLink:visited { color: #333333; font-weight: bold; font-size: 16px; }
a.navLink:active { color: #333333; font-weight: bold; font-size: 16px; }
a.navLink:hover { color: #F56806; font-weight: bold; font-size: 16px; text-decoration: none; }

a.green_navLink 		 { color:rgb(4,200,4); font-weight:bold; font-size: 16px; text-decoration: none; }
a.green_navLink:visited { color: rgb(4,200,4); font-weight:bold; font-size: 16px; text-decoration: none; }
a.green_navLink:active { color: rgb(4,200,4); font-weight:bold; font-size: 16px; text-decoration: none; }
a.green_navLink:hover { color: #F56806; font-weight: bold; font-size: 16px; text-decoration: none; }

a.navLink14		  	 { color: #333333; font-weight: bold; font-size: 14px; text-decoration: underline; }
a.navLink14:visited { color: #333333; font-weight: bold; font-size: 14px; }
a.navLink14:active { color: #333333; font-weight: bold; font-size: 14px; }
a.navLink14:hover { color: #F56806; font-weight: bold; font-size: 14px; text-decoration: none; }

a.gasDrivers 		    { color: #003366; font-size: 72px; font-weight: bold; text-decoration: none; }
a.gasDrivers:visited { color: #003366; font-size: 72px; font-weight: bold; text-decoration: none; }
a.gasDrivers:active  { color: #003366; font-size: 72px; font-weight: bold; text-decoration: none; }
a.gasDrivers:hover  { color: #003366; font-size: 72px; font-weight: bold; text-decoration: none; }

/* END Links */
