/***********************************************************
* COMMON
***********************************************************/
body {
	background: url(../images/background.gif) #696969;
	font-family: helvetica,arial,sans-serif;
	font-size: .9em;
	line-height: 1.1em;
	padding:0;
	margin:0;
	text-align:center;
}
a, a:visited {
	color: #025B8F;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	
}
a img {
	border: none;
	text-decoration: none;
}
.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
	/*line-height: 0em;*/
	height: 0;
}

a.arrowlink_water {
    font-size: 1.3em; 
}
		
a.underline {text-decoration:underline;}

.print_only {
	display: none;
}

/***********************************************************
* FORM
***********************************************************/
form {
	padding: 0;
	margin: 0;
}
.form_table td {
	padding: 0 5px 0 0;
	vertical-align: top;
}
input {
	font-family: helvetica,arial,sans-serif;
	font-size: .9em;
	border-color: #808080 #d4d0c8 #d4d0c8 #808080;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}
input.image {
	border: none;
	padding: 0;
}
input.button {
	font-family: helvetica,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: #75a6c7;
	border: 1px solid #5a8caf;
	padding: 4px 6px;
	color: #fff;
	cursor: pointer;
}


/***********************************************************
* HEADER
***********************************************************/
#header_home {
	width: 779px;
	height: 175px;
	background: url(../images/water/header_water0.jpg) bottom left no-repeat;
	margin: 0 auto;
	text-align: right;
	padding: 0;
	position:relative;
}
#header a, #header_home a {
	color: #fff;
	border-left: 1px solid #8e8e8d;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 10px;
}
#header a.first, #header_home a.first {
	border-left: none;
}

#header_home_int {
	width: 779px;
	height: 140px;
	background: url(../images/water/header_water.jpg) bottom left no-repeat;
	margin: 0 auto;
	text-align: right;
	padding: 0;
	position:relative;
}
#header a, #header_home_int a {
	color: #fff;
	border-left: 1px solid #8e8e8d;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	padding: 5px 10px;
}
#header a.first, #header_home_int a.first {
	border-left: none;
}


/***********************************************************
* search
***********************************************************/
#search {
	width:260px;
	height:55px;
	position:absolute;
	right:26px;
	top:64px}
	
#header_home_int #search {
	width:260px;
	height:55px;
	position:absolute;
	right:26px;
	top:45px}
	
#searchfield {
	position:relative;
	padding:2px;
	margin:0;
	top: -5px;
	border:0;
	height:15px;
	width:114px;
	background:#d6d6d5;
	border-top:1px solid #757574;
	border-left:1px solid #757574;
	border-bottom:1px solid #d4d0c8;
	border-right:1px solid #d4d0c8;
}

.searchbutton{
	margin: 0; padding:0;
	background:#4c3a35 url(../images/water/search.gif);
	border:0;
	height:21px;
	width:78px;}


/***********************************************************
* HOME CONTENT
***********************************************************/
#content_home {
	width: 775px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align:left;
	border-right: 2px solid #3d3d3a;
	background: url(../images/water/int_background.jpg) left top repeat-x #ebebeb;
}

#content_home h2{
/*fix with sifr*/
	font-family:'myriad pro', arial, sans-serif;
	color:#50780C;
	font-weight:normal;
	padding-top:0;
	margin-top:0;
	font-size:16px;
	}
	
	#content_home h3{
/*fix with sifr*/
	font-family:'myriad pro', arial, sans-serif;
	color:#797979;
	font-weight:normal;
	font-size:1.2em;
	padding-top:0;
	margin-top:0;
	text-transform: uppercase;
	margin-bottom: 5px;
	}

/***********************************************************
* CONTENT
***********************************************************/
#container {
	width: 777px;
	margin: 0 auto;
	border-right: 2px solid #454440;
	padding: 0;
}
.stripes {
	width: 775px;
	height: 30px;
	border-right: 2px solid #3d3d3a;
	background: url(../images/water/stripes.jpg) 0 0 repeat-x #ebebeb;
}


/***********************************************************
* CONTENT_HOME MENU
***********************************************************/
#content_Menu{ 
	margin: 0 0 0 7px;
	padding:0;
	width:750px;
}
	
ul#contentMenu  { 
	margin:0 0 0 20px;
	padding:0;
	}

ul#contentMenu li {
	display:block;
	position:relative;
	float:left;
	font-size:11.5px;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	height:23px;
	background:url('../images/power/gradient_smallDivider.gif') top right no-repeat;
	margin-bottom:25px;
	}
ul#contentMenu li a { display: block; }

ul#contentMenu li.last {
	background:none;}
	
ul#contentMenu li a:hover, ul#contentMenu li#active a, ul#contentMenu li:hover a, ul#contentMenu li.sfhover a {
	text-decoration:none;
	color:#000;}


/***********************************************************
* CONTENT_HOME MENU level 2
***********************************************************/

ul#contentMenu li ul.submenu
 {
	position: absolute;
	left: -999em;
	width:200px; height: auto;
	background:#d3cecc url(../images/water/bg_dropdown.gif) top left repeat-x;
	border-bottom:3px solid #025B8F;
	padding:2px 0 10px 0;
	margin:0 0 0 -15px;

}
ul#contentMenu li.sfhover ul.submenu , ul#contentMenu li:hover ul.submenu  { left: auto; top:100% }
ul#contentMenu li.last ul.submenu  { right:0; }


ul#contentMenu li ul.submenu li {
	float: none;
	width: auto; height: auto;
	background: transparent!important;
	font-size: 12px;
	text-transform:none;
	padding:2px 0;
	margin:0;
	font-weight:normal;
}
ul#contentMenu li ul.submenu a {
	display: block;
	/* width: auto; height: 5em; */
	font-size: 11px;
	text-align: left;
	color:#025B8F;
	padding-left: 20px;
	/*background:transparent url(../images/water/bg_droplink.gif) 13px 45%  no-repeat !important;*/
}
ul#contentMenu li#active ul.submenu a{	color:#24719e !important;}

div>ul#contentMenu li ul.submenu a { width: auto; height: auto; }
ul#contentMenu li ul.submenu a:hover { color: #000; }

	
/***********************************************************
* CONTENT HOME COLUMNS
***********************************************************/

/*Level 1 Column left - Big container column**
**********************************************/
#content_home #level1_column_left {
	float:left;
	width:685px;
	font-size:12px;
	font-family:verdana, helvetica, sans-serif;
	}
	
/*leve2*/

#content_home #level1_column_left #level2_column_leftmenu
{	
	padding:0 5px;
	margin:0;
	width:195px;
	float:left;}

#content_home #level1_column_left #level2_column_leftmenu h2 {
  color:#50780c;
	margin-left:10px;
}

#content_home #level1_column_left #level2_column_leftmenu h3 
{
    margin-top: 30px;
    color:#50780c;    
	margin-left:10px;
}

#content_home #level1_column_left #level2_column_rightbig
{	
	padding: 10px 0 0 0 ;
	margin:0;
	width:475px;
	float:right;	
	line-height:1.2em;}

#content_home #level1_column_left #level2_column_rightbig h4 
{
      color:#50780c;   
}

#content_home #level1_column_left #level2_column_rightbig h5 
{
      color:#50780c;
}

	
img.left
{float:left; margin: 10px 10px 10px 0; }

#content_home #level1_column_left #level2_column_leftbig
{	
	padding:0 5px 0 30px;
	margin:0;
	width:380px;
	font-family:verdana, helvetica, sans-serif;
	line-height:1.2em;
	
}

#content_home #level1_column_left #level2_column_rightsmall {
    width:230px;
		float:right;
		margin-top:25px;
		}

	
/***Level 1 Column right -  Narrow righthand icon link column**
***************************************************************/

#content_home #level1_column_right
{	width:65px;
	float:right;

	}

#content_home #level1_column_right ul#iconlist{

	width:65px;
	padding:0;
	margin:0;
}

#content_home #level1_column_right ul#iconlist li{  
	display:block;
	border-bottom:2px solid #d5d5d5;
	padding:14px 0 16px 0;
	text-align:center;
	}
	
#content_home #level1_column_right ul#iconlist li a {
	display:block;
	width:60px;
	height:55px;
	font-size:0;
}
	
#content_home #level1_column_right ul#iconlist li a.tpu
{background:url(../images/water/sidenav_tpuAct.gif) center center no-repeat;
margin-top:-5px; margin-bottom:-12px;}

#content_home #level1_column_right ul#iconlist li a.tpu:hover
{background:url(../images/water/sidenav_tpuAct.gif) center center no-repeat;}

#content_home #level1_column_right ul#iconlist li a.rail
{background:url(../images/water/sidenav_railAct.gif) center center no-repeat;
margin-bottom:-7px;}

#content_home #level1_column_right ul#iconlist li a.rail:hover
{background:url(../images/water/sidenav_railAct.gif) center center no-repeat;}

#content_home #level1_column_right ul#iconlist li a.power
{background:url(../images/water/sidenav_powerAct.gif) center center no-repeat;}

#content_home #level1_column_right ul#iconlist li a.power:hover
{background:url(../images/water/sidenav_powerAct.gif) center center no-repeat;}

/***********************************************************
* images
***********************************************************/
div.right_image {
	float: right;
	text-align: center;
	font-size: .9em;
	margin: 0 0 10px 10px;
	color: #555;
	padding: 0;
	line-height: 1em;
}
div.left_image {
	float: left;
	text-align: center;
	font-size: .9em;
	margin: 0 15px 10px 0;
	padding: 0;
	line-height: 1em;
}
div.right_image img, div.left_image img {
	margin: 0 0 0 0;
	padding: 0;
}

.author_caption { color: #888; font-size: .8em; display: block; margin: 0 0 0 0; font-style: italic; }

.article-body 
{
    margin-top: 0;
    margin-bottom: 20px;
}

.article-body > p:first-child { margin-top: 0 }

/***********************************************************
* PAGES NEWS SECTION
***********************************************************/

#news_items {
		border-top:1px solid #CACACA;
		border-bottom:1px solid #CACACA;
		padding:12px 0;
		margin: 17px 0;
		font-size:0.9em;		}

#news_items.notopborder { border-top: 0; padding: 0; margin: 0; }
				
#news_items ul#news {
		list-style-image:url(../images/water/water_bullet.gif);
		padding-left:2.9em;
		margin-right:0;					 }
					 
#news_items ul#news a { color: #000; }

#news_items  a:hover { color:#000; text-decoration:none;  		 }

/***********************************************************
* CUSTOMER TOOLS
***********************************************************/
#toolbox
{margin-left:-10px;}

.tool {
	width:60px;
	float:left;
	margin-right:10px;
	text-align:center;
	text-transform:uppercase;
	color:#575455;
	font-size:0.85em;
	padding:0;
	}
	
.tool a {color:#575455; text-decoration:none;}
.tool a:hover {color:#000;}

.tool img {margin-bottom:5px;}

/*	ul#tools {		padding:0;		margin:0 0 10px 0;}ul#tools li {	 display:block;	 float:left;    margin-right:10px}ul#tools li a {				 display:block;	width:60px;		 height:56px;}ul#tools li a.billing {background:url(../images/power/tool_billing.gif) center top no-repeat;}ul#tools li a.service {background:url(../images/power/tool_service.gif)center top no-repeat;}ul#tools li a.savee {background:url(../images/power/tool_savee.gif)center top no-repeat;}ul#tools li a.savem {background:url(../images/power/tool_savem.gif)center top no-repeat;}ul#tools li a.out {background:url(../images/power/tool_out.gif)center top no-repeat;}

/***********************************************************
* SOCIAL NETWORKING TOOLS - HOME PAGE
***********************************************************/
.social_networking 
{
    border-top:1px solid #CACACA;
    margin-top: 20px;
    padding-top: 20px;
} 

/***********************************************************
* FORM
***********************************************************/


/***********************************************************
* sidemenu
***********************************************************/
ul#interior_sidemenu{  
    margin:0 0 0 -5px;
	padding:0;
	list-style: none;
}

ul#interior_sidemenu li{
	display:block;
	width: 180px;
	background: url(../images/water/gradient_sidemenu.gif)top left no-repeat;
	padding:2px 0 2px 15px;
	margin:0;
	font-size:10px;
	list-style: none;
}

ul#interior_sidemenu li a.current{ color:#000!important;}

ul#interior_sidemenu li a:hover {text-decoration:none; color:#000;}

ul#interior_sidemenu ul {
	margin: 0 0 10px 15px;
	padding: 0;
}

ul#interior_sidemenu ul li {
	background: none;
	padding: 4px 0 4px 15px;
	margin: 0;
	width: 150px;
}

/***********************************************************
* FOOTER
***********************************************************/
#footer {
	width: 739px;
	height: 36px;
	margin: 0 auto;
	padding: 2px 40px 0 0;
	background: #fff url(../images/power/tpu_footer_bg_interior.gif) 0 0 no-repeat;
	color: #919191;
	font-size:10px;
	text-align:right;
}

/***************************************
*rail login
***************************************/

#rail_login{
	width:183px;
	height:152px;
	padding-top:16px;
	padding-left:13px;
	background:#c92626 url(../images/rail/rail_login_bg) top left no-repeat;
}

#rail_login input.field{
	height:19px;
	width:109px;
	border-top:1px solid #808080;
	border-left:1px solid #808080;
	border-bottom:1px solid #d4d0c8;
	border-right:1px solid #d4d0c8;
	}
	
#rail_login h3 { color:#ee3a42; }
	
#login_table {
	font-size:0.9em;
	font-weight:bold;
	border-collapse:collapse; 
	margin-top:10px;}
	
.login_submit {
	margin-left:100px;
	margin-top:30px;}

#login_table td {padding-bottom:10px; padding-right:5px;}

/*feature****************/
#feature{ 

	margin: 10px 0 30px 0;
	width:461px;}

#feature #feature_top {
	background-color:transparent;
	background-image:url(../images/water/bg_feature.gif);
	background-repeat:no-repeat;
	height:45px;
}

#feature #feature_body {	
	background-color:#b1c6d3;
    padding:10px;
    min-height:30px;
    color:#000;
    font-size:11px;
    }
    
#feature #feature_body h2 {
	color:#fff;
	margin-top:-10px;
	}
#feature #feature_body img{
    margin: 10px auto 10px auto;
	}

#feature table
{
    margin-top:4px;
    border-top:solid 1px black;
    border-left:solid 1px black;
    border-right:none;
    border-bottom:none;
}

#feature td 
{
    border-top:none;
    border-left:none;
    border-right:solid 1px black;
    border-bottom:solid 1px black;
}

/*gallery******************************************************/

#gallery {padding:20px 10px;}

.gallery_box {

	float:left;
	margin: 0 40px 30px 0;}
	
.gallery_box a{
    display:block; 
    height:56px; 
    width:85px; 
    padding:9px 9px 17px 9px; 
    background:#dcdbdb;}
    
.gallery_box a:hover {
	background:#6896b8;}	

#content_left {
	width: 205px;
	float: left;
}

#content_right {
	width: 495px;
	float: left;
	font-size: .9em;
	padding: 50px 0 0 0;
	margin: 0 0 0 12px;
}


/**************************************
 *            TPU Poll                *
 **************************************/

#poll_section 
{
    display:block;
    margin:5px 0 5px 10px;
    padding:0;
}

#poll_section img 
{
    border:solid 1px #74a6c7;
}

#poll_section .introduction
{
    margin:0;
    font-size:80%;
}

#poll_section .description 
{
    margin:4px 0 4px 0;
    color:#74a6c7;
}

#poll_section .top
{
    margin:0;
    padding:0;
    background: url("../images/poll_water_top.jpg") bottom no-repeat;
    height:8px;
    width:185px;
}

#poll_section .top_body
{
    display:block;
    margin:0;
    padding:2px 4px 4px 4px;
    background:#74a6c7 url("../images/top_body.jpg") right repeat-y;
    width:177px;
}

#poll_section .middle
{
    margin:0;
    padding:0;
    background: url("../images/poll_water_middle.jpg") no-repeat;
    height:30px;
    width:185px;
}

#poll_section .body
{
    display:block;
    margin:0;
    padding:0 5px 0 5px;
    background: url("../images/poll_water_body.jpg") repeat-y;
    font-size: 0.9em;
    width:177px;
}

#poll_section .bottom
{
    margin:0;
    padding:0;
    background: url("../images/poll_water_bottom.jpg") no-repeat;
    height:15px;
    width:185px;
}

#poll_section .horizontal_rule
{
    border:solid 1px #74a6c7;
    margin-top:20px;
    margin-right:10px;
}