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

 
body { background-color:#003366; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align:center; margin: 0; }
br.clear { clear:both; line-height:1px; }
hr { clear:both; line-height:0; margin:0; padding:0; border:0; background:#ffffff; }
a, img { border:0px; }
tablex{ width: 100%; margin:0; padding:0; border-spacing:0; border:0; }
td, th { vertical-align:top; }

/*.ce #container { text-align:left; background-color: #FFFFFF; background-image: url(images_new/menuback.gif); background-repeat: repeat-y; background-position: left; position: absolute; left: 30px; top: 10px; right: 30px; }
.ce #container #header { margin: 0px; padding:0; height: 80px; background-image: url(images_new/topband.gif); background-repeat: repeat-x; background-position: center; }
.ce #container #header #header2 { background-image: url(images_new/logo.gif); background-position: left top; height: 40px; background-repeat: no-repeat; text-align: right; padding: 20px; } 
 
.ce #container #maincontent { margin: 0px; padding: 10px 20px 20px 206px; text-align: left; }
.ce #container #maincontent h1 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; color: #000000; margin: 0px; padding: 8px 0; font-weight: normal; line-height: 26px; }
.ce #container #maincontent h2 { font-size: 14px; line-height: 16px; color: #000066; margin: 0px; padding: 6px 0 3px 0; }
.ce #container #maincontent h3 { font-size: 12px; line-height: 16px; color: #000066; margin: 0px; padding: 8px 0 0 0; }
*//* Secondary Page titles with picture */
/*.ce #container #maincontent h4 { font-weight: normal; color: #FFFFFF; background-color: #286837; padding: 6px; height: 50px; font-size: 16px; background-repeat: no-repeat; background-position: right top; margin:12px 0 6px 0;   }
.ce #container #maincontent p { font-size: 12px; line-height: 15px; margin: 0px; padding: 3px 0 6px 0; color:#333333; }
.ce #container #maincontent p.error { font-size: 12px; line-height: 15px; margin: 0px; padding: 3px 0 6px 0; color:#CC0000; }
.ce #container #maincontent a,
.ce #container #maincontent a:visited { color: #000000; text-decoration: none; border-bottom:1px dotted #000000; } 
.ce #container #maincontent a:hover   { color: #333333; text-decoration: none; border-bottom:1px dotted #333333; background:#A7E9C3 }
.ce #container #maincontent li { list-style-image: url(images_new/orange_square.gif); padding-bottom:4px; }
.ce #container #maincontent img { margin: 0 0 0 9px; border: 0; float:right; padding:0; }
 
 
.ce br.clear { clear:both; line-height:1px; }
.ce #container #footer { font-size: 10px; color: #FFFFFF; background-color: #0B0044; padding: 6px; margin-left: 16px; }
.ce #container #footer p { font-size: 10px; line-height: 13px; color: #FFFFFF; margin: 0px; padding-bottom: 6px; }
.ce #container #footer a,
.ce #container #footer a:visited { color: #DBF6FF; }
*/ 
 
/*.cehome #container { text-align:left; position: relative; width:761px; margin: 0 auto; }
.cehome #container #header { margin: 0px; padding:0; height: 80px; background-image: url(images_new/topband.gif); background-repeat: repeat-x; background-position: center; }
.cehome #container #header #header2 { background-image: url(images_new/logo.gif); background-position: left top; height: 40px; background-repeat: no-repeat; text-align: right; padding: 20px; }
.cehome #container #maincontent { text-align:left; margin-left: 16px; background-color:#ffffff; padding: 10px; }
.cehome #container #maincontent h2 { margin: 0px; padding: 6px 0; }
.cehome #container #maincontent p { font-size: 12px; line-height: 16px; color: #333333; margin: 0px; padding: 3px 0; }
.cehome #container #flashcontent { text-align:left; margin-left: 16px; background-color:#ffffff; height: 310px; }
.cehome #container #footer { font-size: 10px; color: #FFFFFF; background-color: #0B0044; padding: 6px; margin-left: 16px; position: relative; height:68px; }
.cehome #container #footer p { font-size: 10px; line-height: 13px; color: #FFFFFF; margin: 0px; padding-bottom: 6px; }
.cehome #container #footer a,
.cehome #container #footer a:visited { color: #DBF6FF; }
.cehome #container #footer a.storm,
.cehome #container #footer a.storm:visited { font-size: 12px; font-weight: bold; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align:right; text-decoration: none; position:absolute; right:0px; top:0px; bottom:0px; width:130px; text-align: right; padding: 10px; background-image: url(images_new/storm_foot.jpg); background-repeat: no-repeat; background-position: center center; height: 55px; }
.cehome #container #footer a.storm:hover { background-image: url(images_new/storm_over.jpg); background-repeat: no-repeat; background-position: center center; }
*/ 
/* Form table */
/*.ce #container #maincontent #formtable th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-align: left; padding: 4px 3px 1px 3px; }
.ce #container #maincontent #formtable input { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #efefef; text-align: left; }
.ce #container #maincontent #formtable td { padding: 3px; }
.ce #container #maincontent #formtable #message { background-color: #efefef; }
.ce #container #maincontent #formtable th span { color:red; }
 
.ce #container #maincontent div.news { padding: 12px; background-color: #FFFFDC; margin: 12px; }
 
.ce #container #maincontent .fltright { float:right; margin: 0 9px 0 0; }
*/
/* newest home */


.central h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #007950; margin: 0px; padding: 8px 0;        font-weight: normal; line-height: 26px; }
.central h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #007950; margin: 0px; padding: 6px 0 3px 0;  font-weight: normal; line-height: 14px; }
.central h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #007950; margin: 0px; padding: 8px 0 0 0;    font-weight: normal; line-height: 12px;}
.bottom_border{border-bottom:1px dashed #ff9933}
.central #pagecontent a,.central #pagecontent  a:visited { color: #ff9933; text-decoration: none;  }
.central #pagecontent a:hover               { color: #ff9933; text-decoration: none;  }
.central #container { text-align:left; position: relative; margin: 0 auto; }
.central .inner {position: relative; width:980px; text-align:left; margin: 0 auto;}
.central #container #header {margin: 0px; padding:0; height: 67px; background-color: #FFFFFF; }
.central #container #header #touchlogo {position: absolute;left: 19px;top: 23px;}
.central #container #header #loginform {float: right;text-align: right; margin: 21px 10px 0 0; padding: 3px 0;color:#0f4379;}
.central #container #header #loginform p { padding: 0px; margin: 0; font-size: 11px; }
.central #container #header #loginform #login { background-color: #303030; background-image: url(images/login_button.jpg); background-repeat: no-repeat; background-position: center center; width: 74px; height: 29px; border: 0; margin: 0 3px;}

.central #container #menu {position:absolute;  width:980px; margin: 0px; padding:0; font-size:13px;   }
.central #container #menu .menu_area{height:27px; position:abolute; top:0px; background-color: #003366;}
.central #container #menu .sub_menu_area{height:27px; position:abolute; top:0px; display:none; }
.top_menu_main_space{float:left; background-color:#003366; padding:6px 25px 5px 55px;  border-right:1px solid #FFFFFF; height:16px; }
.top_menu_main_space_right{float:left; background-color:#003366; padding:6px 5px 5px 5px;  border-left:1px solid #FFFFFF; height:16px; }
.top_menu_main{float:left; background-color:#003366;       padding:6px 25px 5px 25px;  border-right:1px solid #FFFFFF; height:16px; }
.top_menu_main a{color:#FFFFFF; text-decoration:none;}
.top_menu_sub_space{float:left; padding:6px 25px 5px 25px; border-right:1px solid #FFFFFF; }
.top_menu_sub{float:left; background-color:#6387a5; padding:6px 25px 5px 25px; border-right:1px solid #FFFFFF;  border-top:1px solid #FFFFFF; }
.top_menu_sub a{color:#FFFFFF; text-decoration:none;}
.main_menu_hover{background-color:#6387a5;}
.sub_menu_hover{background-color:#a2bdcf;}
.sub_menu_hover a{ color:#003366;}

.central #container #banner {width:980px; height:178px; margin: 27px 0px 0px 0px; padding:0; background-color: #FFFFFF;}
.central #container #banner #banner_area{ background-color:#FFFFFF}

.central #container #divider {width:980px; height:19px;  margin: 0px; padding:0; background-color: #003366; }

.central #container #maincontent {width:980px;  background-color:#003366; }
.central #container #maincontent h2 { margin: 0px; padding: 6px 0; height: 12px; }
.central #container #maincontent p { font-size: 12px; line-height: 16px; color: #333333; margin: 0px; padding: 0px 0; }
.central #container #flashcontent { height: 300px; width: 900px; margin: 0 auto; }
.central #container #maincontent ul { font-size:11px; margin: 0px; padding: 0 0 0 6px; }
.central #container #maincontent ul li { list-style-image: url(images/orange_square.gif); margin: 6px 0px; padding: 0; }

.central #container #footer { position:relative; width:980px; height:81px;  background-color:#003366; font-size: 10px; color: #FFFFFF; padding: 6px 0; text-align:center }
.central #container #footer p { font-size: 10px; line-height: 13px; color: #FFFFFF; margin: 0px; padding-bottom: 6px; }
.central #container #footer a,
.central #container #footer a:visited { color: #DBF6FF; }
a.storm,
a.storm:visited { position:relative; right:20px; top:0px; width:115px; height: 68px; background-image: url(images/outage_center.jpg); background-repeat: no-repeat; background-position: top right; }

.central #container #sitemap { width:930px;  padding: 0px 0px 0px 50px;  background-color: #336699; }
.sitemap_column{float:left; margin:20px 30px 30px 30px;}

.main_link {padding:5px 0px 5px 0px;color:#FFFFFF; text-decoration:none;}
.sub_link  {padding:5px 0px 5px 12px}
.main_link a{color:#FFFFFF; text-decoration:none;}
.sub_link  a{color:#FFFFFF; text-decoration:none;}
.sub_link  a:hover{color:#ff9933; text-decoration:none;}

#latest_news{ padding: 18px 32px 0px 43px; margin: 0px 0px 0px 0px; height:254px; overflow:hidden;}
#quick_links{ padding: 18px 0px 27px 0px; height:227px; overflow:hidden; background:#6699cc; }
.quick_links_menu{padding: 3px 0px 3px 43px;background-color:#6699cc; cursor:pointer}
.quick_links_menu:hover{background-color:#80aad5;}
.quick_links_menu a{ color:#003366; text-decoration:none;}

#outage{position:absolute; top:10px; left:820px;}

div.tdmid   { padding: 10px 20px; }
td.tdright { padding: 10px 0 10px 10px; }
td.tdleft { padding: 10px 10px 10px 0; }

#together_banner{ padding: 4px 0px 0px 6px; height:87px; overflow:hidden;background:#FFFFFF; }
.central #container #maincontent h2.quick-links { background-image: url(images/quick_links.gif); background-repeat: no-repeat; background-position: left top; margin: 0 0 9px 43px; }
.central #container #maincontent h2.latest-news { background-image: url(images/latest_news.gif); background-repeat: no-repeat; background-position: left top; margin: 0 0 9px 5px; }
.central #container #maincontent h2.twitter { background-image: url(images/twitter.gif); background-repeat: no-repeat; background-position: left top; margin: 0 0 9px -14px; }
.central #container #maincontent li a, 
.central #container #maincontent li a:visited { color: #666666; text-decoration: none; }
#maincontent li a strong { color: #000000; }
.central #container #maincontent li a:hover { color: #303030; background-color:#CAE2FF; }

.page_divider{min-height:53px;}
.index_divider{min-height:19px;}
.hide_site_map{display:none;}
#pagecontent {width:980px;  background-color:#003366; font-family: Verdana, Arial, Helvetica, sans-serif;}
#lefttd {background-color:#336699; }
#page_left {width:240px; padding:20px; text-align:center;}
#page_right{width:660px; padding:20px; line-height:150%;}
#breadcrumbs{margin-left:290px; color:#FFFFFF; font-size:14px; font-weight:bold; padding:20px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.page_title_white{background-color:#FFFFFF}
.page_title_blank{background-color:#003366}