html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}

html 
{
    background-color:#f5f5f3;
}
body{
background-color:#f5f5f3;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
text-align:center;
}

#PageFrame {
width:952px;
margin:0px auto;
padding:0px 12px 0px 0px;
background-color:#ffffff;
text-align:left;
background-image:url(bodybackg.jpg);
background-repeat:repeat-y;
border-right:#ea983e solid 1px;
border-bottom:#ea983e solid 1px;
}
#Header 
{
    width:964px;
    padding:0px;
    margin:0px;
}
#Logo 
{
    float:left;
    width:480px;
    height:130px;
    text-align:left;
}
#TopLogin 
{
        float:right;
        clear:right;
    margin-top:20px;
    text-align:right;
    padding-right:12px;
}
#TopLogin, #TopLogin .SkinObject, #TopLogin .SkinObject a, #TopLogin a
{
    color:#f8ab4e;
    font-size:1em;
    text-decoration:none !important;
    font-weight:normal !important;
}
#TopNav 
{
    float:right;
    margin-top:20px;
    text-align:right;
    padding-right:12px;
            clear:right;
    color:#f8ab4e;
    font-size:1.15em;
    width:400px;
}
#TopNav a, .phone 
{
    color:#521381 !important;
    text-decoration:none !important;
    font-weight:bold;
}
#TopNav a:hover 
{
    text-decoration:underline;
        color:#f8ab4e !important;
}
#LeftPaneGroup 
{
    float:left;
    clear:left;
    text-align:left;
    width:253px;
}


/* navigation */                            
#navVContainer    
{               
width:190px;
margin:10px auto 20px auto;
}
.TabList {
}
#nav ul {
    list-style:none;
    float:left;
    width:190px;
	margin:0px;
	padding:0px;
}
#nav li {
  position:relative;
  float:left;
  width:190px;
  list-style: none;
  text-align:left;
  font-size:1.1em;
  font-weight:normal;
  border-bottom:#622b8b solid 1px;
}

#nav li:hover {

}
#nav li:hover a
{
}
#nav li ul { /* second-level lists */
	position:absolute;
	top:0;
	left: -999em;
  	margin:0px 0px 0px 190px;
	padding:0px;
	background-color:#a286be;
	width:205px;
}


}

#nav li ul ul { /* third-and-above-level lists */

	left: -999em;
  	margin:5px 0 0 190px;
	top:0px;
	background-color:#a286be;
}

#nav a {
color:#fff!important;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none !important;
display:block;
width: 190px;
line-height:26px;
}
#nav a:hover {
color:#f7941d !important;
text-decoration:none !important;
}
#nav li li a{
  width: 190px;
  line-height:26px;
  padding-left:10px;
}
#nav li li a:hover {
color:#f7941d !important;
}
#nav li li:hover {
color:#f7941d !important;
}

#nav li li 
{
    font-size:0.9em;
}
#nav li ul:hover {

}
.SelectedTab {

}
#nav .DisabledTab {
    color:#ccc;
}
/*no need to change these hover classes unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul {
	left: auto;
}

/* eof navigation */
.LeftPane 
{
    width:205px; /* changed by Naomi from 190px */
    margin:30px 10px 30px 30px; /* changed by Naomi from 30, 0, 30, 50 */
    float:left;
    clear:left;
}
#RightGroup 
{
    float:right;
    width:684px;
    text-align:left;
    padding:0px;
    margin:0px;
}
.ContentPane 
{
    width:684px;
    padding:0px;
    margin:10px 0px 5px 0px;
}
#TwoColumnGroup 
{
    width:684px;
    padding:0px;
    margin:0px 0px 20px 0px;
}
.LeftMiddleCol 
{
    float:left;
    width:338px;
}
.RightMiddleCol 
{
    float:right;
    width:338px;
}
#Footer 
{
    width:950px;
    clear:both;
    text-align:right;
    padding:20px 0px;
    font-size:0.85em !important;
     color:#7f7d80 !important;
    font-weight:normal !important;
    text-decoration:none;
}
#Footer a 
{
    color:#7f7d80 !important;
    font-weight:normal !important;
    text-decoration:none !important;
}
#Footer a:hover 
{
    text-decoration:underline !important;
    color:#f7941d !important;
}
/* text style etc */
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#662d91 !important;
padding:3px 0px 6px 0px;
margin-bottom: 10px; /* added by Naomi */
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#e88710 !important;
padding:3px 0px 6px 0px;
margin-top: 10px; /* added by Naomi */
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#662d91 !important;
padding:3px 0px 6px 0px;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#e88710 !important;
padding:3px 0px 6px 0px;
}

a {
font-weight:normal;
text-decoration:underline !important;
color:#ed9427 !important;
}
a:hover {
color:#662d91 !important;
}
.Normal {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#676768;
}
.NormalBold {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#676768;
}
p {
font-family:Arial, Helvetica, sans-serif;
color:#676768;
margin-bottom:15px;
}
#talkByPhone {
width:235px;
clear:both;
float:left;
}
li 
{
    line-height:16px;
    list-style:normal;
    padding-left:12px;
}
.NormalTextBox, input, textarea, select
{
    margin:6px 0px;
}










/* added by Naomi */
.ContentPane ul {
	margin-top:  10px;
	}

.ContentPane ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 7px;
	margin-left:15px;
}
.ContentPane ol {
	margin-top:  10px;
	}

.ContentPane ol li {
	list-style-position: outside;
	list-style-type: lower-alpha;
	margin-bottom: 7px;
	margin-left:20px;
	/margin-left:25px; /* for IE */
}
.ContentPane ol.tou li {
	list-style-type:decimal;
	}
.ContentPane ul.tou li {
	list-style-type:disc;
	}
	
.ContentPane div.mission {
	width:480px;
	height:169px;
	padding:15px 184px 15px 20px;
	background-image: url(/Portals/0/mainPage_01.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	}
	
.mission h1 {
	color:#ffffff!important;
	font-size: 20px;
	font-weight:bold;
	line-height:21px;
	margin-bottom:0;
	}

.mission h1 span {
	color: #f7941d!important;
	font-style: italic;
	}
	
.mission p {
	color: #ffffff;
	font-size:14px;
	margin-bottom:0;
	padding-bottom:0;
	}
mission ul {
	list-style:disc;
	color:#ffffff;
	padding-top:0;
	}
.mission ul li {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -10px;
	color:#ffffff;
	font-size:13px!important;
	list-style-position: inside;
	}
	
.LeftMiddleCol div.electricity, 
.RightMiddleCol div.gas,
.LeftMiddleCol div.tel {	
	background-position: top left;
	background-repeat: no-repeat;
	width:315px;
	height:231px;
	padding: 0px 14px 14px 10px; /*152 */
	margin:0;
	}

.LeftMiddleCol div.electricity, 
.LeftMiddleCol div.tel {	
	padding: 0px 14px 14px 10px;
	width:315px; /*315*/
	}
	
.LeftMiddleCol div.electricity {
	background-image: url(/Portals/0/mainPage_02.jpg);
	}
.RightMiddleCol div.gas {
	background-image: url(/Portals/0/mainPage_03.jpg);
	background-position: top right;
	}
.LeftMiddleCol div.tel {
	background-image: url(/Portals/0/mainPage_04.jpg);
	}

.electricity p, .gas p, .tel p {
	font-size:13px;
	color:#ffffff!important;
	line-height:14px;
	width: 308px;
	padding-top: 150px;
	}	

.electricity p, .gas p, .tel p {
	/font-size:13px;
	/color:#ffffff!important;
	/line-height:14px;
	/width: 308px;
	/margin-top: 150px;
	/padding-top:0;
	}	

.tel p {
	padding-top: 145px;
	}
.tel p {
	/margin-top: 145px;
	/padding-top:0;
	}

.gas p {
	margin-left: 5px;
	}

.electricity p span, .gas p span, .tel p span {
	color: #f7941d!important;
	}
.electricity p img, .gas p img, .tel p img {
	margin-left:10px;
	width: 28px;
	height: 65px;
	}
.electricity p img, .tel p img {
	margin-left:0px;
	
	}

	


/*eof added by Naomi */