@charset "utf-8";
/* CSS Document */

@import "clearfix.css";
/* @import "menus.css"; */


/* --------------------------------
   BASIC TAG DEFINITIONS
   -------------------------------- */

body {margin:0; padding:10px 20px 10px 20px; min-width:1000px; background-color:#fff; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
/* Set consistent margins for all block level elements across platforms */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl {margin-top:12px; margin-bottom:12px; padding-top:0; padding-bottom:0;}
h1 {color:#c03; font-weight:100; font-size:180%;}
h2 {font-size:100%; color:#333;}
h3 {color:#c03; font-size:100%;}
h4 {font-size:140%; font-weight:100; color:#333;}
h5 {}
h6 {}
p {font-size:100%; line-height:1.8em;}
blockquote {}
ol {}
ul {}
li {font-size:100%; line-height:1.8em;}
dl {}
dt {font-weight:bold;}
dd {}
table {}
tr {}
td {}
th {}
hr {border:none; background-color:#ccc; height:1px; clear:both; margin:1em auto;}
* html hr {margin:auto;}
label {cursor:pointer;}
form {margin:0; padding:0;}
fieldset { margin:0; padding:0; border:none;}
a:link {color:#c03;}
a:visited {color:#c03;}
a:hover {color:#000;}
a:active {color:#000;}
p.error {background-color:#c03;color:#fff; padding:7px 10px; margin-right:10px; font-size:120%;}
span.error {color:#c03;}


/* --------------------------------
   CLASSES AND EXCEPTIONS
   -------------------------------- */

.printOnly {display:none;}
.handheldOnly {display:none;}
.yellow {color:#fc0 !important;}
.red {color:#c03 !important;}
.cyan {color:#64a9ed !important;}
.green {color:#75c12a !important;}
.gray {color:#666 !important;}
.black {color:#000000 !important;}
.bigFont {font-size:135% !important;}
.numberNav {font-size:11px}
.numberNav a { margin-left:2px; margin-right:2px;}
.small { font-size:90%;}
.floatLeft {float:left; margin:0 10px 10px 0;}
.floatRight {float:right; margin:0 0 10px 10px;}
.noBottomMargin { margin-bottom:0 !important;}
.noBottomPadding { padding-bottom:0 !important;}
a img {border:none;} /* No borders on linked images */
.disclaimer {font-size:80%; line-height:8px;}
.note {color:red; background-color:yellow;}
h2.bar {background:#ececec; border-top:solid 1px #ccc; font-weight:normal; padding:8px; font-size:120%; margin:0px; color:#666;}
h2.bar a{text-decoration:none;}
h2.bar .numberNav,
div.box h2 .numberNav { float:right;}
div.promoimage {padding:5px;margin-top:12px; background-color:#ccc;}
.required {color:#c03 ; font-style:italic;}
p.required { font-size:90%;}
p.small { font-size:90%;}
.normalWeight{font-weight:normal !important;}
div.searchResults p { margin-top:0 !important; margin-bottom:0; font-size:90%; padding-bottom:5px; line-height:150%;}
div.searchResults h3 { margin:0; border-top:solid 1px #ccc; padding-top:5px;}
div.searchResults h2 + h3 { border-top:none;}
div.searchResults div.pagination { text-align:right; padding:10px; font-size:90%;}
div.searchResults div.pagination a { margin-left:2px; margin-right:2px; text-decoration:none;}
span.pagination { font-size:90%;}
span.pagination a { margin-left:2px; margin-right:2px; text-decoration:none;}

table.formFields { border:none !important; background-color:transparent !important; width:auto !important;}
table.formFields tbody td,
table.formFields tbody th { background-color:transparent !important; border:none !important;}
table.formFields tbody th { text-align:left !important; vertical-align:middle !important; font-weight:normal !important;}
table.formFields tbody th label {  display:block !important;}

#streetlightType { width:150px;}

#emailform {width:280px; padding:10px;}
#emailform input{width:240px;}

div.grayborder {border:1px solid #ccc;}

div.column1,
div.column2,
div.column3 { clear:none;}

body.popup {margin:0; padding:10px 20px 10px 20px; min-width:592px; background-color:#fff; color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
body.popup #mainContent.wide{ width:1100px !important;}


/*-- Search Again Form on Results Page --*/
#searchAgainForm { padding-bottom:1em;}
#searchAgainForm label { font-weight:bold; margin-right:5px;}
#searchAgainForm input { width:175px; margin-right:5px;}
#searchAgainForm select { width:150px;}
#searchAgainForm #searchCategoryLabel { display:none;}

/* -- BUTTONS -- */
.btn {background:#c00 url(../images/btn_redbackground.gif) repeat-x; padding:1px 7px 3px 7px; color:#FFFFFF; text-decoration:none; font-weight:600; text-transform:uppercase; font-size:11px; height:15px; font-family:Arial Narrow, sans-serif; letter-spacing:1px;}
a.btn {background:#e3657d url(../images/btn_redbackground.gif) repeat-x 0 0; padding:1px 7px; color:#fff !important; border:none; margin-left:2px; font-family:Arial Narrow, sans-serif; letter-spacing:1px; font-weight:bold; font-size:11px;}
a.btn.gray {background-color:#8e8b8c; background-image: url(../images/btn_graybackground.gif);}
a.btn.green {background-color:#96d05d; background-image:  url(../images/btn_greenbackground.gif);}
a.btn.yellow {background-color:#fedd52; background-image:url(../images/btn_yellow.gif); color:#666 !important;}
a.btn:hover {background-position:0 -100px; background-repeat:no-repeat; background-color:#999;}
a.btn.yellow:hover { color:#fff !important;}
a.btn.sml {font-size:10px; font-weight:100; height:auto !important;}
div.box h2 a.btn {font-size:10px; font-weight:100; height:auto !important;}
div.btn {background:#e3657d url(../images/btn_redbackground_big.gif) repeat-x; padding:8px; color:#fff; height:auto; width:200px;}
div.btn a {color:#fff; font-size:80%; display:block; text-align:center;}
div.btn a strong,
div.btn a b {font-size:160%; text-transform:uppercase;}
br + a.btn { line-height:220%;}
a.btn + br + a.btn { line-height:160%;}




/* --------------------------------
   TOOL NAVS
   -------------------------------- */

#toolNav {width:1000px; margin:0 auto; border-bottom:solid 1px #ccc; margin-bottom:1px;}
#toolNav ul {margin:0; padding:0; list-style:none; float:right;}
#toolNav ul li {float:left;}
#toolNav ul li a {display:block; padding:1px 7px; border-right:solid 1px #ccc; background-color:#d7ecf4; font-size:10px; text-decoration:none; color:#999;line-height:16px;}
/* -- more seasonal color changes -- */
#toolNav.summer ul li a {background-color:#d7ecf4;}
#toolNav.fall ul li a {background-color:#f4efe1;}
#toolNav.winter ul li a {background-color:#dee7f1;}
#toolNav.spring ul li a {background-color:#f1efde;}
#toolNav ul li#emailPageTopNav a,
#toolNav ul li#printTopNav a,
#toolNav ul li#typeSizeTopNav a {background-color:#fff;}
#toolNav ul li#typeSizeTopNav a {border-right:none;}
#toolNav ul li#emailPageTopNav a:hover,
#toolNav ul li#printTopNav a:hover,
#toolNav ul li#typeSizeTopNav a:hover,
#toolNav ul li a:hover {background-color:#c03; color:#fff;}
#toolNav ul li a span {font-size:150%; line-height:10px;}
body.about #toolNav ul li#aboutComEdTopNav a {background-color:#c03; color:#fff;}
body.news #toolNav ul li#newsroomTopNav a {background-color:#c03; color:#fff;}
body.faqs #toolNav ul li#faqsTopNav a {background-color:#c03; color:#fff;}
body.contactUs #toolNav ul li#contactUsTopNav a {background-color:#c03; color:#fff;}



/* --------------------------------
   HEADER ROW
   -------------------------------- */
   
#headerRow {width:1000px; height:174px; background:#fff url(../images/header_cloud_bg.jpg) no-repeat 0 0; margin:0 auto; padding:0; clear:both;}

#topLogo {width:220px; height:62px; float:left; display:inline; margin-top:87px;}

/* -- LOGIN BOX --*/
#loginBox {width:177px; height:97px; padding:10px; margin:10px 0 0 0; float:right; display:inline; background-color:#d7ecf4;overflow:hidden;}
#loginBox h3 {color:#c03; font-size:11px; margin:0;}
#loginBox p { margin:0; font-size:10px; line-height:1.2em;}
#loginBox form label {font-size:10px; margin:0; padding:3px 0 0 0; clear:both; width:63px; float:left; margin-top:4px; height:15px;}
#loginBox form fieldset {border:none; padding:0; margin:0;}
#loginBox form fieldset input {width:105px; height:16px; border:solid 1px #ccc; float:left; color:#999; font-size:11px; padding-left:3px; margin-top:4px;}
#loginBox form #loginButton {margin:4px 0;}
#loginBox form#accountLoginForm a.btn { display:block;margin:4px 0; width:50px; text-align:center;}
#loginBox #loginBoxLinks {font-size:10px;}
#loginBox #loginBoxLinks a {color:#666; text-decoration:none;}
#loginBox #loginBoxLinks a:hover,
#loginBox #loginBoxLinks a:active {text-decoration:underline;}

/* -- SEARCH BOX --*/
#searchBox {width:177px; padding:10px; margin:0; float:right; display:inline; clear:right; background-color:#83c7e9;}
#searchBox form label {display:none;}
#searchBox form #searchInput {width:138px; height:15px; border:solid 1px #ccc; float:left; color:#999; font-size:10px; padding-left:3px; padding:0; margin:0 1px 0 0;}
#searchBox form #searchButton {margin-top:1px; border:none;}
#searchBox form a.btn { margin:0 0 0 0;padding:1px 5px; float:right;}

/* -- Seasonal Color and Background Changes -- */
#headerRow.summer {background-image:url(../images/header_cloud_bg.jpg);}
#headerRow.summer #loginBox {background-color:#d7ecf4;}
#headerRow.summer #searchBox {background-color:#83c7e9;}
#headerRow.fall {background-image:url(../images/header_fall_bg.jpg);}
#headerRow.fall #loginBox {background-color:#e5b951;}
#headerRow.fall #searchBox {background-color:#caa448;}
#headerRow.winter {background-image:url(../images/header_winter_bg.jpg);}
#headerRow.winter #loginBox {background-color:#dee7f1;}
#headerRow.winter #searchBox {background-color:#82b1ef;}
#headerRow.spring {background-image:url(../images/header_spring_bg.jpg);}
#headerRow.spring #loginBox {background-color:#e2de99;}
#headerRow.spring #searchBox {background-color:#b9b8a5;}

/* --------------------------------
   MAIN NAVIGATION
   -------------------------------- */

#mainNav {width:1000px; margin:1px auto 0 auto; padding:2px 0 0 0;background:#fff url(../images/mainnav_bg.gif) repeat-x top right;}
/* Most styles for this section are in menus.css */

ul#primary-nav li#customerServiceNav a.topNav {background:#ddd url(../images/nav_bg_gray.gif) repeat-x;}
ul#primary-nav li#homeSavingsNav a.topNav,
ul#primary-nav li#businessSavingsNav a.topNav {background:#d7e7f6 url(../images/nav_bg_blue.gif) repeat-x;}
ul#primary-nav li#environmentNav a.topNav {background:#eaf3df url(../images/nav_bg_green.gif) repeat-x;}
ul#primary-nav li a.topNav:hover,
ul#primary-nav li#customerServiceNav a.topNav:hover,
ul#primary-nav li#homeSavingsNav a.topNav:hover,
ul#primary-nav li#businessSavingsNav a.topNav:hover,
ul#primary-nav li#environmentNav a.topNav:hover {background-position:0 -100px; background-color:#c03 ; color:#fff;}
body.customerservice ul#primary-nav li#customerServiceNav a.topNav,
body.homesavings ul#primary-nav li#homeSavingsNav a.topNav,
body.businesssavings ul#primary-nav li#businessSavingsNav a.topNav,
body.environment ul#primary-nav li#environmentNav a.topNav,
body.community ul#primary-nav li#communityNav a.topNav,
body.educationandsafety ul#primary-nav li#educationAndSafetyNav a.topNav,
body.businesspartners ul#primary-nav li#businessPartnersNav a.topNav {background-image:url(../images/nav_bg_darkgray.gif); background-color:#adadad; color:#fff;}


/* --------------------------------
   BREADCRUMB NAVIGATION
   -------------------------------- */

#breadCrumbNavigation {width:978px; margin:0 auto; padding:3px 11px; border-bottom:solid 1px #ccc; clear:both;}
#breadCrumbNavigation ul {margin:0; padding:0; list-style:none;}
#breadCrumbNavigation ul li {float:left;}
#breadCrumbNavigation ul li a {display: block; padding:6px 12px 6px 0px; background:transparent url(../images/bullet_carrot.gif) no-repeat right 11px; font-size:10px; margin-right:8px; text-decoration:none; color:#999; white-space:nowrap; line-height:12px;}
#breadCrumbNavigation ul li a:hover {text-decoration:underline;}
/* The last carrot is removed dynamically with Javascript in main.js */


/* --------------------------------
   BODY AREA
   -------------------------------- */

/* -- Main Wrapper DIV Styles -- */

#body {width:1000px; margin:0 auto; clear:both;}
#subNavigation {float:left; display:block; width:214px;}
#mainContent {float:left; display:block; width:548px; padding:0 20px;}
#mainContent.wide {width:766px; padding-right:0;}
#subContent {float:left; display:block; width:198px;}


/* -- SUB NAVIGATION -- */

#subNavigation div.smartLogo {margin:10px 0 0 0; padding:0 0 10px 10px;border-bottom:solid 1px #ccc;}
#subNavigation h2 {font-size:90%; margin-bottom:0; padding-left:11px; padding-bottom:3px;}
#subNavigation h3 {color:#65a8ee;font-size:110%; margin-bottom:0; padding-left:11px; padding-bottom:3px; font-weight:100;}
#subNavigation ul {margin:0; padding:0; list-style:none;}
#subNavigation ul li {display:block; padding:0 12px; width:190px;}
#subNavigation ul li a {display:block; background:transparent url(../images/bullet_carrot_red.gif) no-repeat 0 8px; font-size:90%; padding:3px 0 3px 12px; color:#999; text-decoration:none; line-height:normal;}
#subNavigation ul li a:hover {text-decoration:underline;}
#subNavigation ul li.selected a,
#subNavigation ul li.selected li.selected a {color:#000;}
#subNavigation ul li.selected li a {color:#999;}
#subNavigation ul li ul {margin:0 0 0 1px; padding-bottom:5px;}
#subNavigation ul li.selected {background-color:#ededed;}
#subNavigation ul li ul {visibility:hidden;}
#subNavigation ul li.selected ul {visibility:visible;}
#subNavigation ul li ul li { width:175px;}
#subNavigation ul li ul li a {background-image:none; font-size:90%;}
#subNavigation ul li.selected ul li.selected a {background-image:url(../images/bullet_carrot_black.gif);}


/* -- MAIN CONTENT -- */

#mainContent dl {margin-top:1em;}
#mainContent dl dt {float:left; display:inline; clear:left; width:170px; margin:0 0 1em 0;}
#mainContent dl dd {float:left; display:inline; width:360px; margin:0 0 1em 0; padding-left:10px;}
#mainContent dl.glossary dt,
#mainContent dl.glossary dd {border-top:solid 1px #ddd; padding-top:10px;}
#mainContent.wide dl dd {width:580px;}

#mainContent h2 + p,
#mainContent h3 + p,
#mainContent h3 + ul {margin-top:-.8em;}
#mainContent h2.bar + p { margin-top:1em;}
#mainContent ul {margin:1em 0; padding:0; list-style:none;}
#mainContent ul li {display:block; background:transparent url(../images/bullet_carrot_red.gif) no-repeat 0px 9px; padding-left:12px; margin-left:0px; /*margin-bottom:.5em;*/}
#mainContent big {color:#c03; font-size:150%;}

#mainContent form textarea { border:solid 1px #ccc;}

#mainContent table {border-bottom:solid 1px #ccc; background:#fbf9e4; border-collapse:collapse; clear:both; width:100%;}
#mainContent table thead th {text-align:left; padding:5px; border-top:solid 1px #ccc;}
#mainContent table tbody th,
#mainContent table tbody td {border-top:solid 1px #ccc; padding:4px 5px; vertical-align:top;}
#mainContent table tfoot th,
#mainContent table tfoot td {border-top:solid 1px #ccc; padding:5px;}
body.news #mainContent table {font-size:90%;}
body.news #mainContent table td,
body.news #mainContent table th { padding-left:8px;}
body.news #mainContent table th {white-space:nowrap;}
body.news #mainContent table a  {color:#999; text-decoration:none;}
body.news #mainContent table th a { color:#666;}
body.news #mainContent table  a:hover {color:#c03;}

#mainContent ul.navigationList {margin:0; padding:0; list-style:none; border-top:solid 1px #ccc;}
#mainContent ul.navigationList li {float:left; background-image:none; padding-left:0;}
#mainContent ul.navigationList li a {display:block; padding:5px 7px; border-right:solid 1px #ccc; background-color:#fff; text-decoration:none; color:#999;}
#mainContent ul.navigationList li.selected a {color:#000; background-color:#ddd;}
#mainContent ul.navigationList li a:hover {color:#c03; background-color:#ddd;}
#mainContent ul.navigationList + * {clear:both;}

/* -- Newsfeed has a slightly different list style -- */
#mainContent ul.news { margin-top:1em; margin-bottom:1em;}
#mainContent ul.news li {line-height:1.4em; font-size:90%; background-position:0 6px; margin-bottom:1em;}
#mainContent ul.news li a {color:#666; text-decoration:none;}
#mainContent ul.news li a:hover {color:#c03;}

#mainContent h2 form { width:300px; float:right; text-align:right; margin:0; padding:0; font-size:11px;}
#mainContent h2 form label { margin:0; padding:0; white-space:nowrap;}
#mainContent h2 form select { width:150px; font-size:11px;}

/* -- MAIN CONTENT COLUMNS -- */
#mainContent div.columns {clear:both; padding:0; margin:0; background:transparent url(../images/columnline.gif) repeat-y 273px 0;}
#mainContent.wide div.columns {background-position:501px 0;}
#mainContent div.columns.line {border-top:solid 1px #ccc;}
#mainContent div.columns.line div.column1,
#mainContent div.columns.line div.column2 {font-size:90%;}
#mainContent div.columns img {margin-top:12px;}
#mainContent div.columns h3 {margin-bottom:0;}
#mainContent div.columns h3 + p {margin-top:0;}
#mainContent div.columns ul { margin-top:auto;}
#mainContent div.columns + * {clear:both;}
#mainContent div.columns div.column1 {width:264px; display:inline; float:left; }
#mainContent.wide div.columns div.column1 {width:482px;}
#mainContent div.columns div.column2 {width:264px; display:inline; float:right; padding-left:11px;}
/*
	Some pages on the site use the standard 2 column layout but they use the grey "box" style headings from the My Accounts design.
	In or to accomodate these types of layouts you must add an additional class to the standard <div class="columns">
	This becomes <div class="columns boxes">
*/
#mainContent div.columns.boxes {font-size:90%;}
#mainContent div.columns.boxes h2 {background:#ececec; border-top:solid 1px #ccc; font-weight:normal; padding:8px; font-size:120%; margin:0px; color:#666;}
#mainContent div.columns.boxes h2 + p { margin-top:1em;}
#mainContent div.columns.boxes p + h2 {margin-top:1.5em;}
#mainContent div.columns.boxes h2 img {vertical-align:middle; margin:0;}
#mainContent div.columns.boxes ul { margin-top:1em;}
#mainContent div.columns.boxes div.column1 {width:273px; padding:0;}
#mainContent div.columns.boxes p,
#mainContent div.columns.boxes h1,
#mainContent div.columns.boxes h3,
#mainContent div.columns.boxes h4,
#mainContent div.columns.boxes ul,
#mainContent div.columns.boxes form {margin-left:8px;margin-right:8px;}
#mainContent div.columns.boxes form label {display:block;}
#mainContent div.columns.boxes form select,
#mainContent div.columns.boxes form input {margin-bottom:10px; width:240px;border:solid 1px #ccc; }
#mainContent div.columns.boxes form textarea {width:240px;}
#mainContent div.columns.boxes form p {margin-left:0; margin-right:0;}
#mainContent div.columns.boxes div.column2 {width:274px; border-left:solid 1px #ccc; padding-left:0px;}
#mainContent div.columns.boxes div.column2 h1.gray {margin-top:0; margin-bottom:-10px;}

#mainContent div.columns.promo { border-top:solid 1px #ccc;}
#mainContent div.columns.promo h1 { margin-bottom:0;}
#mainContent div.columns.promo h1 + p { margin-top:0;}
#mainContent div.columns.promo div.column2 h3 {font-size:110%; font-weight:100; color:#999; line-height:1.8em; padding-left:12px;}
#mainContent div.columns.promo ul li {line-height:1.5em; font-size:90%; display:block; background:transparent url(../images/bullet_carrot_red.gif) no-repeat 0 6px; padding-left:12px; margin-bottom:.5em;}
#mainContent div.columns.promo ul li a { color:#666; text-decoration:none;}
#mainContent div.columns.promo ul li a:hover { color:#c03;}
#mainContent div.columns.promo div { padding-top:0px;}
#mainContent div.columns.promo div > *:first-child { margin-top:12px;}

/* -- SUB CONTENT -- */
#subContent {font-size: 90%;}
#subContent h3 {margin-bottom:0em;}
#subContent h3 + p,
#subContent h2 + p {margin-top:0;}
#subContent p {line-height:1.5em;}

/* -- GRAY ALERT BOXES -- */
div.alertBox {background:#666 url(../images/alertbox_gray_bg.jpg) no-repeat; padding:10px; color:#fff;}
div.alertBox + div.alertBox,
div.alertBox + div.editorialBox,
div.editorialBox + div.editorialBox,
div.editorialBox + div.alertBox {margin-top:1em;}
div.alertBox h3 {color:#fff; font-size:150%; font-weight:100; margin:0;}
div.alertBox h3.yellow {color:#fc0;}
div.alertBox big { font-size:200%; display:block; margin:0; padding:0;}
div.alertBox h2 {color:#fc0; font-weight:100; margin:0; font-size:266%;}
div.alertBox *:first-child {margin-top:0;}
div.alertBox p { font-size:100%;}
div.alertBox a.btn { margin:0;}

/* -- Yellow EDITORIAL BOXES -- */
/* These are the content area on the right that have a faint yellow background */
div.editorialBox { background-color:#fbf9e4; padding:10px;}
div.editorialBox h3 { margin:0;}


/* -- OUTAGE MAP -- */
#outageMapApplication {border:solid 1px #ccc; background:#eee; padding:0;}
#outageMapLegend {background:#e0e0e0; padding:12px; font-size:11px; line-height:11px; margin-bottom:0px;}
#outageMapLegend img {vertical-align:middle; margin-left:12px;}
#outageMapLegend blockquote{margin-left:100px; margin-bottom:0px;}
/* Status listing is the 2 tables of cites below the main map */
#mainContent .statusListing {width:270px; border-collapse:collapse; border:none; float:left; clear:none;}
#mainContent.wide .statusListing {width:383px;}
#mainContent .statusListing {background-color:transparent;}
#mainContent .statusListing td,
#mainContent .statusListing th {padding:5px 5px 5px 0; text-align:left; vertical-align:middle; margin:0;}
#mainContent .statusListing thead th {border-bottom: solid 1px #ccc; white-space:nowrap;}
#mainContent .statusListing tbody th {font-weight:100;}
#mainContent .statusListing img {vertical-align:middle;}
#mainContent .statusListing + .statusListing {border-left:solid 1px #ccc;}
#mainContent .statusListing + .statusListing td,
#mainContent .statusListing + .statusListing th {padding-left:12px; padding-right:0;}
#mainContent .statusListing a { color:#666;}
#mainContent .statusListing a:hover {color:#000;}

/* -- DATA TABLES -- */

#mainContent table.data {background-color:transparent; border:none; width:100% !important; margin-bottom:15px;}
#mainContent table.data.shade { background-color:#fbf9e4 !important;}
#mainContent table.data td,
#mainContent table.data th {border-left:solid 1px #ccc; padding:5px 5px 5px 5px; text-align:left; vertical-align:middle; margin:0; }
#mainContent table.data tr td.noborder,
#mainContent table.data tr th.noborder {border-left:none !important;}

/* -- FAQs -- */
div.faq {clear:both; border-bottom:solid 1px #ccc;}
div.faqQuestion {padding:6px 8px;}
div.faqQuestion p {margin:0;}
div.faqQuestion a {display:block; color:#666; font-weight:bold; text-decoration:none; padding:0 15px 0 0; background:transparent url(../images/btn_question.gif) no-repeat right 5px; }
div.faqQuestion a.isOn { background-image:url(../images/btn_question_close.gif); color:#000;}
div.faqQuestion a:hover { color:#c03;}
div.faqAnswer {padding:6px 8px; background-color:#fbf9e4;}
div.faqAnswer p:first-child {margin-top:0;}
#mainContent .faq table {border-bottom:solid 1px #ccc; background:#fbf9e4; border-collapse:collapse; clear:both; width:60%; text-align:center;}

/* -- IMAGE BLURBS - An image on the left and content on the right, separated by lines -- */
#mainContent div.imageBlurb {clear:both; padding-bottom:1em;}
#mainContent div.imageBlurb + .imageBlurb {border-top:solid 1px #ccc;}
#mainContent div.imageBlurb > h3 { margin-bottom:0;}
#mainContent div.imageBlurb div.column1 {width:200px; float:left; margin:0px;}
#mainContent div.imageBlurb div.column1.lowered {width:200px; float:left; margin:7px 0 0 0px;}/* For pages that don't contain sub titles */
#mainContent div.imageBlurb div.column1 img {margin-top:10px;}
#mainContent div.imageBlurb div.column2 {width:160px; float:left; padding:0 10px 0 15px;}
/* Tips and guides have a wider format */
#mainContent div.imageBlurb.wide div.column2 {width:320px; padding-top:0;}
#mainContent div.imageBlurb div.column3 {width:160px; float:left; }
#mainContent div.imageBlurb ul {margin-top:-10px; }
#mainContent div.imageBlurb ul li {line-height:160%;}
#mainContent div.imageBlurb + * {clear:both;} /* For dreamweaver rendering... delete me later */

/* -- A Variation of ImageBlurb in which content is not contained in 'columns' -- */
#mainContent .imageBlurbFluid {border-top:#ccc solid 1px; padding:10px 0; clear:both;}
#mainContent .imageBlurbFluid p {margin-top:0;}
#mainContent .imageBlurbFluid p + p {margin-top:12px;}
#mainContent .imageBlurbFluid img.floatLeft {margin-bottom:0px !important;}
#mainContent .imageBlurbFluid img.floatRight {margin-bottom:0px !important;}
#mainContent .imageBlurbFluid + hr {margin-top:0;}

#mainContent .imageBlurbFluid_sub {padding:10px 0; clear:both;} /* For sub pages that don't have a list of image blurbs and don't require the border-top */
#mainContent .imageBlurbFluid_sub p {margin-top:0;}
#mainContent .imageBlurbFluid_sub p + p {margin-top:12px;}
#mainContent .imageBlurbFluid_sub img.floatLeft {margin-bottom:0px !important;}

/*-- Forms --*/
#mainContent form fieldset { border:none; padding:0;}
#mainContent form div.disclaimerBox {width:540px; height:170px; overflow:auto; background-color:#fbf9e4; padding:2px 2px; border:solid 1px #ccc;}


/* -- PHOTO GALLERY -- */

.photoList {margin:0 !important; padding:0 !important; list-style:none !important;}
.photoList li {display:none; padding:0 !important; margin:0 !important; background:none !important;}
.photoGalleryThumbs {width:200px; float:right;}
.photoGalleryThumbs p {font-size:90%; line-height:120%; padding:0 0 2em 0; margin:0;}
.photoGalleryThumbs a {margin:0 4px 4px 0; padding:4px; background-color:#ccc; display:block; float:left;}
.photoGalleryThumbs a:hover {background-color:#999;}
.photoGalleryThumbs a.selected,
.photoGalleryThumbs a.selected:hover {background-color:#c03;}
.photoGalleryThumbs a img {margin:0; border:none;}
.photoGallery {padding:0; margin:0; min-height:350px; width:332px; }
.photoGallery h3,
.photoGallery p {margin:0; padding:5px 0;line-height:1.3em;  color:#666; font-size:11px;}
.photoGallery .photo {padding:3px; background-color:#ddd;}
.photoGallery .photo {font-size:90%;}
.photoGallery .photo p {line-height:1.3em;}
.photoGallery .photoSubNav {font-size:90%; background:#fff; margin:0 0 0 0; line-height:12px; text-align:center; background-color:#ddd; padding:4px 4px 7px 4px; vertical-align:top;}
.photoGallery .photoSubNav a {margin:0; border:solid 1px #ccc;padding:1px 4px; text-decoration:none; vertical-align:top;}
.photoGallery .photoSubNav a:hover {color:#fff; background-color:#cd1041;}
.photoGallery .photoSubNav b {margin:0; font-weight:bold; border:solid 1px #ddd;padding:1px 4px;}
.photoGallery .photoSubNav b.unclickable {color:#ccc;}
.photoGallery .photoSubNav .prevLink {float:left; display:inline;border:none;padding:0px;margin:0px; vertical-align:top; margin-top:-3px;}
.photoGallery .photoSubNav .nextLink {float:right; display:inline;border:none;padding:0px;margin:0px; vertical-align:top; margin-top:-3px;}

/* -- VIDEO GALLERY -- */

.videoGalleryThumbs {width:200px; float:right;}
.videoGalleryThumbs p {font-size:90%; line-height:120%; padding:0 0 2em 0; margin:0;}
.videoGalleryThumbs a {margin:0 4px 4px 0; padding:4px; background-color:#ccc; display:block; float:left;}
.videoGalleryThumbs a:hover {background-color:#999;}
.videoGalleryThumbs a.selected,
.videoGalleryThumbs a.selected:hover {background-color:#cd1041;}
.videoGalleryThumbs a img {margin:0; border:none;}
.videoGallery {padding:0; margin:0; min-height:350px; width:332px; }
.videoGallery .video {}


/* --------------------------------
   HOME PAGE
   -------------------------------- */

/* -- HOME TOP CONTENT -- */

#homeTop {clear:both; padding:20px 0 0 0;}
#homeTop p {line-height:1.5em; font-size:90%;}
#homeTop div.column1 p,
#homeTop div.column1 h2,
#homeTop div.column1 h3 {margin-left:10px; margin-right:10px;}
#homeTop div.column1 big {color:#c03; font-size:150%;}
#homeTop div.columns {clear:both; padding:0; margin:0;}
#homeTop div.columns + * {clear:both;}
#homeTop div.columns div.column1 {width:559px; display:inline; float:left;}
#homeTop div.columns div.column2 {width:198px; display:inline; float:left; padding:0 20px;}
#homeTop div.columns div.column3 {width:203px; display:inline; float:left;}

/*-- HOME BOTTOM CONTENT -- */

#homeBottom {clear:both; border-top:solid 1px #ccc; background:transparent url(../images/homebottom_bg.gif) repeat-y;}
#homeBottom a {text-decoration:none; color:#666;}
#homeBottom a:hover {text-decoration:none; color:#c03;}
#homeBottom h3 {font-size:110%; font-weight:100; color:#999;}
#homeBottom p {line-height:1.5em; font-size:90%;}
#homeBottom ul {margin:0; padding:0; list-style:none;}
#homeBottom ul li {line-height:1.5em; font-size:90%; display:block; background:transparent url(../images/bullet_carrot_red.gif) no-repeat 0 6px; padding-left:12px; margin-left:-12px; margin-bottom:1em;}
#homeBottom ul li b,
#homeBottom div.columns {clear:both; padding:0; margin:0;}
#homeBottom div.columns + * {clear:both;}
#homeBottom div.columns div.column1 {width:385px; display:inline; float:left; padding:0 20px;}
#homeBottom div.columns div.column1 div.column1 {width:182px; padding:0; margin-right:10px;}
#homeBottom div.columns div.column1 ul li { margin-bottom:.5em !important;}
#homeBottom div.columns div.column1 div.column2 {width:182px; padding:0; margin-left:10px; clear:none;}
#homeBottom div.columns div.column2 {width:331px; display:inline; float:left; padding:0 21px;}
#homeBottom div.columns div.column3 {width:202px; display:inline; float:left;}



/* --------------------------------
   FOOTER
   -------------------------------- */

#footer {width:1000px; margin:30px auto 10px auto; border-top:solid 1px #ccc; clear:both;}
#footer ul#footerNav {margin:0; padding:0; float:left; list-style:none;}
#footer ul#footerNav li {float:left;}
#footer ul#footerNav li a {display:block; padding:5px 7px; border-right:solid 1px #ccc; background-color:#fff; font-size:85%; text-decoration:none; color:#999;}
#footer ul#footerNav li a:hover {color:#c03;}
#footer ul#footerNav li#termsNav a {border-right:none;}
#footer #copyrightInfo {width:400px; text-align:right; float:right; font-size:85%; color:#999; padding-top:5px;}






/* -- JQUERY ROLLOVER TITLE TOOLTIPS -- */

#tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; font-size:10px; font-weight:bold; color:#c03; border-color:#c03;}
#tooltip h3, #tooltip div {margin: 0;}


/*-- EMAIL THIS PAGE --*/
#email-div { background-color:#fff;border:solid 10px #999;position:absolute;width:250px;height:250px;top:50%;z-index:4000; left:50%; margin-left:-125px; margin-top:-150px;}
#email-div p { margin-bottom:0; margin-top:0;}
#email-div h3 { margin-bottom:6px; margin-top:0;}
#email-div form { margin:0; padding:18px;}
#email-div form label { font-size:10px; display:block; margin:0 0 10px 0;}
#email-div input { border:solid 1px #ccc; width:210px; margin:0;}