/* Set page font size
/* Text font-size:medium allows browsers to change text size
All other fonts in page bodies are set as percentages of this value.
sets site background color*/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: rgb(0, 0, 0);
	background-color: rgb(229,229,221);
	list-style-type: disc;
	list-style-position: outside;
}
.jscript_msg{
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	margin-left: 20px;
	margin-top: 5px;
}
/* Set header text color*/
h1, h2, h3, h4, h5, h6{
	color: rgb(0, 0, 0);
}

/* Set header font sizes as percentage of body text size*/
h1{
font-size: 150%;
}
h2{
font-size: 130%;
}
h3{
font-size: 120%;
}
h4{
font-size: 100%;
}
h5{
font-size: 90%;
}
h6{
	font-size: 70%;
}

/* Set paragraph font sizes as percentage of body text size*/
p{
	font-size: 75%;
}

.body_text_top ul{
font-size: 75%;	
}

.body_text_mid ul{
font-size: 75%;	
}

.mmp_text{
	font-size: 75%;

}
.mmp_text2{
	font-size: 75%;

}
/*sets background of page content to white*/
.page_content_container{
	float: left;
	background-color: rgb(255, 255, 255);
	width: 770px;
	padding-bottom: 7px;
}

.banner_container{
	width: 770px;
	height: 78px;
	float: left;
}

.mme_image{
	background-image: url(images/mme_banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mmp_image{
	background-image: url(images/mmp_banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.banner_text{
	float: right;
	margin-right: 30px;
	margin-top: 20px;
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	text-align: right;
}

/*Formats TopNavlist*/
.top_nav_container{
	height: 14px;
	float: right;
	background-image: url(images/corner.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-right: 0px;
}

.top_nav_container ul{
	height: 14px;
	list-style: none;
	background-color: rgb(0, 0, 0);
	margin-left: 7px;
	margin-right: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}

.top_nav_container li{
	float: left;
	height: 14px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.top_nav_container a{
	text-decoration: none;
	background-color: transparent;
	text-align: center;
	height: 12px;
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	float: left;
}

.top_nav_container li a:hover{
	color: #000099;
	text-decoration: underline;
	color: #FFFFFF;
}

.button_bar_container{
	float: left;
	height: 20px;
	width: 770px;
	background-image: url(images/button_bar_bkrd.jpg);
	background-repeat: repeat-x;
	margin-top: 2px;
}

/*ul tag: container for button bar; formats list*/
.button_bar_list{
	float: left;
	list-style: none;
	width: 770px;
	height: 20px;
	margin-top: 2px;
	text-indent: 0px;
	/* format for Firefox*/
	margin-left: -30px;
	
}

/*li tag: formats list*/
.button_bar_list li{
	list-style: none;
	height: 20px;
	float: left;
	margin-right: 13px;
	text-indent: 0px;
}


.button_bar_list li a{
	float: left;
	text-decoration: none;
	height: 20px;
	text-align: center;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 5px;
}

.button_bar_list li a:hover{
	color: #000099;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 2px;
	border: 1px solid #333333;
	padding-right: 2px;
	padding-left: 4px;
	background-image: url(images/button_bkrd.jpg);
}

a {
	text-decoration: none;
	color: rgb(0,0,0);
	font-size: 70%;
}

.theme_text_container{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.ourmailer_container{
	float: right;
	width: 150px;
	background-image: url(images/folder.jpg);
	background-repeat: no-repeat;
	height: 93px;
	text-align: center;
	margin-top: -16px;
	background-position: right top;
}

.ourmailer_text{
	margin-top: 21px;
	float: left;
	color: rgb(255,255,255);
	width: 70px;
	text-align: left;
	margin-left: 10px;
	font-size: 10px;
	font-weight: bold;
}

.ourmailer_text1{
	margin-top: 10px;
	float: left;
	color: rgb(255,255,255);
	width: 100px;
	text-align: left;
	margin-left: 10px;
	font-size: 9px;
}

/*GasPanel Formatting; From here...*/

/*Gas Panel Container*/
.gas_panel{
	width: 160px;
	background-color: rgb(255, 255, 255);
	text-align: center;
	float: left;
	margin-left: 26px;
	border: 1px solid rgb(221, 221, 224);
	margin-top: 2px;
}

.gas_panel:hover{
	background-color: rgb(247, 252, 255);
}

/*Format Gas Panel header/link*/
.gas_panel dt.link_text {
	margin: 0px;
	padding: 0px;
	}
.gas_panel dt.link_text a{
	float: left;
	font-size: 70%;
	color: #000099;
	width: 150px;
	font-style: normal;
	font-weight: bold;
	text-align: right;

}
.gas_panel dt.link_text a:hover{
	font-size: 70%;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #0066FF;
}

/*Gas Panel body text*/
.gas_panel dd.panel_text
{
	height: 94px;
	width: 140px;
	font-size: 70%;
	text-align: left;
	float: left;
	color: #000099;
	clear: both;
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 10px;
}

/*Format Gas Panel image*/
.gas_panel dd.gas_image{
	float: left;
	clear: both;
	width: 158px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.gas_panel dd.gas_image a{
	float: left;
	height: 77px;
	width: 158px;
	background-image: url(images/gas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}

.gas_panel dd.gas_image a:hover{
	float: left;
	height: 77px;
	width: 158px;
	background-image: url(images/gas_mouse.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}
/*...to here (End of Gas Panel Container Formatting*/


/*Elec Panel Formatting; From here...*/

/*Elec Panel Container*/
.elec_panel{
	width: 160px;
	background-color: rgb(255, 255, 255);
	text-align: center;
	float: left;
	margin-left: 26px;
	border: 1px solid rgb(221, 221, 224);
	margin-top: 2px;
}

.elec_panel:hover{
	background-color: rgb(255, 252, 229);
}

/*Format Elec Panel header/link*/
.elec_panel dt.link_text {
	margin: 0px;
	padding: 0px;
	}
.elec_panel dt.link_text a{
	float: left;
	font-size: 70%;
	color: #000099;
	width: 150px;
	font-style: normal;
	font-weight: bold;
	text-align: right;

}
.elec_panel dt.link_text a:hover{
	font-size: 70%;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #0066FF;
}

/*Elec Panel body text*/
.elec_panel dd.panel_text{
	height: 94px;
	width: 140px;
	font-size: 70%;
	text-align: left;
	float: left;
	color: #000099;
	clear: both;
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 10px;
	}

/*Format Elec Panel image*/
.elec_panel dd.elec_image{
	float: left;
	clear: both;
	width: 158px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.elec_panel dd.elec_image a{
	float: left;
	height: 77px;
	width: 158px;
	background-image: url(images/elec.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}

.elec_panel dd.elec_image a:hover{
	float: left;
	height: 77px;
	width: 158px;
	background-image: url(images/elec_mouse.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}
/*...to here (End of Elec Panel Formatting*/


/*About Us Panel Formatting; From here...*/

/*About Us Panel Container*/
.aboutus_panel{
	width: 160px;
	background-color: rgb(255, 255, 255);
	text-align: center;
	float: left;
	margin-left: 26px;
	border: 1px solid rgb(221, 221, 224);
	margin-top: 2px;
}

.aboutus_panel:hover{
	/*background-color: rgb(255, 222, 194);*/
	background-color: rgb(255, 238, 227);
}

/*Format About Us Panel header/link*/
.aboutus_panel dt.link_text {
	margin: 0px;
	padding: 0px;
	}
.aboutus_panel dt.link_text a{
	float: left;
	font-size: 70%;
	color: #000099;
	width: 150px;
	font-style: normal;
	font-weight: bold;
	text-align: right;

}
.aboutus_panel dt.link_text a:hover{
	font-size: 70%;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #0066FF;
}

/*About Us Panel body text*/
.aboutus_panel dd.panel_text{
	height: 94px;
	width: 140px;
	font-size: 70%;
	text-align: left;
	float: left;
	color: #000099;
	clear: both;
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 10px;
	}

/*Format Industrial Panel image*/
.aboutus_panel dd.aboutusl_image{
	float: left;
	clear: both;
	width: 158px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.aboutus_panel dd.aboutusl_image a{
	float: left;
	height: 77px;
	width: 158px;
	background-image: url(images/aboutbn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}

.aboutus_panel dd.aboutusl_image a:hover{
	float: left;
	height: 77px;
	width: 158px;
	background-image: url(images/aboutbn_mouse.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}
/*...to here (End of About Us Panel Formatting*/

/*FAQ Panel Formatting; From here...*/

/*FAQ Panel Container*/
.faq_panel{
	width: 160px;
	background-color: rgb(255, 255, 255);
	text-align: center;
	float: left;
	margin-left: 26px;
	border: 1px solid rgb(221, 221, 224);
	margin-top: 2px;
}

.faq_panel:hover{
	background-color: rgb(234, 252, 242);
}

/*Format FAQ Panel header/link*/
.faq_panel dt.link_text {
	margin: 0px;
	padding: 0px;
	}
.faq_panel dt.link_text a{
	float: left;
	font-size: 70%;
	color: #000099;
	width: 150px;
	font-style: normal;
	font-weight: bold;
	text-align: right;

}
.faq_panel dt.link_text a:hover{
	font-size: 70%;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #0066FF;
}

/*FAQ Panel body text*/
.faq_panel dd.panel_text{
	height: 94px;
	width: 140px;
	font-size: 70%;
	text-align: left;
	float: left;
	color: #000099;
	clear: both;
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 10px;
	}

/*Format FAQ Panel image*/
.faq_panel dd.faq_image{
	float: left;
	clear: both;
	width: 158px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.faq_panel dd.faq_image a{
	float: left;
	height: 77px;
	width: 158px;
	background-image: url(images/faqbn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}

.faq_panel dd.faq_image a:hover{
	float: left;
	height: 77px;
	width: 158px;
	background-image: url(images/faqbn_mouse.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}
/*...to here (End of FAQ Panel Formatting*/

.lwr_msg_pnl{
	width: 770px;
	height: 60px;
	background-image: url(images/lwr_msg_border.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 7px;
	float: left;
}

.lwr_msg_content_left{
	width: 250px;
	height: 45px;
	float: left;
	margin-top: 5px;
	text-align: center;
	background-image: url(images/phone.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgb(204, 204, 204);
}

.lwr_msg_content_left:hover{
	background-image: url(images/phone_mouse.gif);
}

.lwr_msg_content_left a{
	width: 250px;
	height: 50px;
	margin-top: 15px;
	text-align: center;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

.lwr_msg_content_left a:hover{
	color: rgb(130,12,12);
}

.lwr_msg_content_mid_container{
	width: 250px;
	height: 60px;
	float: left;
	margin-left: -2px;
	background-image: url(images/lwr_msg_shadow_crop.jpg);
	background-repeat: no-repeat;
	background-position: center 9px;
}

.lwr_msg_content_mid{
	width: 250px;
	height: 45px;
	text-align: center;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgb(204, 204, 204);
	margin-top: 5px;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.lwr_msg_content_mid:hover{
	background-image: url(images/quote_mouse.gif);
}

.lwr_msg_content_mid a{
	width: 250px;
	height: 50px;
	text-align: center;
	float: left;
	font-size: 12px;
	font-weight: bold;

	margin-top: 15px;
}


.lwr_msg_content_mid a:hover{
	color: rgb(130,12,12);
}

.lwr_msg_content_right_container{
	width: 250px;
	height: 60px;
	float: left;
	margin-top: 0px;
	background-image: url(images/lwr_msg_shadow_crop.jpg);
	background-repeat: no-repeat;
	background-position: center 9px;
}

.lwr_msg_content_right{
	width: 250px;
	height: 60px;
	text-align: center;
	float: left;
	margin-top: 0px;
	background-image: url(images/usa.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.lwr_msg_content_right:hover{
	background-image: url(images/usa_mouse.gif);
}

.lwr_msg_content_right a{
	width: 250px;
	height: 60px;
	text-align: center;
	float: left;
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

.lwr_msg_content_right a:hover{
	color: rgb(130,12,12);
}

/*Lower nav container,
centers text on page */
.lwr_nav{
	text-align: center;
	width: 770px;
	clear: both;
}
/*Shrinks ALL text in container (used to set "|" text size),
Note:  "lwr_nav_a" segment below enlarges anchor text size*/
.lwr_nav_text{
	font-size: 40%;
}

/*Enlarges anchor text size, so text is larger than "|" text*/
.lwr_nav a{
	font-size: 150%;
	position: relative;
	top: 1px;
}
/*Sets hovertext color*/
.lwr_nav_text a:hover{
	color: #0066FF;
	background-color: transparent;
}

.copyright{
	font-size: 55%;
	text-align: center;
	margin-top: 6px;
}

/*About Us Formatting*/


.page_clear{
	clear: both;

}

.aboutus_page_copy{
	margin-right: 10px;
	margin-left: 10px;
}

.aboutus_page_copy li{
	font-size: 70%;
}

.list_container{
	float: left;
	width: 750px;
}
.list_posn{
	float: left;
	width: 225px;
	margin-left: 25px;
}

/*TEMPLATE STYLES*/

.sub-page_banner_text{
	float: right;
	margin-right: 0px;
	margin-top: 30px;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	text-align: right;
	position: relative;
}