BODY {
	BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px
}
H1 {
	PADDING-RIGHT: 5px; MARGIN-TOP: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; FONT: bold 22px Verdana, Arial, Helvetica, sans-serif; COLOR: #333; PADDING-TOP: 5px
}
H2 {
	FONT: 20px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000
}
H3 {
	MARGIN-BOTTOM: 5px; FONT: 18px Verdana, Arial, Helvetica, sans-serif; COLOR: #ff0084
}
H4 {
	MARGIN-BOTTOM: 5px; FONT: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #111
}
H5 {
	MARGIN-BOTTOM: 5px; FONT: bold 13px Verdana, Arial, Helvetica, sans-serif
}
H6 {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #444444
}
P {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif
}
DIV {
        FONT: 12px Verdana, Arial, Helvetica, sans-serif
}
SPAN {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif
}
INPUT {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif
}
TEXTAREA {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif
}
SELECT {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif
}
FORM {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
TABLE {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
TH {
	FONT: bold 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #666; TEXT-ALIGN: left
}
TD {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif; color:#888888;
}
OL {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif
}
UL {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif
}
LI {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif
}
DD {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif
}
DT {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif
}
HR {
	HEIGHT: 1px
}
A:link {
	COLOR: #5d5d5d; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #5d5d5d; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #5d5d5d; TEXT-DECORATION: underline;
}
A:active {
	COLOR: #5d5d5d; TEXT-DECORATION: none;
}
.testoNero {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}
.testoVerde {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
}
.topmenu {
	BORDER-RIGHT: #cccccc 1px solid; 
        PADDING-RIGHT: 2px; 
        BORDER-TOP: #cccccc 1px solid; 
        PADDING-LEFT: 2px; 
        FONT-WEIGHT: bold; FONT-SIZE: 13px; 
        BACKGROUND-IMAGE: url(menu.gif); 
        PADDING-BOTTOM: 2px; 
        BORDER-LEFT: #cccccc 1px solid; 
        COLOR: #444444; PADDING-TOP: 2px;
        BORDER-BOTTOM: #cccccc 1px solid; 
        FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; 
        HEIGHT: 27px; 
        BACKGROUND-COLOR: #eeeeee; 
        TEXT-ALIGN: left;
}

.casellaRicerca {
	BORDER-RIGHT: #aaaaaa 1px solid; 
        BORDER-TOP: #aaaaaa 1px solid; 
        BORDER-LEFT: #aaaaaa 1px solid; 
        BORDER-BOTTOM: #aaaaaa 1px solid; 
        FONT-FAMILY: Verdana, Arial, Helvetica; 
        COLOR: #999999; 
        TEXT-ALIGN: left;
}

.tastoRicerca {
        BORDER-TOP:    #afafac 1px solid; 
        BORDER-LEFT:   #afafac 1px solid; 
	BORDER-RIGHT:  #aaaaaa 1px solid; 
        BORDER-BOTTOM: #aaaaaa 1px solid; 
        FONT-FAMILY: Verdana, Arial, Helvetica; 
        COLOR: #fefef4;
        BACKGROUND-COLOR: #999999;
        TEXT-ALIGN: center;
        PADDING-LEFT: 5px;
        PADDING-RIGHT: 5px;
        PADDING-BOTTOM: 2px;
        FONT-WEIGHT: bold;
}

.tastoBianco {
        BORDER-TOP:    #ffffff 1px solid; 
        BORDER-LEFT:   #ffffff 1px solid; 
	BORDER-RIGHT:  #ffffff 1px solid; 
        BORDER-BOTTOM: #ffffff 1px solid; 
        FONT-FAMILY: Verdana, Arial, Helvetica; 
        COLOR: #999999;
}

.Big {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica
}
.SmallBold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica
}

.Titoletto {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color:#aaaaaa;
}

.TextButton {
	BORDER-RIGHT: #c3c2c2 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c3c2c2 1px solid; DISPLAY: inline-block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; MARGIN: 1px; BORDER-LEFT: #c3c2c2 1px solid; COLOR: #444444; PADDING-TOP: 3px; BORDER-BOTTOM: #c3c2c2 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
A.TextButton {
	BORDER-RIGHT: #c3c2c2 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #c3c2c2 1px solid; DISPLAY: inline-block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; MARGIN: 1px; BORDER-LEFT: #c3c2c2 1px solid; COLOR: #444444; PADDING-TOP: 3px; BORDER-BOTTOM: #c3c2c2 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
A.TextButton:visited {
	DISPLAY: inline-block; COLOR: #444444; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
A.TextButton:hover {
	COLOR: #444444; BACKGROUND-COLOR: #eeeeee; TEXT-DECORATION: underline
}
#Footer {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 15px; TEXT-ALIGN: center
}
.boxTitle {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(menu.gif); PADDING-BOTTOM: 5px; COLOR: #444444; PADDING-TOP: 5px; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; HEIGHT: 25px; BACKGROUND-COLOR: #eeeeee
}
.boxArea {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; BACKGROUND-COLOR: #ffffff
}
.FieldName {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica
}
.noteBox {
	BORDER-RIGHT: #aaaaaa 1px solid; PADDING-RIGHT: 11px; BORDER-TOP: #aaaaaa 1px solid; PADDING-LEFT: 11px; PADDING-BOTTOM: 11px; FONT: 11px verdana; BORDER-LEFT: #aaaaaa 1px solid; WIDTH: 160px; PADDING-TOP: 11px; BORDER-BOTTOM: #aaaaaa 1px solid
}
.tableBox {
	BORDER-RIGHT:#aaaaaa 1px solid; BORDER-TOP:#aaaaaa 1px solid; BORDER-LEFT:#aaaaaa 1px solid; BORDER-BOTTOM:#aaaaaa 1px solid;
}

.testoRosso {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif; COLOR: red; FONT-WEIGHT: bold;
}

.testoPiccolo {
	FONT: 9px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000;
}

.TextButtonSmall {
	BORDER-RIGHT: #c3c2c2 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #c3c2c2 1px solid; DISPLAY: inline-block; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; MARGIN: 1px; BORDER-LEFT: #c3c2c2 1px solid; COLOR: #444444; PADDING-TOP: 1px; BORDER-BOTTOM: #c3c2c2 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}


a.testoAzzurro {
        font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#239bd5;
	font-weight:bold;
}
a.testoAzzurro:link {
        font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#239bd5;
	font-weight:bold;
	text-decoration:none;
}
a.testoAzzurro:active {
        font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#239bd5;
	font-weight:bold;
	text-decoration:none;
}
a.testoAzzurro:visited {
        font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#239bd5;
	font-weight:bold;
	text-decoration:none;
}
a.testoAzzurro:hover {
        font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#239bd5;
	font-weight:bold;
	text-decoration:underline;
}


a.testoVerde {
	color:#3fb44f;
	font-weight:bold;
}
a.testoVerde:link {
	color:#3fb44f;
	font-weight:bold;
	text-decoration:none;
}
a.testoVerde:active {
	color:#3fb44f;
	font-weight:bold;
	text-decoration:none;
}
a.testoVerde:visited {
	color:#3fb44f;
	font-weight:bold;
	text-decoration:none;
}
a.testoVerde:hover {
	color:#3fb44f;
	font-weight:bold;
	text-decoration:underline;
}

a.testoViola {
	color:#9c055d;
	font-weight:bold;
}
a.testoViola:link {
	color:#9c055d;
	font-weight:bold;
	text-decoration:none;
}
a.testoViola:active {
	color:#9c055d;
	font-weight:bold;
	text-decoration:none;
}
a.testoViola:visited {
	color:#9c055d;
	font-weight:bold;
	text-decoration:none;
}
a.testoViola:hover {
	color:#9c055d;
	font-weight:bold;
	text-decoration:underline;
}

a.testoNews {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
}
a.testoNews:link {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
	text-decoration:none;
}
a.testoNews:active {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
	text-decoration:none;
}
a.testoNews:visited {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
	text-decoration:none;
}
a.testoNews:hover {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
	text-decoration:underline;
}

a.testoNero {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
}
a.testoNero:link {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a.testoNero:active {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a.testoNero:visited {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a.testoNero:hover {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}


.testoMare {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
}
a.testoMare {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
}
a.testoMare:link {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
	text-decoration:none;
}
a.testoMare:active {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
	text-decoration:none;
}
a.testoMare:visited {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
	text-decoration:none;
}
a.testoMare:hover {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
	text-decoration:underline;
}

a.testoAzzurro {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#2fa9da;
	font-weight:bold;
}
a.testoAzzurro:link {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#2fa9da;
	font-weight:bold;
	text-decoration:none;
}
a.testoAzzurro:active {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#2fa9da;
	font-weight:bold;
	text-decoration:none;
}
a.testoAzzurro:visited {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#2fa9da;
	font-weight:bold;
	text-decoration:none;
}
a.testoAzzurro:hover {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#2fa9da;
	font-weight:bold;
	text-decoration:underline;
}

a.testoGrigio {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#33a420;
	font-weight:bold;
}
a.testoGrigio:link {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#33a420;
	font-weight:bold;
	text-decoration:none;
}
a.testoGrigio:active {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#33a420;
	font-weight:bold;
	text-decoration:none;
}
a.testoGrigio:visited {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#33a420;
	font-weight:bold;
	text-decoration:none;
}
a.testoGrigio:hover {
        font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#33a420;
	font-weight:bold;
	text-decoration:underline;
}

.testoBianco {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
}
a.testoBianco {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
}
a.testoBianco:link {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
a.testoBianco:active {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
a.testoBianco:visited {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
a.testoBianco:hover {
        font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}

.ServizioOn {
        background-image:url('SfondoServiziOnLineAtt.jpg'); 
        width:194px; 
        height:41px; 
        vertical-align:middle; 
        color:#000000; 
        background-repeat: no-repeat;

}

.News {
        background-image:url('SfondoNews.jpg'); 
        width:194px; 
        height:55px; 
        vertical-align:middle; 
        color:#000000; 
        background-repeat: no-repeat;

}

.ServizioOff {
        background-image:url('SfondoServiziOnLine.jpg'); 
        width:194px; 
        height:41px; 
        vertical-align:middle; 
        color:#000000; 
        background-repeat: no-repeat;

}

.TabellaTitolo {
        background-image:url('SfondoServiziOnLineAtt.jpg'); 
        vertical-align:middle; 
        color:#000000; 
        background-repeat: no-repeat;
}

.TabellaRiga {
        background-image:url('SfondoServiziOnLine.jpg'); 
        vertical-align:middle; 
        color:#000000; 
        background-repeat: no-repeat;
}
.TabellaTitoloUtenti {
        background-image:url('SfondoUtentiAtt.jpg'); 
        vertical-align:middle; 
        color:#000000; 
        background-repeat: no-repeat;
}

.TabellaRigaUtenti {
        background-image:url('SfondoUtenti.jpg'); 
        vertical-align:middle; 
        color:#000000; 
        background-repeat: no-repeat;
}


.titoloAzzurro {
        font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#239bd5;
	font-weight:bold;
}

.titoloVerde {
        font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#3fb44f;
	font-weight:bold;
}

.titoloViola {
        font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#9c055d;
	font-weight:bold;
}

.titoloMare {
        font:16px Verdana, Arial, Helvetica, sans-serif;
	color:#1ea99d;
	font-weight:bold;
}

.titoloLilla {
        color:#696fff;
	font-weight:bold;
        text-align: right;	
}

.titoloEnergia {
        color:#00c832;
	font-weight:bold;
        text-align: right;	
}
.Gas {
        BORDER-TOP:    #696fff 1px solid; 
        BORDER-LEFT:   #696fff 1px solid; 
	BORDER-RIGHT:  #696fff 1px solid; 
        BORDER-BOTTOM: #696fff 1px solid;         
}
.TitoloGas {
        height: 50px;
        PADDING-TOP:   0px; 
        PADDING-LEFT:  20px; 
	PADDING-RIGHT: 20px; 
        PADDING-BOTTOM: 0px; 
        BACKGROUND-COLOR: #696fff;
	color:#ffffff;
        border: Solid 0px #ffffff;
	font-weight:bold;
}


.Elettricita {
        BORDER-TOP:    #00c832 1px solid; 
        BORDER-LEFT:   #00c832 1px solid; 
	BORDER-RIGHT:  #00c832 1px solid; 
        BORDER-BOTTOM: #00c832 1px solid; 
}

.TitoloElettricita {
        height: 50px;
        PADDING-TOP:    0px; 
        PADDING-LEFT:  20px; 
	PADDING-RIGHT: 20px; 
        PADDING-BOTTOM: 0px; 
        BACKGROUND-COLOR: #00c832;
	color:#ffffff;
	font-weight:bold;
 }

#sponsor {
    position: Absolute;
    background-color: #ffffff;
    font-size: 10px;
    font-family: Verdana;
    top: 130px;
    left: 350px;
    width: 450px;
    height: 400px;
    border: Solid 1px #eeeeee;
}

div.chiudi {
    text-align: right;
    border-bottom: Solid 1px #eeeeee;
}

a.sponsor {
    color: #000000;
    text-decoration: none;
}
a.sponsor:hover {
    color: #000000;
    text-decoration: none;
}

a.TitoloGas {
        height: 50px;
        PADDING-TOP:   0px; 
        PADDING-LEFT:  20px; 
	PADDING-RIGHT: 20px; 
        PADDING-BOTTOM: 0px; 
        BACKGROUND-COLOR: #696fff;
	color:#ffffff;
        border: Solid 0px #ffffff;	
	font-weight:bold;
        text-decoration: none;
}
a.TitoloGas:hover {
        height: 50px;
        PADDING-TOP:   0px; 
        PADDING-LEFT:  20px; 
	PADDING-RIGHT: 20px; 
        PADDING-BOTTOM: 0px; 
        BACKGROUND-COLOR: #696fff;
	color:#ffffff;
        border: Solid 0px #ffffff;	
	font-weight:bold;
        text-decoration: none;
}

.tasto {
	background-image:url('tab.png');  
	background-repeat: no-repeat;	
	border-left: Solid 6px #ffffff;
        border-right: Solid 6px #ffffff; 	  	
 	FONT-SIZE: 11px;	
	font-weight:bold;
	COLOR: #ffffff;
	width:76px; 
        height:40px; 
}

.tastoSel {
	background-image:url('tab2.png');  
	background-repeat: no-repeat;	
	border-left: Solid 6px #ffffff;
        border-right: Solid 6px #ffffff; 		
 	FONT-SIZE: 11px;	
	font-weight:bold;
	COLOR: #ffffff;
	width:76px; 
        height:40px; 
}

.tastoGas {
	background-image:url('tabGas.png');  
	background-repeat: no-repeat;	
	border-left: Solid 5px #ffffff;
        border-right: Solid 5px #ffffff; 	
 	FONT-SIZE: 11px;	
	font-weight:bold;
	COLOR: #ffffff;
	width:90px; 
        height:40px; 
}

.tastoSelGas {
	background-image:url('tab2Gas.png');  
	background-repeat: no-repeat;	
	border-left: Solid 5px #ffffff;
        border-right: Solid 5px #ffffff; 	
 	FONT-SIZE: 11px;	
	font-weight:bold;
	COLOR: #ffffff;
	width:90px; 
        height:40px; 
}
.iframe {	
	border-top-color: Solid 2px #696fff;
        border-left-color: Solid 2px #696fff; 
	border-right-color: Solid 2px #696fff;  	
	border-bottom-color: Solid 2px #696fff; 
}

a.TitoloTab {	    
	TEXT-ALIGN: center;	
	color:#888888; 
        text-decoration: none;
	
}
a.TitoloTab:link {	    
	TEXT-ALIGN: center;	
	color:#888888; 
        text-decoration: none;
	
}
a.TitoloTab:active {	
	TEXT-ALIGN: center;	
	color:#696fff;  
        text-decoration: none;
	
}
a.TitoloTab:visited {	
	TEXT-ALIGN: center;	
	color:#888888; 
        text-decoration: none;
	
}
a.TitoloTab:hover {    	
	TEXT-ALIGN: center;	
	color:#696fff; 
        text-decoration: none;	
}

div#navigation{
   
}

div#navigation ul{
    list-style-type: none;	
    MARGIN: 0px;
    width: 100%;
}
  
div#navigation li{
    float:left; 
    background:transparent url('tabGas.png') top center;
    background-repeat: no-repeat;	
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    width:100px; 
    height:40px; 
    text-align:center;      
} 

div#navigation li:hover{
    float:left; 
    background:transparent url('tab2Gas.png') top center;
    background-repeat: no-repeat;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    width:100px; 
    height:40px; 
    text-align:center;      
}


div#navigation li#activelink {
    float:left; 
    background:transparent url('tab2Gas.png') top center;
    background-repeat: no-repeat;	
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    width:100px; 
    height:40px; 
    text-align:center;      
}

div#navigation li a{
    font-size:11px; 
    color:#888888;
    font-weight:bold;
    text-decoration:none;  
} 

div#navigation li a:hover{
    font-size:11px; 
    color:#696fff;
    font-weight:bold;
}

div#navigation li#activelink a{
    font-size:11px; 
    color:#696fff;
    font-weight:bold;
}  


div#navigationEE{
   
}

div#navigationEE ul{
    list-style-type: none;	
    MARGIN: 0px;
    width: 100%;
}

div#navigationEE li{
    float:left; 
    background:transparent url('tabGas.png') top center;
    background-repeat: no-repeat;	
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    width:100px; 
    height:40px; 
    text-align:center;      
} 

div#navigationEE li:hover{
    float:left; 
    background:transparent url('tab2Ele.png') top center;
    background-repeat: no-repeat;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    width:100px; 
    height:40px; 
    text-align:center;      
}


div#navigationEE li#activelink {
    float:left; 
    background:transparent url('tab2Ele.png') top center;
    background-repeat: no-repeat;	
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    width:100px; 
    height:40px; 
    text-align:center;      
}

div#navigationEE li a{
    font-size:11px; 
    color:#888888;
    font-weight:bold;
    text-decoration:none;  
} 

div#navigationEE li a:hover{
    font-size:11px; 
    color:#00c832;
    font-weight:bold;
}

div#navigationEE li#activelink a{
    font-size:11px; 
    color:#00c832;
    font-weight:bold;
}