Body{background-color:#D7D7D7;
     height:100%;
     width:1024px;
     font-family:verdana;
     top: 0px;
	 right: 0px;
	 bottom: 0px;
	 left: 0px;	 
	 margin: auto;
	 border: 1px solid #FFF;
}
#Top_Spacer { 
     background:#565A5C;       /*626161; */
     height: 22px; 
     width: 1024px; 
    color: #c3c3c4; 
	font-size:7pt;
}
#Top_Buttons {
    background-color: Transparent;
    float: left;
	padding: 1px 1px 4px 1px;
}
#Top_Menu {
    background-color: Transparent;
    float: right;
    width:344px;  
	padding: 4px;
}
#Top_Menu a
{
    color: #c3c3c4; 
	text-decoration:none;
	padding: 0px 10px;
}
#Top_Menu a:hover
{   
	font-weight: bold;
	color:#FFF;
}
.Logo {   
   margin-left:5px;     
   background-color:Transparent; 
   float:left;  
   border:0;
}
#Header {    
    height:121px;
    width:1024px;
    background:url('images/top_forks.jpg') no-repeat right bottom #FFFFFF;
    display:inline-block;
}
#Tab_Menu
{
    background: ;
    margin-top: 93px;
}
#Tab_Menu a
{
    display: inline-block;
    height: 18px;
    width: 133px;
    padding: 5px;
    background: #B1B1B1;
    color: #565A5C;    
    text-align: center;
    font-size: 11pt;
    margin-right: 5px;
    text-decoration: none;
    opacity:0.5;
    filter:alpha(opacity=50);
}
#Tab_Menu a:hover
{
    font-weight: bold;
    opacity:1;
    filter:alpha(opacity=100);
}
#Tab_Menu .Tab_On
{
    background: #565A5C;
    color: #FFFFFF;
    font-weight: bold;
    opacity:1;
    filter:alpha(opacity=100);
}
.Banner_Image
{
    height: 199px;
    width: 604px;
}
#Main {
    background-color:#565A5C;    
    width:100%; 
}
#Breadcrums {
     background:#165BA0; 
     color:#FFF; 
     height:20px;
     text-align: left;         
     font-size: 8pt;
     padding-left: 10px;
}
#Breadcrums a {
    text-decoration: none;
    color: #FFF;
}
#Breadcrums a:hover 
{
    text-decoration: underline;
}
#Col1Panel
{
	background-color:#565A5C;
	width:194px;
	border-right: 1px solid #FFF;
}
#Col3Panel
{
	background-color: #D7D7D7;
    height: 100%;
}
.imagelink img
{
    opacity:0.8;
    filter:alpha(opacity=80);    
}
.imagelink img:hover
{
    opacity:1;
    filter:alpha(opacity=100);    
}
/*.ImageBoxes
{
	background-color:#626161;
	color:#000000;	
	border:5px;
	width:200px;
	height:165px;
	margin-left:1px;	
	border:1px;
	border-color:#000000;
}
#Water
{
	background-color:#626161;
	color:#000000;	
	border:5px;
	width:200px;
	height:165px;
	margin-left:1px;
	border:50px;
	border-color:#000000;	
}
#Gas
{
	background-color:#626161;
	color:#FFFFFF;
	border:1px;	
	width:200px;
	height:165px;
		
}
#Networks
{
	background-color:#626161;
	color:#FFFFFF;
	border:1px;	
	width:200px;
	height:165px;	
}
#Electricity
{
	background-color:#626161;
	color:#FFFFFF;	
	border:1px;
	width:200px;
	height:165px;
}*/

/* Accordion 1 */
.AccordionHeader
{
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10pt;
    width:184px;
    height:16px;
    padding: 6px 5px;  
    cursor: pointer;
    background:url('images/top-nav-button.jpg') no-repeat left #B1B1B1;
    text-indent:39px;        
}
.AccordionHeader:hover
{
    background:url('images/blue_nav.jpg') no-repeat left #165BA0; 
}
.AccordionContent
{    
    font-family: verdana;
    width:152px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;       
    line-height:1.80;    
    cursor: pointer;    
    padding:5px 0px 10px 42px;  
    background:url('images/bottom-nav-button.jpg') repeat-y left #565A5C;
}
.AccordionContent a:hover
{
    text-decoration: underline;
}
/* Accordion for water, gas & networks sub-sites    */
.SubAccordionHeader
{
    border-bottom: 1px solid #FFFFFF;
    font-family: verdana;
    font-size: 10pt;
    width:184px;
    height:14px;
    padding: 6px 5px;  
    cursor: pointer;
    background:url('images/blue_nav.jpg') no-repeat left #165BA0;
    color: #FFF;
    text-indent:39px;        
}
.SubAccordionHeader:hover, .SubAccordionHeader2:hover
{
    background:url('images/blue_nav2.jpg') no-repeat left #104678; 
}
/* Accordion for wastewater sub-site    */
.SubAccordionHeader2
{
    border-bottom: 1px solid #FFFFFF;
    font-family: verdana;
    font-size: 10pt;
    width:184px;
    height:14px;
    padding: 6px 5px;  
    cursor: pointer;
    background:url('images/blue_nav.jpg') no-repeat left #165BA0;
    color: #FFF;
    text-indent:39px; 
}
.SubAccordionContent
{    
    font-family: verdana;
    width:152px;
    border-bottom: 1px solid #FFFFFF;       
    line-height:1.80;    
    cursor: pointer;    
    padding:5px 0px 10px 42px;  
    background:url('images/bottom-nav-button.jpg') repeat-y left #565A5C;
}
.SubAccordionContent a:hover
{
    text-decoration: underline;
}

/* Accordion 2 */
.Residential
{    
    background-color: #3B3B3B;    
    width:170px;
    height:15px;
    padding: 10px 15px;
}
.Commercial
{    
    background-color: #9D9C9D;    
    width:170px;
    height:15px;
    padding: 10px 15px;    
}
.Commercial a 
{ 
	text-decoration:none; 
	color: #565A5C; 
	font-size: 12pt; 
}
.Residential a 
{ 
	text-decoration:none; 
	color: #FFFFFF; 
	font-size: 12pt; 
}
.Residential a:hover 
{ 
	font-weight:bold;
}
.Commercial a:hover 
{ 
	font-weight:bold;
}
.Button_Spacer
{
    background: ;
    height: 5px;
}
.User_Button 
{
    background-color: #FFFFFF; 
    color: #165BA0;
    width:200px;
    height:30px;
    padding: 0px 5px; 
    text-align:left;    
    border: 1px solid #565A5C;    
}    
#Right_Column_Section_Lower
{
	background-color: #FFFFFF;   
    width:174px;
    height:100%;
    color: #565A5C;       
    padding:12px;
    border:solid 1px #FFFFFF;
}
#Right_Column_Section_Lower .Rate 
{
    color:#626262;
    font-weight:normal;
}
.Rate a
{
	color:#626262;
	font-size:14pt;
}
.Rate a:hover
{
	font-weight:bold;
	text-decoration:underline;		
}
#Right_Column_Section_Lower2
{
	background-color: #FFFFFF;   
    width:176px;
    color: #565A5C;       
    padding:12px;
    border-top: 5px solid #D7D7D7;
}
#Right_Column_Section_Upper
{
	background-color: #165BA0;   
    width:176px; 
    height:215px;
    color: #FFFFFF;       
    padding:12px;
    border:0px;
}
#News_Container
{	
/*	margin:11px 0px;
	border-bottom:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF; 	*/
}
.Content_Item {
    padding: 20px;
    font-family:Verdana;
    background-color:#FFFFFF;
    float: right;
    width: 568px;
    height: 100%;
    font-size: 10pt;
}
.Content_Item h2
{
	font-size:13pt;			
	color:#565A5C;
}
.Content_Item h3
{
    font-size:11pt;
    color:#565A5C;
}
.Content_Item p
{
	font-size:10pt;	
	text-align:justify;		
}
.Content_Item a
{
	color:#0065BD;	
	font-size:10pt;
	font-family:Verdana;		
	text-decoration: none;
}
.Content_Item a:hover 
{
    text-decoration: underline;    
}
.Content_Item li
{
	font-family:Verdana;
	font-size:10pt;
	text-align:justify;
	margin-bottom: 5px;
}
.Content_Item .faq
{
	color:#565A5C;	
}
.Content_Item_Upper
{
	color:#FFFFFF;
	font-family:Verdana;
	font-size:9pt;	
	margin-top:20px;	
}
.Content_Item_Upper h2
{
    font-size: 12pt;
    margin-bottom: 0px;
    
}
.Content_Item_Upper p
{
    margin-top: 5px;
}
.Content_Item_Upper a
{
	color:#FFFFFF;	
	text-decoration: none;
}
.Content_Item_Upper a:hover
{
    text-decoration: underline;
}
.Content_Item_Lower
{
	color:#000000;
	font-family:Verdana;
	font-size:9pt;		
}
.Content_Item_Lower h2
{
    font-size: 12pt;
    color:#565A5C;
    margin-bottom: 0px;
    margin-top:20px;
}
.Content_Item_Lower p
{
    margin-top: 5px;
}
.Content_Item_Lower ul
{
    margin-left: 20px;
    margin-top: 0px;
}
.Content_Item_Lower li 
{
    margin-bottom: 10px;
}
.Content_Item_Lower a
{
	color:#165BA0;		
	text-decoration: none;
}
.Content_Item_Lower a:hover
{
    text-decoration: underline;
}
.News_Item {
    padding: 20px;
    width: 566px;
    height: 199px;   
    font-size: 10pt;
}
.News_Item img 
{
    float: left;
    height: 194px;
    width: 186px;
    margin-right: 20px;
    border: 0;
}
#News_Area1{
    background-color:#FFFFFF;
    font-family:verdana;
    width:568px;
    height:250px; 
    float:right; 
    padding: 20px;     
}
#News_Area2{
    background-color:#0065BD;
    font-family:verdana;
    width:568px;
    height:250px; 
    float:right; 
    color:#FFFFFF;      
    padding:20px;              
}
#News_Area3{
    background-color:#626262;
    font-family:verdana;
    width:568px;
    height:199px; 
    float:right; 
    color:#FFFFFF;      
    padding:20px;              
}
#News_Image1{
    border: 1px solid #565A5C;
    background-color:#626161;
    height:194px;
    width:186px; 
    float:left;
    margin-right:20px;
    border:0;   
}
#News_Image2{
    border: 1px solid #FFFFFF;
    background-color:#626161;
    height:194px;
    width:186px; 
    float:left; 
    margin-right:20px;
    border:0;
}
.Side_Content_Box1 
{
    background: #565A5C;
    color: #FFFFFF;
    width: 192px;
    padding: 10px;
    font-size: 8pt;
}
.Side_Content_Box1 a {
    color: #FFFFFF;
}
.Side_Content_Box1 a:hover {
    color: #9D9C9D;
}
.Side_Content_Box2 
{
    background: #9D9C9D;    
    color: #565A5C;
    width: 192px;
    padding: 10px;
    font-size: 8pt;
}
.Side_Content_Box2 a {
    color: #565A5C;
    font-weight: bold;
}
.Side_Content_Box2 a:hover {
    color: #FFFFFF;
}
.Bold
{
	font-weight:bold;	
}
#Search{
   background-color:#FFFFFF;
   font-size:10pt;
   width:154px;
   height:21px;
   padding: 20px 20px;  
}
.Input_Box{
    background-color:#D7D7D7;    
    border-style:none;    
}
.Input_Button{
    background-color:#565A5C;
    font-family:verdana;
    color:#FFFFFF;
    font-size:8pt;
    width:55px;
    height:18px;
    border-style:none;
    cursor: pointer; 
}
#StreetLights
{
    font-size:11pt;
    color:#FFFFFF;
    width:109px;
    height:50px;
    padding: 8px 10px 4px 75px;
	background: #898989 url(Images/StreetLightsOut.gif) no-repeat 20px;
}
#StreetLights:hover
{
	background: #898989 url(Images/StreetLights.gif) no-repeat 20px;
}
#StreetLights a
{
	color: #FFFFFF;
	text-decoration: none;
}
#StreetLights a:hover
{
	text-decoration: underline;
}
/*
#StreetLights img
{
	float: left;
	margin-right: 15px;	
}
*/
#Dig
{
    text-align:center;
    font-size:11pt;
    color:#FFFFFF;
    background-color:#565A5C;
    width:154px;
    height:50px;
    padding: 8px 20px 4px 20px;	   
} 
#Dig a
{
	color:#FFFFFF;
	text-decoration:none;
}
#Dig a:hover
{
	text-decoration:underline;	
}
#Survey
{
    font-size:10pt;
    color:#FFFFFF;
    width:109px;
    height:50px;
    padding: 15px 10px 4px 75px;	
    background: #898989 url(Images/Survey2.gif) no-repeat 20px;   
} 
#Survey a
{
	color:#FFFFFF;
	text-decoration:none;
}
#Survey a:hover
{
	text-decoration:underline;	
}

#Data_Pages
{
	height:100%;
	width:548px;
	padding:0px 15px;
	background-color:#FFFFFF;
    font-family:verdana;          
}
.Headlines
{	
	font-size:13pt;			
	color:#565A5C;
}
.Headlines_Dark_BG
{	
	font-size:13pt;			
	color:#FFFFFF;
}
.Intro_Paragraph
{
	font-size:10pt;
	font-family:Verdana;
}
.Body_Paragraph
{
	font-size:10pt;
	font-family:Verdana;
	
}
#News_Area1 .Headlines
{
	color:#565A5C;	
	margin-top:-12px;
	text-decoration:none;			
}
#News_Area2 .Headlines
{
	margin-top:23px;		
}
.News_More
{
	float:right; 
	text-decoration:none;
	font-size: 9pt;
	color:#000000;
}
.News_More:hover
{
    text-decoration: underline;
}
.News_More_Dark_BG
{
	float:right; 
	text-decoration:none;
    font-size: 9pt;
	color:#FFFFFF;
}
.News_More_Dark_BG:hover
{
    text-decoration: underline;
}
#Subsite_Menu{
    background-color:#D7D7D7;
    width:201px;    
    height:71px;
    padding: 16px 20px;
    font-family:verdana;
    font-size:24pt;
    font-weight:bold;        
    top:156px;
    left:769px;
    float:right;
        
} 
#Rate_Box
{
	background-color:#D0103A;
	color:#FFFFFF;
	width:196px;
	height:69px;
	font-family:Verdana;
	font-size:18pt;
	font-weight:bold;
	border-bottom: 1px solid #FFFFFF;				
	padding-left:15px;
	padding-top:7px;			
}  

Legend { color: #565A5C; font-weight:bold; }

.validationSummary 
{
    border: solid 2px #FF0000;
    background-color: #D7D7D7;
    font-weight:bold;
    padding: 10px;
}
.Menu
{
	color:#FFFFFF;
	font-size:9pt;		
	text-decoration:none;		
}
.answer
{
	font-size:12pt;
	font-family:Verdana;	
	color:#000000;
}
.sidebarhead
{
	color:#D0103A;
	font-family:verdana;
	font-size:13pt;
	font-weight:bold;
}
.lead
{
	color:#000000;
	font-size:10pt;
	font-family:Verdana;
}
.Con_Lists
{
	font-family:Verdana;
	font-size:10pt;
}
.Con_Header
{
	font-size:12pt;
	color:#565A5C;
}
.Con_SubHeader
{
	font-size:10pt;
}
.Con_Table
{
	font-size:8pt; 
	line-height:18pt;
	color:#D0103A;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana;
}
.Forms
{
	color:#D0103A;	
	font-size:10pt;
	font-family:Verdana;
	font-weight:bold;	
	text-decoration:none;
}
.Table_Row_Header
{
    background: #165BA0;
    color: #FFFFFF;
    height: 25px;
    text-align: center;
    font-weight: bold;
}
.Table_Row_Subheader2
{
    background: #626161;
    color: #FFFFFF;
}
.Table_Row_Alt1
{
    background: #D7D7D7;
}
.Table_Row_Alt2
{
    background: #F2F1F2;
}
.Table_Row_Subheader
{
    background: #9D9C9D;
    color: #FFFFFF;
    font-weight:bold;
}
.KingstonHydro
{
	float:right;
	padding: 0px 25px;
}
.WhiteLinks
{
	color:#FFFFFF;
}
.PopupPanel
{
    background: #165BA0;
    padding: 2px;
    width: 200px;
}
.PopupPanelFlood
{
    background: #165BA0;
    padding: 2px;
    width: 275px;
}
.PopupMsg
{
    background: #D7D7D7;
    border: 1px solid #FFFFFF;
    padding: 5px;
}
.PopupMsgFlood
{
    background: #D7D7D7;
    border: 1px solid #FFFFFF;
    padding: 5px;             
}
.PopupMsgFlood p
{
	font-size:10pt;	
	text-align:Left;		
}
.Right_Links
{
    color: #565A5C;
    font-size: 11pt;
}