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

html,body{
	background-color: #CCC;
	background-position: center top;	
	font-family: "Times New Roman", Times, serif; 
	text-align: center;
	margin:0; 
	padding:0;
	line-height: 1.2;
	font-size: 100%;
	height: auto;
	min-height: 100% !important;
}

.main_container{
	background-color: #FFFFFF;
	width: 1000px;
	height: auto;
	min-height: 100% !important;
	margin: 0 auto;
	top: 0px;
	display: block;
	overflow: hidden;
 	-moz-box-shadow:    0px 0px 15px 3px #666;
   	-webkit-box-shadow: 0px 0px 15px 3px #666;
   	box-shadow:         0px 0px 15px 3px #666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	
}

.main_container a:link { text-decoration:none; color: #316734; font-size: 16px; font-weight: bold;}
.main_container a:visited { text-decoration:none; color: #316734; font-size: 16px; font-weight: bold;}
.main_container a:active { text-decoration:none; color: #316734; font-size: 16px; font-weight: bold;}
.main_container a:hover { text-decoration:none; color:#000; font-size: 16px; font-weight: bold;}	

.header{
	float: left;
	width: 970px;
	height: 150px; 
	margin-top: 8px;
	margin-left: 15px;
	text-align: left;
	overflow: hidden;
}

.header_logo{
	float: left;
	width: 270px;
	text-align: center;
}

.header_tagline{
	float: left;
	width: 540px;
	padding-left: 20px;
	padding-top: 90px;
	font-family: Impact; 
	font-size: 32px; 
	bottom: 0px
}

.header_phone{
	float: left;
	font-family: Impact; 
	font-size: 20px;
	height: 142px;
	padding-top: 100px;
}

.menuOLD{
	float: left;
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: #333332;
}

.menu_container{
	float: left;
	width: 100%;
}

.content{
	float: left;
	width: 100%;
	text-align: left;
	
}

.welcome_slideshow{
	float: left;
	width: 100%;
	height: 375px;
	margin-top: 10px;
	/*margin-left: 37px;*/
}


.welcome_submenu{
	float: left;
	width: 926px;
	margin-top: 10px;
	margin-left: 37px;
}

.welcome_submenu_item{
	float: left;
	width: 225px;	
}

.welcome_submenu_spacer{
	float: left;	
}

.welcome_submenu_link{
	display: table-cell;
	background-color: #316734;
	width: 225px;
	height: 40px;
	color: #FFF;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
}

.welcome_submenu_link a:link { text-decoration:none; color: #FFF; font-size: 20px; font-weight: bold;}
.welcome_submenu_link a:visited { text-decoration:none; color: #FFF; font-size: 20px; font-weight: bold;}
.welcome_submenu_link a:active { text-decoration:none; color: #FFF; font-size: 20px; font-weight: bold;}
.welcome_submenu_link a:hover { text-decoration:none; color:#d5e6a3; font-size: 20px; font-weight: bold;}	

.welcome_textarea{
	float: left;
	margin-left: 37px;
	margin-top: 20px;
	width: 660px;
	height: 300px;
	background-color: #d5e6a3;
}


.metro_difference{
	float: left;
	font-family: Impact; 
	font-size: 36px;
	width: 660px;
	margin-left: 15px;
	margin-top: 15px;
}

.metro_difference_list{
	float: left;
	margin-top: 10px;
	font-size: 15px;	
}

#welcome_list li{
	margin-left: 30px;
}

.metro_difference_image{
	float: right;
	margin-right: 5px;
	width: 280px;
	margin-top: 10px;
	font-family: Impact; 
	font-size: 24px;
	text-align: center;
}

.social_media{
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	width: 80px;
	height: 35px;
}

.mailing_list{
	float: left;
	margin-top: 20px;
	display: table-cell;
	width: 172px;
	height: 35px;
	color: #000;
	font-family: Candara, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000;
}

.mailing_list p{
	margin-top: 5px;
	font-weight: bold;	
}
.mailing_list a:link { text-decoration:none; color: #000; font-size: 20px; font-weight: bold;}
.mailing_list a:visited { text-decoration:none; color: #000; font-size: 20px; font-weight: bold;}
.mailing_list a:active { text-decoration:none; color: #000; font-size: 20px; font-weight: bold;}
.mailing_list a:hover { text-decoration:none; color:#316734; font-size: 20px; font-weight: bold;}

.events_title{
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	font-family: Impact;
	font-size: 20px;
}

.upcoming_events{
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 253px;
	font-family: "Times New Roman", Times, serif;
}

.upcoming_events a:link { text-decoration:none; color: #316734; font-size: 14px; font-weight: bold;}
.upcoming_events a:visited { text-decoration:none; color: #316734; font-size: 14px; font-weight: bold;}
.upcoming_events a:active { text-decoration:none; color: #316734; font-size: 14px; font-weight: bold;}
.upcoming_events a:hover { text-decoration:none; color:#000; font-size: 14px; font-weight: bold;}

.metro_lighting{
	float: right;
	margin-right: 50px;
	width: 253px;
	height: 120px;
	
}
.metro_lighting a:link { text-decoration:none; color: #000; font-size: 16px; font-weight: bold;}
.metro_lighting a:visited { text-decoration:none; color: #000; font-size: 16px; font-weight: bold;}
.metro_lighting a:active { text-decoration:none; color: #000; font-size: 16px; font-weight: bold;}
.metro_lighting a:hover { text-decoration:none; color:#316734; font-size: 16px; font-weight: bold;}

.contact_table{
	display: table-cell;
	padding-left: 8px;
	padding-right: 8px;	
	padding-top: 8px;
}

.footerspace{
	float: left;
	width: 100%;
	height: 60px;	
}

.energy_back{
	background-image: url(images/energy_back.png);
	width: 746px;
	height: 206px;
}

.energy_rebate_back{
	background-image: url(images/energy_rebate_back.png);
	width: 746px;
	height: 206px;
}

.energy_back a{
	text-decoration: none;
	color: #FFF;
	font-size: 36px;
	line-height: 26px;
}

.energy_rebate_back a{
	text-decoration: none;
	color: #FFF;
	font-size: 36px;
	line-height: 26px;
}

.energy a{
	text-decoration: none;
	color:#92C700;
	font-size: 36px;
}

.energy_initiatives  a:link { text-decoration:none; color: #FFF; font-size: 26px; font-weight: bold;}
.energy_initiatives  a:visited { text-decoration:none; color: #FFF; font-size: 26px; font-weight: bold;}
.energy_initiatives  a:active { text-decoration:none; color: #FFF; font-size: 26px; font-weight: bold;}
.energy_initiatives  a:hover { text-decoration:none; color:#000; font-size: 26px; font-weight: bold;}


.energy_link  a:link { text-decoration:none; color: #316734; font-size: 26px; font-weight: bold;}
.energy_link  a:visited { text-decoration:none; color: #316734; font-size: 26px; font-weight: bold;}
.energy_link  a:active { text-decoration:none; color: #316734; font-size: 26px; font-weight: bold;}
.energy_link  a:hover { text-decoration:none; color:#000; font-size: 26px; font-weight: bold;}

.leaf_list ul{
	list-style:none;
	padding:0;
	margin:0;
	margin-left: 40px;
	/*list-style-image: url('images/leaf.png');*/
}

.leaf_list ul li {
    margin:0; 
	padding:50;
    background:url('images/leaf.png') no-repeat 0 0;
    padding-left: 70px;
    min-height:40px;
}