body
{       background-image: url("Images/stripeback.png");
        background-repeat: repeat;  
        }

table.tback
{       background-color: #ffffff;
        background-repeat: no-repeat; }
		
td.header
{       background-image: url("Images/KATIndexLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.basildon
{       background-image: url("Images/KATBasildonLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.chelmsford
{       background-image: url("Images/KATChelmsfordLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.billericay
{       background-image: url("Images/KATBillericayLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.southend
{       background-image: url("Images/KATSouthendLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.southwoodham
{       background-image: url("Images/KATSouthWoodhamLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.grays
{       background-image: url("Images/KATGraysLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.brentwood
{       background-image: url("Images/KATBrentwoodLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.wickford
{       background-image: url("Images/KATWickfordLogo.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
		font-size: 8pt; 
		font-family: Verdana;
        line-height: 80%; }
		
td.menubanner
{       background-image: url("Images/KATMenuBanner.png");
        background-repeat: no-repeat; 
        color: #000000; 
		font-size: 8pt; 
		font-family: Verdana; 
		line-height: 93%;
		text-align: center; }
		
td.footer
{       background-image: url("Images/KATFooter2.png");
        background-repeat: no-repeat; 
        color: #FFFFFF; 
	font-size: 8pt; 
	font-family: Verdana; }

td.footerback
{      background-color: #e77009;
       color: #FFFFFF; 
       font-size: 7pt; 
       font-family: Verdana; } 
	   
td.footerback2
{      background-color: #e77009;
       color: #FFFFFF; 
       font-size: 8pt; 
       font-family: Verdana; }
		
td.error
{       color: #F80000;
        font-size: 10pt; 
        font-family: Verdana; }

td.success
{       color: #1252B2;
        font-size: 10pt; 
        font-family: Verdana; }

td.Text1 
{       color: #000000; 
        font-size: 12pt; 
        font-family: Verdana; }

td.Text2 
{       color: #000000; 
        font-size: 7pt; 
        font-family: Verdana; }

td.FooterText 
{       color: #FFFFFF; 
        font-size: 8pt; 
        font-family: Verdana; }
		
textarea.Text1
{       color: #e77009;
        font-size: 10pt;
	    border: 1px solid #464646;
        font-family: Verdana; }

p.Title { color: #000000; font-size: 11pt; font-family: Verdana; }
p.Text1 { color: #000000; font-size: 12pt; font-family: Verdana; }
p.Text2 { color: #000000; font-size: 10pt; font-family: Verdana; }
p.Text3 { color: #FFFFFF; font-size: 11pt; font-family: Verdana; }
p.Text4 { color: #e77009; font-size: 12pt; font-family: Verdana; }
p.Text5 { color: #e77009; font-size: 10pt; font-family: Verdana; }
p.Text6 { color: #FFFFFF; font-size: 10pt; font-family: Verdana; }
p.Text7 { color: #000000; font-size: 8pt; font-family: Verdana; }
p.Text10 { color: #6f6f6f; font-size: 10pt; font-family: Verdana; }
p.Text11 { color: #000000; font-size: 7pt; font-family: Verdana; }
p.Text12 { color: #000000; font-size: 10pt; font-family: Verdana; }

p.Text8 
{       color: #000000; 
        font-size: 10pt; 
        font-family: Verdana; 
        background:#f4c469; 
        padding: 5px; 
        border-width: 1px; 
        border-style: solid; 
        border-color: #de2709;}

p.Text9 
{       color: #e77009; 
        font-size: 12pt; 
        font-family: Verdana; 
        background:#e7e8d8; 
        padding: 5px; 
        border-width: 1px; 
        border-style: solid; 
        border-color: #9c9c9c; }

h1		
{       color: #000000; 
        font-size: 14pt; 
        font-family: Verdana; }

h2             
{       color: #e77009; 
        font-size: 12pt; 
        font-family: Verdana; }
		
h3             
{       color: #e77009; 
        font-size: 12pt; 
        font-family: Verdana;
		text-align: center; }

li      
{       color: #e77009; 
        font-size: 10pt; 
        font-family: Verdana;
        text-align: left;	}
		
li.news      
{       color: #e77009; 
        font-size: 10pt; 
        font-family: Verdana;
        text-align: left;	
		margin: .5em 0;  }
		
li.privacy      
{       color: #e77009; 
        font-size: 8pt; 
        font-family: Verdana;
        text-align: left;	
		margin: .5em 0;  }

li  span   { color: #000000; }

img.Border1 
{       border:2px solid #464646; 
        padding:1px; 
        background:#FFFFFF}
		
img.Border2
{       border: none;}
		
img.map
{		border-style: none;}

input
{		border: 1px solid #464646;}

a.areas:link {color: #e77009; font-size: 11pt; text-decoration: none; } 
a.areas:visited {color: #e77009; font-size: 11pt; text-decoration: none; } 
a.areas:hover {color: #e77009; font-size: 11pt; text-decoration: underline; } 
a.areas:active {color: #e77009; font-size: 11pt; }

a.areas2:link {color: #e77009; font-size: 10pt; text-decoration: none; } 
a.areas2:visited {color: #e77009; font-size: 10pt; text-decoration: none; } 
a.areas2:hover {color: #e77009; font-size: 10pt; text-decoration: underline; } 
a.areas2:active {color: #e77009; font-size: 10pt; }

a.gmap:link {color: #000000; font-size: 10pt; text-decoration: none; } 
a.gmap:visited {color: #000000; font-size: 10pt; text-decoration: none; } 
a.gmap:hover {color: #000000; font-size: 10pt; text-decoration: underline; } 
a.gmap:active {color: #000000; font-size: 10pt; }

a.news:link {color: 2a0ed5; text-decoration: none; } 
a.news:visited {color: 2a0ed5; text-decoration: none; } 
a.news:hover {color: 2a0ed5; text-decoration: underline; } 
a.news:active {color: 2a0ed5; }

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px Sans-Serif}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 95px;
	background: #49A3FF;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #1252B2}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

#lightbox
{	position: absolute;	
        left: 0; 
        width: 100%; 
        z-index: 100; 
        text-align: center; 
        line-height: 0; }

#lightbox img
{       width: auto; 
        height: auto; }

#lightbox a img
{       border: none; }

#outerImageContainer
{       position: relative; 
        background-color: #ffffff; 
        width: 450px; 
        height: 450px; 
        margin: 0 auto; }

#imageContainer
{       padding: 10px; }

#loading
{       position: absolute; 
        top: 40%; 
        left: 0%; 
        height: 25%; 
        width: 100%; 
        text-align: center; 
        line-height: 0; }

#hoverNav
{       position: absolute; 
        top: 0; 
        left: 0; 
        height: 100%; 
        width: 100%; 
        z-index: 10; }

        #imageContainer>#hoverNav{ left: 0;}

        #hoverNav a{ outline: none;}

#prevLink, #nextLink
{       width: 49%; 
        height: 100%; 
        background-image: url(data:image/gif;base64,AAAA); 
        /* Trick IE into showing hover */ 
        display: block; }

#prevLink 
{       left: 0; 
        float: left;}

#nextLink 
{       right: 0; 
        float: right;}

#prevLink:hover, #prevLink:visited:hover 
{       background: url(prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover 
{       background: url(nextlabel.gif) right 15% no-repeat; }

#imageDataContainer
{       font: 10px Verdana, Helvetica, sans-serif; 
        background-color: #fff; 
        margin: 0 auto; 
        line-height: 1.4em; 
        overflow: auto; 
        width: 100%; }

#imageData
{	padding:0 10px; 
        color: #666; }

#imageData #imageDetails
{       width: 70%; 
        float: left; 
        text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay
{       display: block; 
        clear: left; 
        padding-bottom: 1.0em;	}			

#imageData #bottomNavClose
{       width: 66px; 
        float: right;  
        padding-bottom: 0.7em; 
        outline: none; }	 	

#overlay
{       position: absolute; 
        top: 0; 
        left: 0; 
        z-index: 90; 
        width: 100%; 
        height: 500px; 
        background-color: #000; }