/* set default formatting */
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,img { margin: 0; padding: 0; border:0; text-align:left;}
body { font: 0.625em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color: #002E67; margin: 0; padding: 0; text-align: center;}

a { color: #009EE0; text-decoration: none; }
a:hover { color: #00225D; text-decoration: none; }
a:active, a:focus { outline: 0; }

p { padding:0 0 15px; line-height: 130%;}
#main li { margin:0 20px 0 20px; }

h1 { font: 20px Georgia, Arial, Helvetica, sans-serif; color: #00225D; letter-spacing: 0; margin: 0; }
h2 { font: 18px Georgia, Arial, Helvetica, sans-serif; color: #00225D; letter-spacing: 0; margin: 0; padding:0 0 15px;}
.light { font: 18px Georgia, Arial, Helvetica, sans-serif; color: #009EE0; letter-spacing: 0; margin: 0; padding:0 0 15px;}
h3 { font: 15px Georgia, Arial, Helvetica, sans-serif; color: #00225D; letter-spacing: 0; margin: 0; padding:0 0 15px;}
h4 { font: 13px Georgia, Arial, Helvetica, sans-serif; color: #00225D; letter-spacing: 0; margin: 0; padding:0 0 15px;}
h5 { font: 11px Georgia, Arial, Helvetica, sans-serif; color: #00225D; letter-spacing: 0; margin: 0; padding:0 0 15px;}
h6 { font: 10px Georgia, Arial, Helvetica, sans-serif; color: #00225D; letter-spacing: 0; margin: 0; padding:0 0 15px;}

ul { margin: 15px 0 10px 0px; padding:0 0 10px;}
ol { margin: 10px 0 10px 25px; }
li { margin: 3px 0; }

.hide { display: none; visibility: hidden; }
.clr { float: none; clear: both; height: 0; overflow: hidden; }

/* main layout elements */
#wrapper {width:600px }

/* header */
#header { padding: 0 10px 0 10px; }
#header h1 {float:left}
#header h1 a { margin: 5px 0 0 0; float: left;display: block; width:179px; height:100px; background: transparent url(/images/logo.jpg) no-repeat top left; }
#header h1 a strong { display: none; visibility: hidden; }
#header p { margin: 48px 0 0 0; float: right; }
#header p span { float: left; display: block; padding: 16px 7px 0 0; color: #999; font-size: 100%; }
#tagline { display:none; }

/*banner */
#banner { display: none; }

/* Navigation */
#nav { display:none; }

/*Quick Navigation*/
#quick { display:none; }

/* content area */
#content { background: #FFF; padding: 0; margin: 5px 0 0 0; width: 600px; font-size: 110%; }
.home #content { margin: 2px 0 0 0; }
.submit #main {height:330px;}
#left-col { width:600px; }
#content-top { display:none; }
#main { width: 480px; padding:0 20px 0 20px;}
#main h1 {font-weight:normal;}
#content-bottom { display: none; }
.imgright { float: right; margin: 0 0 10px 10px; }
#main img { padding:10px 0 20px 0;}
#main ul { margin:0;}
.error_text { color: #D50000; text-align:right; padding:0; margin:0 5px 2px 0 !important; margin:0 15px 2px 0;}

/* Right Column */
#right { display:none; } 

/* Contact Page */
#contact {padding:0;}
.text-right {text-align:right; vertical-align:top; color:#009EE0;}
#contact td {padding:0 20px 10px 0px;}

/* subitems */
.mediaitemfirst { width:100%; padding:0; }
.mediaitem { width:100%; border-top: 1px dashed #7B95B0; padding:10px 0 0 0; }
.rule { width: 100%; clear: both; background: #7B95B0; margin: 14px 0; height: 1px; overflow:hidden; }
.item-left { width: 225px; float: left; border-right: 1px solid #7B95B0; padding: 0 14px 0 0; margin: 0 0 14px 0; }
.item-right { width: 225px; float: left; margin: 0 0 14px 14px; }
.item-left img,.item-right img { float : left; border: 0;}
.item-left h3,.item-right h3 { margin: 2px 0 0 95px; font-weight:bold; }
.item-left p,.item-right p { margin: 2px 0 0 95px; }
.item img { float : left; border: 0;}
.item h3 { margin: 2px 0 0 95px; font-weight:bold; }
.item p { margin: 2px 0 0 95px; }

/* Date Picker*/
.dpTable { background: #F3F2F0; border: 1px solid #009EE0;}
.dpButton {width:15px; background:transparent; border: 1px solid #009EE0; color: #00225D; }
.dpTitleTR {}
.dpTitleText { font-size:120%; text-align:center; }
.dpDayTD { border-bottom: solid 1px #009EE0; }
.dpTR {}
.dpTD { width:30px; }
.dpTodayButtonTR { text-align:center; }
.dpTodayButtonTD {}
.dpTodayButton { background: transparent; border: 1px solid #009EE0; color: #00225D; }

/* footer */
#footer { display:none; }

/* forms */
form { }
.formright {float:right; width:325px; text-align:left; display:inline; }
select { font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; width:325px; color: #009EE0; background:#F9F7F8; border: 1px solid #009EE0; margin:0; text-align:center;}
input, textarea { padding: 3px 0 3px 0; width:325px; font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #231F20; background:transparent; border: 1px solid #009EE0; margin: 0; overflow:auto;}
.formError { clear: both; margin: 0 0 0 100px; vertical-align: middle; color: #DE0082; }
.formInfo { clear: both; margin: 0 0 0 100px; padding: 10px 0; vertical-align: middle; }
fieldset { border: 0; }
form label {  vertical-align: top; padding:0 20px 0 0; text-align:right; width:110px; display:block; clear:both; float:left;}
.button { width:175px; font: 200% Georgia, Arial, Helvetica, sans-serif; color: #009EE0; background: transparent url(/images/arrow.gif) no-repeat 155px 15px; letter-spacing: -0.05em; border:0; font-weight: normal; padding: 3px 20px 3px 3px; margin:25px 0 0 0; float:right;}
.button a:hover {color:#00225D;}
.date { width:299px; vertical-align:top; }
.checkbox { background:transparent; border: 0; width:auto; padding:0; }
form h3 { text-align:left; }
#main form img { margin:1px 0 0 0; padding:0; }
.select { padding:0; margin:1px; text-align:center; }
.select_label { display:inline; width:auto; padding:5px 5px 0 0; }
.select_label_token { color: #009EE0; display:inline; width:auto; clear:none; padding:5px 5px 0 0; vertical-align:top; }
.radio { width:auto; padding:0; margin:0; border:0; vertical-align:bottom; }
.select_label_check { width:110px }
.file { width:326px; }
.clear { height:2px; margin:0; border:0; padding:0; clear:both; }
#kwh, #therms {width:100px; float:left;}
.form-header { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; width: 110px; padding: 0 20px 0 0; float:left; text-align:right;}
label.short { clear:none; width:55px; padding:0 6px 0 0; }

/* messages */
p.message { background: transparent url("/images/icon_ok.gif") 0 50% no-repeat; padding: 25px 5px 25px 35px; }
p.error { background: transparent url("/images/icon_error.gif") 0 50% no-repeat; padding: 25px 5px 25px 35px; color: #D50000; margin:0;}
p.info { background: transparent; color: #00CC33; padding:0; margin:0;}
p.ok { background: transparent url("/images/icon_ok.gif") 0 50% no-repeat; padding: 25px 5px 25px 35px; color: #00CC33; padding:0; margin:0;}
.error_friend { color: #D50000; text-align:left; padding:0; margin:0 5px 2px 0 !important; margin:0 15px 2px 0; }

/* Send to a friend */
#friend {margin:10px;}