﻿/* Tag */
    
    body
    {
        background-color: #337788;
        color: #ffffff;
    }
    a
    {
        background-color: Transparent;
        color: #337788;
        text-decoration: underline;
    }
    a:hover
    {
        background-color: Transparent;
        color: #bb1111;
    }
    
    strong
    {
      color: #333;
    }
    
/* ------ force y scrollbar ------ */

  html {
	  overflow-y: scroll;
  }    
    
/* Class */
    
  .Print
	{
		display: none;
	}
  .Tier
	{
		clear: both;
		width: 100%;
	}
	.Fixed
	{
		margin: 0 auto;
		overflow: hidden;
		text-align: left;
		width: 780px;
	}
	.Row
	{
		clear: both;
		margin-top: 12px;
		overflow: hidden;
	}
	.Column, .ColumnDouble, .ColumnDivide
	{
		float: left;
		overflow: hidden;
	}
	.ColumnDivide
	{
		height: 12px;
		width: 12px;
	}

	/* --- news item styles ---*/
	
	#newsContainer,
	#faqContainer
	{
		float: left;
		margin: 0;
		padding-top: 10px;		
		border-top: 1px dashed #aaa;
	}
	
	/* --- news widths ---*/
	
	#newsContainer .newsItem
	{
		width: 384px;
	}
	
	.newsItemContainer .newsItem
	{
		width: 285px;	
	}		
	
	
	.newsItemContainer
	{
		float: left;
		padding-bottom: 10px;
		margin: 0;	
	}
	
	#Main	.newsItemContainer
	{
		border-bottom: 1px dashed #aaa;		
	}	
	
	.newsItem
	{
		background-color: #E1EBED;
		padding: 6px 0;	       
		float: left;		
	}		
	
	.topSpace
	{
		margin-top: 10px;
	}
	
	.imageNewsItem
	{
		float: left;
		height: 60px;
		width: 273px;
		margin-left: 6px;
	}
	
	.newsItem .inner
	{
		float: left;
		clear: left;
    width: 100%;  
	}
	
	.ImageRight
	{
	   margin: 0 0 6px 6px;
	}
	
	/* --- faq styles ---*/


  #accordion
  {
    float: left;
    display: inline;
    margin-left: 8px;
    width: 370px;
  }

  #accordion	dt
  {
    background-color: #ccdde1;
    margin-top: 4px;
    padding: 6px 8px;
    font-weight: bold;  
  }
  
  #accordion	dt a
  {
    display: block;
    min-height: 0;
    background: url(../../images/arrow-down.gif) no-repeat 98% 50%  
  }

  #accordion	dd,
  #accordion	ul,
  #accordion	li
  {
    margin: 0;
    padding: 0;
  }

  #accordion li
  {
    list-style: none;
    background-color: #eee;
    margin-top: 1px;
    padding: 6px 8px 6px 20px;  
  }
  
  /* --- faq item styles ---*/
  
 .holding
 {
  margin: 0.4em 0 0.4em 6px;
 } 
 
 .holding p
 {
  font-size: 0.8em;
  font-style: italic;
  padding: 0.2em 0;
 }  
  
  
	
	.H1
	{
	    height: 32px;
	    overflow: hidden;
	}
	.H1 h1
	{
	    display: none;
	}
	.HR
	{
	    background-color: #99BBC3;
	    color: inherit;
	    height: 1px;
	    margin: 6px;
      overflow: hidden;
	}
	.HR hr
	{
	   display: none;
	}
	.Links,
	.return
	{
	   margin: 10px 0;
	   float: left;
	   clear: left;
	   width: 200px;
	}
	.Links ul,
	.Links li,
	.return ul,
	.return li
	{
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.Links a,
	.return a
	{
		background-position: top left;
		background-repeat: no-repeat;
	  margin: 0;
		padding: 6px 6px 6px 23px;
	}
	
	.Links a
	{
    background-image: url(../../Images/LinksA.gif);
	}		
	
	.return a
	{
    background-image: url(../../Images/LinksB.gif);
	}		
	
	.Links a:hover
	{
    background-image: url(../../Images/LinksAHover.gif);
	}
	
	.return a:hover
	{
    background-image: url(../../Images/LinksBHover.gif);
	}
	
/* ID Based */
	
	#Stationary
	{
	  display: none;
	}
	#HeadContainer
	{
	  background-image: url(../../Images/HeadContainer.gif);
		background-position: top center;
		background-repeat: repeat-x;
		height: 140px;
		overflow: hidden;
	}
	    #HeadContent
	    {
		    height: 130px;
			overflow:hidden;
	    }
	    	#Logo
			{
				background-image: url(../../Images/Logo.gif);
				background-position: top left;
				background-repeat: no-repeat;
			}
			#Logo, #Logo a
			{
				display: block;
				height: 154px;
				width: 186px;
			}
			#Logo span, #Logo h1, #Logo h2
			{
				display: none;
			}
			#Tool
			{
			    overflow: hidden;
				text-align: right;
				width: 594px;
			}
			#Tool ul
			{
				display: block;
				float: right;
				list-style: none;
				margin: 0;
				padding: 0 6px 0 0;
			}
			#Tool li
			{
				display: block;
				float: left;
				list-style: none;
				margin: 0 0 0 6px;
				padding: 0;
				text-align: right;
			}
			#Tool a
			{
			    background-color: Transparent;
				color: #99BBC3;
				display: block;
				overflow:hidden;
				padding: 6px 0;
				text-decoration: none;
			}
			#Tool a:hover
			{
			    background-color: Transparent;
				color: #ffffff;
			}
			#Tool .Sitemap a, #Tool .MagnificationLarge a, #Tool .MagnificationSmall a
			{
			    background-position: top right;
			    background-repeat: no-repeat;
			    padding-right: 23px;
			}
			#Tool .Sitemap a
			{
			    background-image: url(../../Images/ToolSitemapA.gif);
			}
			#Tool .Sitemap a:hover
			{
			    background-image: url(../../Images/ToolSitemapAHover.gif);
			}
			#Tool .MagnificationLarge a
			{
			    background-image: url(../../Images/ToolMagnificationLargeA.gif);
			}
			#Tool .MagnificationLarge a:hover
			{
			    background-image: url(../../Images/ToolMagnificationLargeAHover.gif);
			}
			#Tool .MagnificationSmall a
			{
			    background-image: url(../../Images/ToolMagnificationSmallA.gif);
			}
			#Tool .MagnificationSmall a:hover
			{
			    background-image: url(../../Images/ToolMagnificationSmallAHover.gif);
			}
			#Tabs
			{
			  margin-top: 77px;
			  overflow: hidden;
				text-align: right;
				width: 594px;
			}
			#Tabs h3
			{
				display: none;
			}
			#Tabs ul
			{
				display: block;
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			#Tabs li
			{
				display: block;
				float: left;
		    height: 26px;
				list-style: none;
				white-space: nowrap;
				margin: 0 0 0 6px;
				overflow:hidden;
				padding: 0;
				text-align: center;
			}
			#Tabs a
			{
				background-color: #5c92a0;
				background-image: url(../../Images/TabsA.gif);
				background-position: top center;
				background-repeat: no-repeat;
				color: #ffffff;
				display: block;
				font-weight: bold;
				padding: 6px 0 9px 0;
				text-decoration: none;
				width: 76px;
			}
			#Tabs a:hover
			{
				background-image: url(../../Images/TabsAHover.gif);
			}
			#Tabs .Active a, #Tabs .Active a:hover
			{
			    background-color: Transparent;
				background-image: url(../../Images/TabsActiveA.gif);
				color: #337788;
			}
	#BodyContainer
	{
	    background-color: #ffffff;
	    background-image: url(../../Images/BodyContainer.gif);
			background-position: top center;
			background-repeat: repeat-x;
			overflow: hidden;
	    color: #000000;
	    padding: 12px 0 54px 0;
	}
		#BodyContent
		{
			padding-bottom: 20px;
		}
		    #Left
		    {
		        width: 186px;
		    }
		        #Menu
		        {
		            background-image: url(../../Images/Menu.gif);
		            background-position: bottom left;
		            background-repeat: repeat-x;
		            padding-bottom: 6px;
		        }
		        #Menu h3
		        {
		            background-color: #5C92A0;
		            color: #ffffff;
		            padding: 0;
		        }
		        #Menu h3 a
		        {
		            background-color: #5C92A0;
		            color: #ffffff;
		            display: block;
		            padding: 6px;
		            text-decoration: none;
		        }
		        #Menu h3 a:hover
		        {
		            background-color: #70A0AB;
		            color: #ffffff;
		        }
		        #Menu ul, #Menu li
		        {
		            list-style: none;
		            margin: 0;
		            padding: 0;
		        }
		        #Menu ul
		        {
		            display: block;
		        }
		        #Menu li
		        {
		            display: inline;
		        }
		        #Menu li a
		        {
		            background-color: #ADC9CF;
		            background-image: url(../../Images/MenuA.gif);
		            background-position: top left;
		            background-repeat: no-repeat;
		            border-bottom: 1px solid #99BBC3;
		            color: #337788;
		            display: block;
		            font-weight: bold;
		            padding: 6px 6px 6px 23px;
		            text-decoration: none;
		        }
		        #Menu li a:hover, #Menu li.Active a, #Menu li.Active a:hover
		        {
		            background-color: #C1D6DB;
		            color: #337788;
		        }
			    #Award
			    {
    				margin-top:12px;
				    padding-left:6px;
			    }
			    #Award ul, #Award li
			    {
			        display: inline;
			        list-style: none;
			        margin: 0;
			        padding: 0;
			    }
			    #Award a
			    {
    				display:block;
				    float:left;
				    margin-right:12px;
			    }
			    #Award img
			    {
    				border:0;
				    display:block;
			    }
			#Banner
			{
			    background-image: url(../../Images/Banner.gif);
		        background-position: bottom left;
		        background-repeat: repeat-x;
			    margin-bottom: 6px;
			    overflow: hidden;
			    padding-bottom: 6px;
			    width: 582px;
			}
			#Banner img
			{
			    display:block;
			}
			#Default
			{
			    width: 582px;
			}
			#Default .Column
		    {
		        width: 285px;
		    }
		    
		    
		    #Main
		    {
		        width: 384px;
		    }
		    #Main .Column
		    {
		        width: 186px;
		    }
		    #Main h1
		    {
		        background-color: Transparent;
		        color: #bb1111;
		    }
		    
		    #Main h3
		    {
		        background-color: Transparent;
		        color: #2C6876;
		    }		    
		    
		    #Main table
		    {
		        margin: 5px;
		        width: 100%;
		    }
		    #Main th
		    {
		        background-color: #CCDDE1;
		        border: 1px solid #ffffff;
		        color: inherit;
		    }
		    #Main td
		    {
		        background-color: #E1EBED;
		        border: 1px solid #ffffff;
		        color: inherit;
		    }
		    #Main .FieldHead
		    {
		        width: 96px;
		    }
		        #SiteMapPath p
		        {
		            font-size: 10px;
		        }
		        #SiteMapPath p, #SiteMapPath a
		        {
		            background-color: Transparent;
		            color: #99BBC3;
		        }
		        #SiteMap .Level1
		        {
		        }
		        #SiteMap .Level2
		        {
		            margin-left:32px;
		        }
		        
		    #Right
		    {
		        width: 186px;
		    }
		    	#Contact
		        {
		            background-image: url(../../Images/Campaign.gif);
		            background-position: bottom left;
		            background-repeat: repeat-x;
		            margin-bottom: 6px;
		            padding-bottom: 6px;
		        }
		        #Contact h3
		        {
		            background-color: #CCDDE1;
		            color: inherit;
		        }
		        #Contact p
		        {
		            background-color: #E1EBED;
		            color: inherit;
		        }
		        #Right .Campaign
		        {
		            background-image: url(../../Images/Campaign.gif);
		            background-position: bottom left;
		            background-repeat: repeat-x;
		            margin-bottom: 6px;
		            padding-bottom: 6px;
		        }
		        #Right .Campaign img
		        {
		            border: none;
		            display: block;
		        }
	#FootContainer
	{
	    background-image: url(../../Images/FootContainer.gif);
		background-position: top center;
		background-repeat: repeat-x;
		overflow: hidden;
		padding-top: 34px;
	}
	    #FootContent
		{
		}
			#Legal
			{
				margin-top: 6px;
			    width: 503px;
			}
		    #Legal p
		    {
		        font-size: 10px;
		    }
		    #Legal, #Legal a
		    {
		        background-color: Transparent;
		        color: #99BBC3;
		    }
		    #Legal a:hover
		    {
		        background-color: Transparent;
		        color: #ffffff;
		    }
		    #CreditLeft
		    {
		        width: 198px;
		    }
		    #CreditRight
		    {
		        width: 79px;
		    }
			#CreditLeft ul, #CreditRight ul
			{
				display: block;
				list-style: none;
				margin: 0;
				padding: 0;
			}
			#CreditLeft li, #CreditRight li
			{
				display: block;
				float: left;
				list-style: none;
				margin: 6px 0;
				padding: 0;
			}
			#CreditLeft li
			{
				float: left;
			}
			#CreditRight li
			{
				float: right;
			}
			#CreditLeft a, #CreditRight a
			{
				background-repeat: no-repeat;
				display: block;
				height: 42px;
				overflow:hidden;
			}
			#CreditLeft a
			{
			    background-position: top left;
			}
			#CreditRight a
			{
			    background-position: top right;
			}
			#CreditLeft a span, #CreditRight a span
			{
			    display: none;
			}
			#CreditRight .KentCountyCouncil a
			{
			  background-image: url(../../Images/CreditKentCountyCouncilA.gif);
				width: 67px;
			}
			#CreditLeft .KentCountyCouncilCommercialServices a
			{
			  background-image: url(../../Images/creditCommercialServices.gif);
				width: 182px;
			}
			
			/*  quote styling added 20090609 - AT */
			
			.column
			{
				float: left;
				clear: none;
				overflow: hidden;
			}
			
			.quote .top
			{
				background: url(../../images/quoteTop.gif) no-repeat;
				height: 23px;			
			}
			
			.quote .middle
			{
				margin-bottom: -6px;				
			}			
					
			.quote .middle p
			{
				font-style: italic;
				margin: 0 26px 6px 26px;
				padding: 0;				
			}
			.quote .bottom
			{
				background: url(../../images/quoteBottom.gif) top right no-repeat;
				padding: 10px 20px;			
			}
