@charset "utf-8";
/* Selector Styles */

body{
	margin: 0;
	padding: 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #6e615e;
	background: #f6fafd url(../images/background.jpg) top center repeat-x;
}

div{
	behavior: url(/corporateresponsibility/styles/iepngfix.htc);
}

h2{
	font: bold 13px Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}

h3{
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}

hr{
	height: 1px;
	border: 0;
	background: #cccccc;
	color: #cccccc;
}

img{
	border: none;
	behavior: url(/corporateresponsibility/styles/iepngfix.htc);
}

a{ behavior: url(/corporateresponsibility/styles/iepngfix.htc); color: #6680bf; text-decoration: none; }
a:active{ color: #6680bf; text-decoration: underline; }
a:visited{ color: #6680bf; text-decoration: none; }
a:hover{ color: #6680bf; text-decoration: underline; }

a span{ display: none; }
a:hover span{
	position: absolute;
	display: block;
	top: -80px;
	left: 335px;
	width: 440px;
	padding: 4px;
	margin: 0px;
	background: #f0f0f0;
	color: #606060;
	border: 1px solid #c0c0c0;
	text-align: left;
	text-decoration: none;
	z-index: 100;
	opacity: 0.9;
	filter: alpha(opacity=90);
	cursor: pointer;
}

p{
	margin-top: 0px;
}

/* ID Styles */

#container{
	margin: 0 auto;
	width: 100%;
	min-height: 400px;
	background: url(../images/transLines.png) top center no-repeat;
}

* #container{ /* Resorting to star hacking because IE conditional comments won't behave */
	height: 400px;
}

	#header{
		position: relative;
		width: 780px;
		height: 120px;
		margin: 0 auto;
	}
	
		#headerLeft{
			position: absolute;
			left: 0px;
			top: 55px;
		}
		
		#headerRight{
			position: absolute;
			right: 0px;
			top: 20px;
			text-align: right;
		}
	
	#navContent{
		position: relative;
		width: 780px;
		margin: 10px auto;
	}
	
		#navigation{
			position: relative;
			width: 780px;
			height: 17px;
			line-height: 1px;
			font: 9px Arial, Helvetica, sans-serif;
		}
		
			#navigation ul, #subNav ul{
				margin: 0;
				padding: 0;
			}
			
				#navigation li{
					float: left;
					list-style: none;
					margin: 0 20px 0 0;
					padding: 0;
					text-align: left;
				}
				
				#navigation li a, #subNav li a{
					display: block;
					height: 17px;
					/* background-position: 0 0; *//* Removed to allow class a.active to work */
					background-repeat: no-repeat;
				}
				
				#navigation li a:hover, #subNav li a:hover{
					background-position: 0 -17px;
				}
				
					a.navOverview{
						width: 109px;
						background-image: url("../images/navBusinessOverview.gif");
					}
					
					a.navElectricity{
						width: 71px;
						background-image: url("../images/navElectricity.gif");
					}
					
					a.navEnvironment{
						width: 81px;
						background-image: url("../images/navEnvironment.gif");
					}
					
					a.navWorkforce{
						width: 75px;
						background-image: url("../images/navWorkforce.gif");
					}
					
					a.navStewardship{
						width: 77px;
						background-image: url("../images/navStewardship.gif");
					}
					
					a.active{
						background-position: 0 -34px;
					}
					
			#navigation span, #subNav span{
				display: none;
			}
			
			#searchBar{
				position: absolute;
				top: -2px;
				right: 0px;
				height: 17px;
				width: 170px;
				margin: 0;
				padding: 0;
				color: white;
				font: 13px Arial, Helvetica, sans-serif;
			}
			
			#searchBar input{
				margin:0;
				padding:0;
			}
			
			#searchField{
				position: absolute;
				top: 1px;
				left: 43px;
				width: 115px;
				height: 13px;
				border: 1px solid #2b79bb;
				font: 10px Arial, Helvetica, sans-serif;
			}
			
			#searchSubmitButton{
				position: absolute;
				right: 0;
			}
		
		#infobar{
			position: relative;
			width: 780px;
			height: 24px;
			margin: 10px auto 0 auto;
			padding: 10px 0;
			background: url(../images/InTheNewsBG.gif) no-repeat;
		}
		
			#infobarTicker{ /*Demo 1 main container*/
				position: absolute;
				width: 620px;
				height: 18px;
				top: 10px;
				right: 20px;
				font-size: 11px;
				overflow: hidden;
			}
		
		#subNav{
			position: relative;
			width: 770px;
			height: 24px;
			margin: 10px auto 0 auto;
			padding: 10px 0 0 10px;
			background: url(../images/subNavBG.gif) no-repeat;
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color: #999999;
		}
		
			#subNav a{ color: #6680bf; text-decoration: none; }
			#subNav a:active{ color: #6680bf; text-decoration: underline; }
			#subNav a:visited{ color: #6680bf; text-decoration: none; }
			#subNav a:hover{ color: #6680bf; text-decoration: underline; }
		
			#subNav li{
				float: left;
				list-style: none;
				margin: 0;
				padding: 0 3px 0 2px;
				text-align: left;				
				background: url(../images/subNavDivider.gif) center right no-repeat;
			}
			
			#subNav li.nobg{				
				background: none;
			}
				
				#subNav li a:hover{
					background-position: 0 -17px;
				}
		
		#contentMain{
			position: relative;
			width: 780px;
			margin: 5px auto 0 auto;
		}
		
			.banner1{ margin: 0 16px 0 0; float:left; }
			.banner2{ margin: 0 16px 0 0; float:left; }
			.banner3{ margin: 0 16px 0 0; float:left; }
			.banner4{ margin: 0; float:left; }
			
			#businessOverview{
				position: relative;
				width: 780px;
				height: 152px;
				margin: 0 auto 0 auto;
				padding: 0;
				padding-bottom:15px;
				background: url(../images/bannerOverview.gif) top center no-repeat;
			}
				
				.button1{ margin: 0 7px 0 7px; }
				.button2{ margin: 0 7px 0 0; }
				.button3{ margin: 0; }
				.button4{ margin: 7px 7px 0 7px; }
				.button5{ margin: 0 7px 0 0; }
				.button6{ margin: 0; }
				
				/* #businessOverview a span{
					display: none;
				} 
				
				a.businessOverviewKeys{
					height: 20px;
					width: 180px;
					background-image: url("../images/overviewUnderline.gif") repeat-x;
				}
				
				a.businessOverviewKeys:hover{
					background-position: 0 -20px;
				}
				
				#businessOverviewKeys{
					position: absolute;
					top: 35px;
					left: 415px;
					width: 180px;
					height: 20px;
					border: 1px solid red;
				}
				
				#businessOverviewCEO{
					position: absolute;
					top: 55px;
					left: 415px;
					background-image: url("../images/overviewUnderline.gif") repeat-x;
				}
				
				#businessOverviewProfile{
					position: absolute;
					top: 75px;
					left: 415px;
					background-image: url("../images/overviewUnderline.gif") repeat-x;
				}
				
				#businessOverviewStrategy{
					position: absolute;
					top: 95px;
					left: 415px;
					background-image: url("../images/overviewUnderline.gif") repeat-x;
				} */
		
		#contentInteriorContainer{
			position: relative;
			width: 780px;
			margin: 10px auto 0 auto;
		}
		
			#contentInterior{
				position: relative;
				width: 750px;
				padding: 0 15px 0 15px;
				background: white;
			}
		
					#contentInteriorLeft{
						position: relative;
						display: block;
						float: left;
						width: 480px;
						line-height: 18px;
					}
					
						.griRow{
							position: relative;
							border-top: 1px solid #cccccc;
							width: 480px;
							padding: 4px 0 4px 0;
							clear: both;
						}
						
							.griLeft{
								display: block;
								float: left;
								width: 30px;
								padding: 0 0 2px 0;
								font-size: 11px;
							}
							
							.griCenterRight{
								position: relative;
								display: block;
								float: right;
								width: 440px;
								font-size: 11px;
							}
							
								.griCenter{
									display: block;
									float: left;
									width: 220px;
									padding: 0 0 2px 0;
								}
								
								.griRight{
									display: block;
									float: right;
									width: 210px;
									padding: 0 0 2px 0;
								}
					
					#contentInteriorRight{
						position: relative;
						display: block;
						float: right;
						width: 250px;
						margin: 40px 0;
					}
					
						.infobox{
							width: 250px;
							margin: 0 0 10px 0;
							background: #eeeeee;
							font: 11px Arial, Helvetica, sans-serif;
						}
						
							.infoboxContent{
								width: 230px;
								padding: 0 10px 10px 10px;
								line-height: 16px;
							}
							
							.infoboxContent ul{
								margin-left: 20px;
								padding: 0;
							}
	
	#footer{
		position: relative;
		width: 780px;
		height: 24px;
		margin: 15px auto 0 auto;
		padding: 10px 0;
		text-align: center;
		background: url(../images/footerBG.gif) no-repeat;
		font: 11px Arial, Helvetica, sans-serif;
	}
	
		#footer a{ color: #666666; text-decoration: none; }
		#footer a:active{ color: #666666; text-decoration: underline; }
		#footer a:visited{ color: #666666; text-decoration: none; }
		#footer a:hover{ color: #666666; text-decoration: underline; }
	
	#copyright{
		position: relative;
		width: 780px;
		margin: 10px auto 5px auto;
		text-align: center;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		color: #999999;
	}
	
		#copyright a{ color: #d52b1e; text-decoration: none; }
		#copyright a:active{ color: #d52b1e; text-decoration: underline; }
		#copyright a:visited{ color: #d52b1e; text-decoration: none; }
		#copyright a:hover{ color: #d52b1e; text-decoration: underline; }

/* Class Styles */

.leftImageFloat{
	position: relative;
	display: block;
	float: left;
	padding: 0 10px 5px 0;
	font: 11px Arial, Helvetica, sans-serif;
	clear: left;
}

.rightImageFloatWide{
	position: relative;
	display: block;
	float: right;
	width: 248px;
	padding: 0 0 5px 10px;
	font: 11px Arial, Helvetica, sans-serif;
	clear: right;
}

.rightImageFloatTall{
	position: relative;
	display: block;
	float: right;
	width: 168px;
	padding: 0 0 5px 10px;
	font: 11px Arial, Helvetica, sans-serif;
	clear: right;
}

.rightIconFloat{
	position: relative;
	display: block;
	float: right;
	width: 75px;
	height: 75px;
	margin: 0 0 10px 10px;
	padding-top: 2px;
	color: white;
	text-align: center;
	font: bold 9px Arial, Helvetica, sans-serif;
	clear: right;
}
	
	.bigBold{ font: bold 24px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 23px; }
	.energyBill{ background: url(../images/efficiencyIconEnergyBill.gif) no-repeat; }
	.heatingCooling{ background: url(../images/efficiencyIconHeatingCooling.gif) no-repeat; }
	.waterHeating{ background: url(../images/efficiencyIconWaterHeating.gif) no-repeat; }
	

.indentMargin{
	margin-left: 35px;
	margin-right: 35px;
}

.smallText{
	font-size: 11px;
}

.left{
	text-align: left;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.bold, .active{
	font-weight: bold;
}

.gray{
	color: #999999;
}

.print{
	display: none;
}

.clear{
	clear: both;
}