/* first row, first box */
/* Featured Articles */
#content-feature { float: left; margin: 13px 0 0 12px; position: relative; height: 160px; background-color: #BCC0C5; }
* html #content-feature { width: 235px; }
#content-feature div.wrapper { background-image: url(../images/home/wrapper.gif); background-repeat: no-repeat; background-position: 0 0; padding: 0 2px 0 0; height: 100%; }
* html #content-feature { display: inline; /* double margin bug */ }
/* content is stored in a UL, all positioned on top of each other, no fixed # of articles */
#content-feature ul { width: 235px; height: 152px; margin: 0; padding: 0; list-style: none; border: 1px solid #8aa1ba; border-bottom-style: none; background: url(../images/home/bg-feature-ul.gif) top left repeat-x; }
#content-feature li { position: absolute; top: 0; left: 0; display: none; }
#content-feature li:first-child { display: block; }
/* body.home prefix to override CSS */
body.home #content-feature h2 { font: normal 18px/20px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 5px 10px; }
body.home #content-feature h2, body.home #content-feature p { width: 162px; padding-left: 10px; color: #0047ba; }
/* feature photo */
body.home #content-feature p.img { position: absolute; top: 17px; left: 150px; border: 1px solid #8aa1ba; width: 80px; height: 80px; padding: 1px; margin: 1px; }
#content-feature p.img img { display: block; }
body.home #content-feature a { text-decoration: none; color: #0047ba; font-weight: bold; }
body.home #content-feature a:hover { text-decoration: underline; }
/* feature navigation is dynamically built via JS;
	   it is positioned under the featured articles */
#feature-nav { position: absolute; width: 235px; left: 0; bottom: 3px; text-align: center; height: 19px; background-image: url(../images/home/bg-feature-nav.gif); background-repeat: repeat-x; border: 1px solid #8aa1ba; border-top-style: none; }
/* previous button */
#feature-prev { position: absolute; width: 100px; top: 0; left: 0; cursor: pointer; }
/* next button */
#feature-next { position: absolute; width: 91px; top: 0; left: 150px; cursor: pointer; }
.feature-box { cursor: pointer; }
/* first row, second box */
/* Alerts and Outage Information */
#content-alerts { margin: 13px 0 1px 12px; float: left; position: relative; width: 177px; background: #bcc0c5 url(../images/home/bg-alerts.gif) top right no-repeat; }
/* main DIV contains the upper right notch, this contains the lower left */
#content-alerts div.wrapper { background: url(../images/home/bg-alerts.gif) bottom left no-repeat; padding-bottom: 3px; }
/* contains the border */
#content-alerts div.border { width: 173px; border: 1px solid #8aa1ba; background: url(../images/home/customer-service.gif) top left no-repeat; }
/* P contains the title & background as an image, content must fit in a fixed height */
body.home #content-alerts p { background: url(../images/home/alerts.gif) top left no-repeat; padding: 44px 10px 11px 10px; margin: 0; }
/* fixed height, must be 4 LIs */
body.home #content-alerts ul.links { margin: 0; padding: 0; list-style: none; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #7E8C9D; border-width: 0 0 1px 0; width: 173px; }
body.home #content-alerts ul.links li { border: 0; }
body.home #content-alerts ul.links li a { display: block; border: 1px solid #7E8C9D; border-width: 1px 0 0 0; background: url(../images/home/bg-alerts-li.gif) top left no-repeat; }
/* first row, third box */
/* Customer Service */
#content-service { margin: 13px 0 1px 12px; float: left; position: relative; width: 177px; background: #bcc0c5 url(../images/home/bg-alerts.gif) top right no-repeat; }
/* main DIV contains the upper right notch, this contains the lower left */
#content-service div.wrapper { background: url(../images/home/bg-alerts.gif) bottom left no-repeat; padding-bottom: 3px; }
/* contains the border */
#content-service div.border { width: 173px; padding: 28px 0 0 0; padding: 24px 0 0 0; border: 1px solid #8aa1ba; background: url(../images/home/customer-service.gif) top left no-repeat; }
body.home #content-service form { padding: 10px 0 5px 0; padding: 3px 0 0px 0; background: url(../images/home/bg-form.gif) top left no-repeat; }
body.home #content-service form div { padding: 0 0 4px 7px; padding: 0 0 1px 7px; }
body.home #content-service form h2 { color: #d7390e; font-size: 11px; font-weight: bold; padding: 0 0 2px 7px; padding: 0 0 0 7px; }
body.home #content-service input.text { width: 128px; border: 1px solid #8399b1; margin: 0; padding: 1px 2px; vertical-align: middle; color: #018608; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }
/* submit button */
body.home #content-service input.image { width: 21px; height: 21px; border: 0; margin: 0; padding: 0; vertical-align: middle; cursor: pointer; }
body.home #content-service form p { padding: 0 0 2px 8px; padding: 0 0 0 8px; font-size: 10px; font-weight: bold; }
body.home #content-service form a { color: #0047ba; font-size: 9px; text-decoration: underline; }
body.home #content-service form a:hover { text-decoration: underline; }
/* fixed height, must be 3 LIs */
body.home #content-service ul.links { margin: 0; padding: 0; list-style: none; font: 11px/11px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #7E8C9D; border-width: 0 0 1px 0; width: 173px; }
body.home #content-service ul.links li { border: 0; }
body.home #content-service ul.links li a { display: block; border: 1px solid #7E8C9D; border-width: 1px 0 0 0; background: url(../images/home/bg-alerts-li.gif) top left no-repeat; }
/* second row, first box */
/* What's New */
#content-new { float: left; margin: 0 0 0 12px; width: 367px; }
* html #content-new { display: inline; /* double margin bug */ }
#content-new h2 { padding-top: 10px !important; }
/* articles */
#content-articles { float: left; width: 378px; }
/* second row, second box */
/* Article */
#content-article1 { margin-top: 9px !important; margin: 9px 0 0 14px; float: left; width: 175px; _display: inline; /* double float bug */ }
#content-article2 { margin-top: 9px !important; margin: 9px 0 0 14px; float: left; width: 175px; _display: inline; /* double float bug */ }
#content-article3, #content-article4 { margin: 41px 0 0 14px; float: left; width: 175px; _display: inline; /* double float bug */ }
#content-article3, #content-article4 { margin: 10px 0 0 14px; }
#content-article1 h3, #content-article2 h3, #content-article3 h3, #content-article4 h3 { font: bold 13px Arial, Helvetica, sans-serif; }
#content-article1 img, #content-article2 img, #content-article3 img, #content-article4 img { float: left; margin: 0 10px 2px 0; }
#content-articles br { clear: both; }