/*

css for the layout specific to this
version of this website

chestergas.com

colors: 
blueGrey: #7B858A 

*/

BODY{
        margin: 1 auto;
        text-align: left;
        padding: 0px;
	background-color: #EEEEEE;
		height: 588px;
}

.background{
        margin: 1 auto;
        text-align: left;
        padding: 0px;
        width: 800px;
		height: 588px;
	background-color: #000000;
}

.pageFrame{
	position: relative;
	top: 0px;
	left: 0px;
	padding: 0px;
        width: 800px;
		height: 588px;
        background-color: #000000;
}

.frame0{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 192px;
        background-repeat: no-repeat;
}

#homeFrame0{
	background-image: url('images/homeTopFrame.jpg');
}
#gasBurner0{
        background-image: url('images/gasBurnerTopFrame.png');
}

#rateInfo0{
        background-image: url('images/rateInfoTopFrame.jpg');
}

#custServInfo0{
        background-image: url('images/custServTopFrame.jpg');
}

#indusCustInfo0{
        background-image: url('images/indusCustTopFrame.jpg');
}

#contactUsInfo0{
        background-image: url('images/contactUsTopFrame.jpg');
}

#appliancesInfo0{
        background-image: url('images/appliancesTopFrame.jpg');
}

#whoWeAreInfo0{
        background-image: url('images/whoWeAreTopFrame.jpg');
}

#partnersInfo0{
        background-image: url('images/partnersTopFrame.jpg');
}

#billPayInfo0{
        background-image: url('images/billPayTopFrame.jpg');
}

#newsInfo0{
        background-image: url('images/whoWeAreTopFrame.jpg');
}

#faqInfo0{
        background-image: url('images/whoWeAreTopFrame.jpg');
}

.frame1{
	position: absolute;
	top: 192px;
	left: 0px;
	width: 800px;
	height: 588px;
	background-color: #7B858A; 
}
.leftFrame1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 588px;
	/*
	background-image: url('images/leftFrame1.png');
	
	background-image: url('images/leftFrame1.jpg');
	*/
	background-repeat: no-repeat;
}
.navFrame0{
        position: absolute;
        top: 10px;
        left: 10px;
        width: 300px;
        height: 200px;
}
.navTable0{
	width: 260px;
}
.navLink0{

	text-decoration: none;
	
	font-family: arial,sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;

}
#nav0ActiveLink{

	color: #003A4F;
}
.navFrame1{
	position: absolute;
        /*top: 0px; 
        left: 400px;
        width: 499px;
		*/
		top: 0px;
		left: 300px;
        width: 500px;
        /*background-image: url('images/navFrame1.png');*/
		z-index: 1;
        background-repeat: no-repeat;

}
.navFrame1Table{

	table-layout: auto;
}
.offTriangleCell{
    /*
	height: 52px;
	width: 92px;
	background-image: url('images/offTriangle.png');
	*/
	height: 52px;
	width: 104px;
	background-image: url('images/offTriangle.jpg');
    background-repeat: no-repeat;

}
.navFrame2{
	position: absolute;
	top: 75px;
	left: 320px;

}
.nav1Link{

        text-decoration: none;
	position: absolute;
	top: 6px;
	padding-left: 18px;
	

        font-family: arial,sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #FFFFFF;

}

.nav2Link{

	text-decoration: none;

        font-family: arial,sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;

}
.nav2Sub2Link{

        text-decoration: none;

        font-family: arial,sans-serif;
        font-size: 11px;
        font-weight: 600;
        color: #FFFFFF;

}

.mainBox{
	position: absolute;
        top: 110px;
        left: 306px;
        width: 490px;
        /* height: 453px; */
height: 453px;
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;


}

#home_bubble_1{
	    position: absolute;
        top: 74px;
        left: 310px;
        width: 275px;
		height: 453;
}

.home_bubble_headline_1{
  position: absolute;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  
/*letter-spacing: 1px; */
  
  font-weight: 800;
  color: #FFFFFF;
  
  width: 235px;
  
  top: 94px;
  left: 330px;
}

.billPay_bubble_headline_1 {
 position: absolute;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  text-align:center;
  
letter-spacing: 1px;
  
  font-weight: 800;
  color: #FFFFFF;
  
  width: 235px;
  
  top: 87px;
  left: 330px;
}

.home_bubble_content_1{
  position: absolute;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000000;

width: 225px;
height: 362px;
  overflow: auto;
  
  top: 140px;
  left: 340px;
  
}

#home_bubble_top_right{
  position: absolute;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000000;

width: 215px;
height: 250px;
  
/*overflow: auto; */
  
  top: 74px;
  left: 585px;
}

#billPay_bubble_top_right{
  position: absolute;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000000;

width: 214px;
height: 215px;
  
/*overflow: auto; */
  
  top: 74px;
  left: 585px;
}

#home_bubble_bottom_right{
  position: absolute;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000000;

width: 215px;
height: 203px;
  
  /*overflow: auto; */
  
  top: 323px;
  left: 585px;
}

#billPay_bubble_bottom_right {

  position: absolute;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #000000;

width: 214px;
height: 215px;
  
  /*overflow: auto; */
  
  top: 313px;
  left: 585px;
}

.appliancesMainBox{
	position: absolute;
        top: 205px;
        left: 306px;
        width: 490px;
        height: 320px;
		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;


}

.industrialMainBox{

	position: absolute;
        top: 140px;
        left: 306px;
        width: 490px;
        height: 385px;
		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;


}

.rateNotificationsMainBox{

	position: absolute;
        top: 165px;
        left: 306px;
        width: 490px;
        height: 360px;
		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;


}

.whoWeAreMainBox{
	position: absolute;
        top: 125px;
        left: 306px;
        width: 490px;
        height: 400px;
		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;


}

.customerServiceMainBox{
	position: absolute;
        top: 125px;
        left: 306px;
        width: 490px;
        height: 400px;
		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;


}

.whyNaturalGasMainBox{

	position: absolute;
        
		/*
		
		top: 175px;
        left: 306px;
        width: 490px;
		height: 350px;
         
		*/

       top: 205px;
        left: 306px;
        width: 490px;
        height: 320px;


        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;

}

.communityMainBox{

	position: absolute;

        top: 140px;
        left: 306px;
        width: 490px;
        height: 385px;

        /*
        top: 75px;
        left: 306px;
        width: 490px;
        height: 512px;
		*/
		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;
}

.faqMainBox{

	position: absolute;

        top: 205px;
        left: 306px;
        width: 490px;
        height: 320px;

		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;
}

.newsMainBox{

	position: absolute;


        top: 75px;
        left: 306px;
        width: 490px;
        height: 512px;

		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;
}


.contactUsMainBox{

	position: absolute;
        top: 75px;
        left: 306px;
        width: 490px;
        height: 512px;
		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;
}

.linksMainBox{

	position: absolute;
        top: 75px;
        left: 306px;
        width: 490px;
        height: 512px;
		
        background-image: url('images/mainBox.png');
        background-repeat: no-repeat;
}

.mainBoxTitle{
	position: absolute;
	top: 17px;
	left: 14px;

	color: #FFFFFF;
	font-weight: 600;
	font-size: 18px;
	font-family: arial,sans-serif;
}

.mainBoxContent{
	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 370px;
	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;

}

.whoWeAreContentBox {
	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 340px;
	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;

}

.whyNaturalGasContentBox {
	position: absolute;
        
		/*
		top: 55px;
        left: 14px;
	    width: 460px;
        height: 285px;
        */
		
		top: 55px;
        left: 14px;
	    width: 460px;
        height: 260px;
		
    	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;

}

.customerServiceContentBox {
	
	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 340px;
	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;
}

.appliancesContentBox {
	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 260px;
	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;
}

.rateNotificationsContentBox {
	
	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 300px;
	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;
}

.industrialContentBox {

	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 325px;
	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;
}

.communityContentBox {
/*
	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 370px;
*/

	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 325px;

	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;
}

.newsContentBox {

	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

height: 370px;


	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;
}

.faqContentBox {

	position: absolute;
        top: 55px;
        left: 14px;
	width: 460px;

    height: 255px;


	overflow: auto;
        color: #111111;
        font-size: 14px;
        font-family: arial,sans-serif;
}



.bottomLeftAd{
	position: absolute;

        text-align: right;

		
        top: 275px;
        left: 135px;
		width: 150px;
		color: #FFFFFF;
        font-size: 14px;
        font-family: arial,sans-serif;
}

.leftAdHeadline{
        color: #FFFFFF;
        font-size: 14px;
		font-weight:bold;
        font-family: arial,sans-serif;
}

.bottomAdText{
        color: #FFFFFF;
        font-size: 12px;
		font-weight:700;
        font-family: arial,sans-serif;
}

.bottomButton{
	position: absolute;
        top: 235px;
        left: 45px;
}

.footer{
	position: absolute;
        top: 533px;
        left: 301px;
		z-index: 1;
}