/* 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:779px; margin-left:auto; margin-right:auto; }

/* 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 { padding:60px 0 0 0; font-weight:bold; float:right; width:550px; }
#tagline p { display:block; font: 15px Trebuchet MS, Arial, Helvetica, sans-serif; color: #00225D; letter-spacing: 0; text-align:right; padding:0; margin:0; }

/*banner */
#banner {width:779px;}
#banner h2 { padding: 5px 0 5px 20px; }

/* Navigation */
#nav { background: transparent url(/images/menu-top.gif) no-repeat; margin: 0; width: 779px; margin:0; float:left }
#inner-nav { background: transparent url(/images/menu-bottom.gif) bottom no-repeat; width: 779px; float:left; padding:5px 0 6px 0; }
#nav ul { list-style: none; margin: 0; padding: 0 0 0 25px; text-align:center; }
#nav li { float: left; background: none; padding: 8px 0 9px 0; position: relative; z-index: 2;}
#nav li a { display: block; color: #009EE0; font-weight: bold; text-decoration: none; font-size: 110%; }
#nav ul li a:hover { text-decoration: none; }
#nav ul li.selected a { color: #012E67; }
#nav ul li:hover { background: #D5ECFA; }
#nav ul li a {border-right:1px solid #7F94B1; padding:0 15px 0 15px;}
#nav ul li a.end {border-right:0; padding:0 12px 0 12px;}

#nav li .drop { display: none; }
#nav li.over { background: #D5ECFA; }
#nav li:hover .drop, #nav li.over .drop { position: absolute; z-index: 2; top: 25px; left: 0; display: block; width: 150px; float: left; padding: 5px 0 0 0; background: transparent; list-style: none; margin:0; }
#nav li .drop li { padding: 0; float: none; margin:0; border: 1px solid #FFF; width:150px; background: #F7F5F8; }
*:first-child+html ul.drop li a { overflow:hidden; }
#nav li .drop li a { display: block; width:auto !important; width:120px; border: 0; font-weight: normal; color: #009EE0; text-decoration: none; padding: 10px 10px 10px 18px; margin:0;}
#nav li .drop li a:hover { background: #D5ECFA; }
#nav li .drop li span { display: none; }

/* make the sub level visible on hover list or link */
#nav ul li:hover ul, #nav ul a:hover ul{ visibility:visible;}

/* Paging */
.paging { float:right; } 

/*Quick Navigation*/
#quick {top:0;right:0; margin: 10px 0 0 0;text-align:right;float:right}

/* content area */
#content { background: #FFF; padding: 0; margin: 5px 0 0 0; width: 781px; font-size: 110%; }
.home #content { margin: 2px 0 0 0; }
.submit #main {height:330px;}
#left-col { width:520px; float:left; background: #FFF url(/images/content-background.jpg) repeat-y center;}
#content-top { width: 520px;  background: #FFF url(/images/content-top.gif) no-repeat center; height:27px; margin:0; }
#main { width: 480px; padding:0 20px 0 20px;}
#main h1 {font-weight:normal;}
#content-bottom { width: 520px; background: transparent url(/images/content-bottom.gif) no-repeat center 0 !important; background: transparent url(/images/content-bottom.gif) no-repeat center 2px; height:14px; clear:both; margin:0; border:0; padding:0;}
.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 { width:258px; float:right; }
.right { width: 218px; padding: 0 20px 0 20px !important; padding:0 0 0 20px; background: #FCFBFA url(/images/col-bg.gif); margin:0 0 5px 0;}
.right h2 {padding: 0;}
.right p {padding: 10px 0px 10px 0px; }
.col-top {width:258px; height:27px; background: url(/images/col-top.gif);}
.col-bottom {width:258px; background: transparent url(/images/col-bottom.gif) no-repeat center 0 !important; background: transparent url(/images/col-bottom.gif) no-repeat center 2px; height:15px; clear:both; margin:0 0 0 -20px; border:0; padding:0;}
.col-button {width: 218px; height:55px; padding: 0 20px 0 20px; background:url(/images/col-button.gif); margin: 0 0 5px 0;}
.col-button h2 {padding-top:15px;}
.col-button img {padding:0 0 0 5px;}
.news {border-bottom: dashed 1px #7B95B0;}
.newsend {  }
.newslast { margin:0 0 10px 0; border-bottom: dashed 1px #7B95B0; }
.selectednews { border-bottom: dashed 1px #7B95B0; color:#00225D; }
.selectednews a {color:#00225D;}
.selectednewslast a {color:#00225D;}
.selectednewslast { margin:0 0 10px 0; border-bottom: dashed 1px #7B95B0; color:#00225D; } 

/* 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 { clear: both; }
#footer .left { padding: 13px 8px 5px 8px; line-height: 150%; margin: 0; font-size: 110%; float:left; }
#footer .footright {padding: 13px 8px 5px 8px; font-size: 110%; float:right; }
.footright a { color: #D1D1D1; margin: 0 0 0 10px;}


/* 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; }
.fieldSummary { margin:0 0 2px 135px; padding:0;  font-size:95%; }

/* 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;}