html { background: #96d5F8 }
body { font-size: .8em; font-family: Arial, Sans-Serif; color: #5b5b5b }
div#all { width: 976px; margin: 0 auto }
div#white { background: #fff url(../images/bg_white.gif) no-repeat bottom; padding: 28px 15px 26px 13px }
div#white-l { float: left; width: 725px } /* contains menu and content */
div#white-sd { float: left; width: 216px; background: url(../images/sd_bg.jpg) repeat-x top } /* sidebar container */
div#white-r { float: left; width: 7px } /* border image slice only */

/* header */
div#hd { padding-bottom: 26px }
div#hd a img { margin-left: 14px }
#search-frm * {  }
#search-frm { float: right }
#search-frm a { border-right: 1px dotted #c6c6c6; margin-right: 14px; padding-right: 14px; color: #686868; text-decoration: none; vertical-align: middle }
#q { width: 132px; font-size: 90%; margin-right: 15px; color: #5b5b5b }

/* top menu */
div#mn { background: #e2e2e2 url(../images/hd/mn_bg.jpg) repeat-x top; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #cfcfcf }
div#mn a.selected { background: #79c5ee }
div#mn a img { padding: 26px 28px 22px 28px }
div#mn a, img#what-kind { display: inline-block }
img#what-kind { padding: 26px 10px 22px 17px }

/* banner */
div#banner { border-left: 1px solid #e4e4e4; border-bottom: 5px solid #79c7f0 }
div#banner-splash { border-left: 1px solid #e4e4e4 }

/* side */
div#sd { padding: 25px 21px 15px 21px }
div#sd h3 { margin-top: 0 }
h3.underlined { border-bottom: 1px solid #e4e4e4; padding-bottom: 9px }
div#sd a { font-size: 90%; color: #5b5b5b; text-decoration: none }
ul#about { margin: 0; padding: 0 }
ul#about li { margin: 0; padding: 0; list-style: none; border-top: 1px dotted #c6c6c6 }
ul#about li:first-child { border: none }
ul#about a { display: block; margin: 0; padding: 4px 8px; height: 1% } /* height ie6 fix */
ul#about a:hover { background: url(../images/li_bg.jpg) repeat-y }
div#news div { border-top: 1px dotted #c6c6c6; margin-top: 14px; padding-top: 14px; min-height: 45px }
div#news div:first-child { border: none; margin: 0; padding: 0 }
div#news img { margin: 0 10px 0 0; float: left }

/* body */
div#bd { background: url(../images/bd_bg.gif) repeat-y; width: 725px }

/* body left/nav */
div#bd-l { float: left; width: 220px; margin: 0 1px }
div#bd-l h3 { margin: 20px 20px 13px 20px }
div#planned-outages { border-top: 1px solid #e4e4e4 }
ul#subnav { margin: 0 20px 17px 20px; padding: 0 }
ul#subnav li { margin: 0; padding: 0; list-style: none; border-bottom: 1px dotted #c6c6c6 }
ul#subnav li.selected a { color: #3ebbfe }
ul#subnav a { color: #5b5b5b; text-decoration: none; font-size: 90%; display: block; padding: 4px 0 }
ul#subnav a:hover { text-decoration: underline }

ul#subnav ul.subnav2 { margin: 0 0 0 10px; padding: 0 }
ul#subnav ul.subnav2 li { border: none }
ul#subnav ul.subnav2 a { color: #5b5b5b; font-size: 80%; padding: 2px 0 }

/* body main */
div#bd-main { float: left; width: 502px }
h1#main-title { margin: 0; padding: 31px 20px 27px 31px; border-bottom: 1px solid #e4e4e4 }
h1#main-title img { margin-left: 23px; vertical-align: middle }
div#content { padding: 28px 31px }
div#content p:first-child { margin-top: 0 }

/* splash */
div#bd-splash { background: url(../images/bd_bg_splash.gif) repeat-y; width: 725px }
div.splash-item { float: left; width: 180px; margin-left: 1px }
.splash-item-img { display: block; border-bottom: 1px solid #e4e4e4 }
div.splash-item p { margin: 12px; font-size: 90% }
div.splash-item ul { margin: 12px; padding: 0 }
div.splash-item li { margin: 0; padding: 0; list-style: none; border-bottom: 1px dotted #c6c6c6 }
div.splash-item ul a { font-size: 90%; color: #5b5b5b; text-decoration: none; display: block; margin: 0; padding: 4px 8px; height: 1% } /* height ie6 fix */
div.splash-item ul a:hover { text-decoration: underline }

/* footer */
#ft { color: #8b8b8b; margin: 16px; font-size: 80% }
#ft a { color: #8b8b8b; }

/* text, links */
h1 { font-size: 150%; color: #3ebbfe; font-family: Verdana, Arial, Sans-Serif; font-weight: normal }
h3 { font-size: 110%; color: #3ebbfe; font-family: Verdana, Arial, Sans-Serif; font-weight: normal }
a { color: #3ebbfe }

/* misc */
img { border: 0 }
.clear { clear: both }
form { margin: 0; padding: 0 }