/*
#############################################################################
Filename: EEBCmain.css
Description: Controls all styles and colours for the EEBC CMS2002 website
-
CSS created for Epson and Ewell Borough Council by Trinity Expert Systems plc
www.tesl.com
www.vcgdesign.co.uk
#############################################################################
*/



/*###### Include the Edit Console styles ######*/
@import url("EditConsole.css");
/*#############################################*/

/* Include the Placeholder and Dialogue styles */
@import url("Dialogues.css");
/*#############################################*/

/* Include the A-Z styles */
@import url("A-Z.css");
/*#############################################*/

/* Include the Sitemap styles */
@import url("Sitemap.css");
/*#############################################*/

/* Include the Search styles */
@import url("Search.css");
/*#############################################*/

/* Include the XMLForm styles */
@import url("XMLForm.css");
/*#############################################*/

/* Include Rss styles */
@import url("Rss.css");

/*#############################################*/
/* --- START define default browser styles --- */

.templatebody {
	/* Template Body - change font size % to resize ALL text on the site - default is 70% */
	font: normal 70% Arial, Helvetica, Sans-Serif, Tahoma;
	color: #000000;
	border: 0px;
	margin: 0px;
	padding: 0px;
	
}

a {
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #0051BA;
	text-decoration: none;
}

a:hover  {
	text-decoration: underline;
}

a:active, a:focus {
	background: #FFF24B;
	color: #3CA53C;
	text-decoration: none;
}

p {
	margin-top: 0px;
	padding-top: 0px;
	float:none;
}

h1, h2, h3, h4, h5, h6 {
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0.1em;
	color: #1EB53A;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1.0em;}

.bold {
	font-weight: bold;
}
img {
	margin:0px;
	padding:0px;
	border:0px;
	
}

address {
	font: normal 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
}

/* --- END define default browser styles --- */
/*###########################################*/


/*##############################################################################*/
/* --- START main page container styles. Required for correct layout in NN6 --- */
/* --- SECTIONCONTAINER01 = header --- */
/* --- SECTIONCONTAINER02 = main page area (menu, content etc...) --- */
/* --- SECTIONCONTAINER03 = footer --- */

.SECTIONCONTAINER01, .SECTIONCONTAINER02, .SECTIONCONTAINER03 {
	/*position: relative; - needed for NN7 or NN6?*/
	clear: both;
	width: 770px;
	float:left;
		
}


/* --- END main page container styles. --- */
/*##############################################################################*/


/*######################################*/
/* --- START header/toolbar styles --- */

.nostyle {
	/* only appears when css are turned off in the broswer */
	display: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

pre
{
	margin:0;
	padding:0;
}

.accToolbarLinks 
{
	float:left;
	width: 760px; 
	margin: 0px;
	padding: 3px 5px 9px 5px;
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #FFFFFF;
	background: url(../images/topbar.gif) repeat-x left bottom;
}


.accToolbarLinks a {
	color: #000;
	text-decoration: none;
}

.accToolbarLinks a:hover {
	text-decoration: underline;
}

.accToolbarLinks a:focus, .accToolbarLinks a:active {
	/*color: #137524;*/
	color: #000;
}
a.accToolbarLinksSkip {
	font-size:0.01em;
	position:absolute;
	left:-100px;
	top:-100px;
}

a.accToolbarLinksSkip:focus, a.accToolbarLinksSkip:active
{
	visibility:visible;
	color:#000;
	position:static;
	font-size:1em;
}


	
.seperatorHidden {
	color: #1EB53A;
}

.StyleLinks ul,
.StyleLinks ul li
{
	display:inline;
	list-style:none;
	
}

.StyleLinks ul
{
	float:left;
	margin:0;
	padding:0;
}

.QuickLinks
{
	float:right;
	padding-top:2px;
	
}

.QuickLinks a
{
	color:#333;
	font-size:1em; 
}

.QuickLinks span
{
	color:#333;
}


/* --- END header/toolbar styles --- */
/*###################################*/

/* ---start global classes --- */
/*###################################*/
.clear
{
	clear:both;
}

.hide
{
	display:none;
}
/*###################################*/
/* --- End global classes --- */

/*######################################*/
.AToZRedirect
{
	float:left;
	width:100%;
	
}

.AToZRedirect h2
{
	font-size:0.8em;
	text-align:right;
	color:#000;
	font-weight:bold;
}

.AToZRedirect ul
{
float:right;
padding:0;
width:180px;
* width:183px;
margin:0 0 7px 0;
list-style-type:none;
}


.AToZRedirect ul li a
{
text-decoration:none;
font-size:0.75em;
font-weight:bold;
color:#000;
}

.AToZRedirect ul li a:hover
{
	text-decoration:underline;
}

.AToZRedirect ul li {
width:0.95em;
line-height:0.5em;
float:left;
display:block;
margin: 0 0 0.1em 0.1em;
border:1px solid #DEDEDE;
text-align:center;
padding: 1px 0px 2px 0px;
}

/*######################################*/

/*######################################*/
/* --- START leftMenu styles --- */
.leftMenu {
	float: left;
	width: 190px;
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	margin-right:10px;
}
.SiteLogo {
	margin:5px 0 0 0;
	float:left;
}
.searchArea 
{
	float:left;
	width:100%;
}

.searchAreaLabel {
	font-size:0.01em;
	height:0.01em;
	width:0.01em;
	overflow:hidden;
	color:#fff;
	position:relative;
	left:-100px;
	float:left;
	/*display: block;*/
}
.EEBCSearchBox {
	font: normal 1.0em Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000000;
	float:left;
	margin:3px 0 0 10px;
	width:100px;
}

.menuSearchGoBtn {
	border: 0px;
	float:right;

}
.clearboth {
	clear:both;
}

.noScript {
	font: bold 1.0em Tahoma, Arial, Helvetica, Sans-Serif;
	color: #1EB53A;
	border: 0px;
	margin:0px;
}
.LeftNav {
	float:left;
	padding:8px 10px 13px 10px;
	margin:10px 0 0 5px;
	background: #E4F5E3;
	border:solid 1px #ccc;
	width:162px;
	
}
.LeftNav ul {
	margin:0px;
	padding:0px 0px 0px 0px;
}

.LeftNav li {
	margin:0px;
	padding:0px;
	list-style:none;
	
}
.LeftNav a {
	padding:0px;
	margin:0px;
	color: #333;
	text-decoration: none;
	display:inline;
	font-weight:normal;
	line-height:1.8em;
}
.LeftNav a:hover {
	text-decoration: none;
}



.LeftNav li a {
	position: relative;

}

.LeftNav .li1 	{display: none}

.LeftNav .li2 a {left: 0px;  }
.LeftNav .li3 a {left: 5px; font-weight: normal;  }
.LeftNav .li4 a {left: 10px; font-weight: normal;  }
.LeftNav .li5 a {left: 15px; font-weight: normal;  }
.LeftNav .li6 a {left: 20px; font-weight: normal;  }
.LeftNav .li7 a {left: 25px; font-weight: normal;  }
.LeftNav .li8 a {left: 30px; font-weight: normal;  }
.LeftNav .li9 a {margin-left: 35px; font-weight: normal; color: #E0F8E8; }

.li a:hover, .li2 a:hover, .li3 a:hover, .li4 a:hover, 
.li5 a:hover, .li6 a:hover, .li7 a:hover, .li8 a:hover, 
.li9 a:hover {
	/*display:block;
	width:100%;*/
}

.LeftNavSeperator {
	color: #1EB53A;
	display: none;
	font-size: 0.0001em;
	color: #F2EAF2;
	width: 1px;
	height: 1px;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.AddressSpacer
{
	clear:both;
	height:10px;
	margin:0;
	padding:0;

}

.AddressArea 
{
 margin:0 0 0 5px;
 * margin: 0 0 0 10px;
 border-left: solid 1px #ccc;
 border-right: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 /*can't float this ie 6 problem*/ 
 padding:0 0 8px 0;
 width:182px;
 clear:both;
}

div > .AddressArea 
{
	 margin:0 0 0 5px;
}

.AddressArea .AddressAreaMap  img
{
border:none;
clear:both;
}

.AddressArea h2
{
background:#dfdfdf url(../images/contactUsBg.jpg) repeat-x top left;
font-size:1.3em;
color:#666;
padding:4px 0 0 8px; 
margin-bottom:9px;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
height:1.5em;
}


.AddressArea .innerContainer
{
	margin:0 8px;
}

.AddressArea .telNo
{
	margin:30px 0;
}

.AddressArea .AddressAreaMap
{
	margin-right:10px;
	float:right;
	text-align:center;
	
}

.AddressArea .AddressAreaTitleTxtSmall, 
.AddressArea .AddressAreaBottom
{
	display:block;
}

.AddressArea  .AddressAreaTitleTxtSmall a
{
text-decoration:none;
}




.AddressArea .AddressAreaMap #AddressArea1_mapLinkAnchor 
{
text-decoration:none;
}

.AddressArea .AddressAreaBottom
{
float:left;

}

/* --- END LeftMenu styles --- */
/*###################################*/


/*###################################*/
/* --- START Main Area styles --- */
.mainAreaContainer {
	float: left;
	width: 570px;
	margin:0px;
	padding:0px;
	border:0px;
	overflow:hidden;
	* width:566px;
}

div > .mainAreaContainer
{
	width: 570px;
}

.mainAreaContainer_footer {
	float: left;
	/*width: 572px;*/
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
}

.mainAreaContainerSpacer {
	padding-top:10px;
}
.mainAreaCentralContainer {
	width: 372px;
	float: left;
	margin:0px;
	padding:0;
}
.mainAreaCentralContainer_noColumns {
	margin:0px;
	padding:0px 0px 0px 10px;
}
.mainAreaCentralContainer_noColumns img {
	margin:0px;
	padding:2px 2px 2px 2px;
}
.mainAreaCentralContainer_footer {
	margin:0px;
	padding:0px 0px 0px 10px;
}
.mainAreaCentralContainer_TwoColumn {
	width: 370px;
	float: left;
	margin:0px;
	padding:0px 10px 0px 10px;
	display:block;
}


.NewsAndEventsContainer, 
.OnlineServices,
.mainFeaturePH,
.ServiceContainer,
.UsefulLinks, 
.GoSearchForYouMyEpsom
{
	margin-bottom:15px;
}

.centralHeaderHome
{
	border-top:solid 1px #CBF0CB;
	padding:3px 10px 0 10px;
	border-bottom:solid 1px #A0E1A0;
	background:#CDF0CD url(../images/centralHeaderHomeBG.jpg) repeat-x left top;
	color:#666;
	font-size:1.3em;
	height:1.5em;
}

.ServiceContainer,
.NewsAndEventsContainer,
.DiscoverContainer
{
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	float:left;
	width:370px;
}

.OnlineServices,
.LocalServices
{
	float:left;
	width: 180px;
	margin:0;
	padding:0;
}

	


.serviceHeader {
	font: bold 1.3em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #1EB53A;
	background: #ffffff url("../images/border_bottom_dashed.gif") repeat-x left bottom;
	padding-bottom:5px;
}
.servicePH {
	padding:10px;
	text-align:center;
}

.servicePH p
{
	margin:0;
	padding:0 0 5px 0;
}

.NewsAndEventsContainer  
{
	position:relative;
}

.NewsAndEventsContainer .rssLink
{
	position:absolute;
	top:-4px;
	right: 64px;
	text-decoration:none;
	
}

.NewsAndEventsContainer .rssTextLink 
{
	text-decoration:none;
	color:#999;
	position:absolute;
	top: 6px;
	right: 4px;
}


.newsandeventsPH {
	padding:5px;
	text-align:left;
}
.newsandeventsPH img{
	padding-top:10px;
}
.NewsAndEventsListTitle, .NewsAndEventsListSeeMore, .UsefulLinksSeeMore {
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #0051BA;
	text-decoration: none;
}

.mainAreaCentralContainer_noColumns .NewsAndEventsListTitle
{
	margin-top:10px;
}



.NewsListItem
{
	margin-bottom:10px;
}

.NewsAndEventsListDescription
{
	color:#333;
}

.NewsAndEventsListSeeMore, .UsefulLinksSeeMore {
	text-align:right;
}


a.NewsAndEventsListTitle, a.NewsAndEventsListSeeMore, a.UsefulLinksSeeMore {
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #0051BA;
	text-decoration: none;
}

a.NewsAndEventsListTitle:hover, a.NewsAndEventsListSeeMore:hover, a.UsefulLinksSeeMore:hover {
	text-decoration: underline;
}

.NewsAndEventsListSeeMore a
{
	color:#666;
	text-decoration:none;
	padding: 0 0 0 2em;
	background:url(../images/chevron.gif) no-repeat 0em 0.4em;
}

.NewsAndEventsListSeeMore a:hover,
.UsefulLinks a.moreLinks:hover
{
	color:#333;
	text-decoration:none;
}


a.NewsAndEventsListTitle:active, a.NewsAndEventsListTitle:focus a.NewsAndEventsListSeeMore:active, a.NewsAndEventsListSeeMore:focus, a.UsefulLinksSeeMore:active, a.UsefulLinksSeeMore:focus {
	background: #137524;
	color: #ffffff;
	text-decoration: none;
}
.NewsAndEventsListDate {
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #333333;
}

.ServicesForYou 
{
	float:left;
}

#ServicesForYouEvents
{
	margin-top:5px;
}

.DiscoverContainer .discoverItem
{
	float:left;
	padding:0 0 5px 5px;
}

.DiscoverContainer .discoverItem img
{
	float:left;
	margin-right:5px;
}

.DiscoverContainer .ddTitle,
.DiscoverContainer .ddDescription
{
	display:inline;
}

.DiscoverContainer .ddTitle
{
	color: #003300;
	font-weight:bold;
}

.DiscoverContainer .ddDescription
{
	color:#333;
	font-weight:normal;
}

.DiscoverContainer .ServicesForYouLabel{
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #333333;
	padding-top:10px;
}
.DiscoverContainer .ServicesForYouSelect {
	font: normal 1.0em Tahoma, Arial, Helvetica, Sans-Serif;
	color: #000000;
	margin:5px 0 0 0;
	display:block;
	float:left;
	width: 265px;
	line-height:1.6em;
	
}

optgroup{
	font: bold 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #333333;
}



 .DiscoverContainer .ServicesForYouGoBtn {
	border: 0px;
	width: 24px;
	height: 23px;
	margin-left:5px;
}


.mainFeaturePH
{
	float:left;
}

.EpsomHome 
{
color:#666;
padding:10px 5px;
}



.EpsomHome h2
{
	font-size:1.0em;
	color:#3366CC;
	float:left;
}

.EpsomHome p
{
	clear:left;
}

.EpsomHome img
{
float:right;
}

/* ####### Right Column on Home Page ######### */
.mainAreaRightContainer
{
	width: 187px;
	* width:183px;
	float:left;
	text-align:left;
	/*borders need to be taken into account*/
	padding:0 0 0 11px;
	margin:0;
}

/*needed otherwise problem caused by xml form style sheet*/
html>body .mainAreaRightContainer

{
	width: 187px;
}

.mainAreaRightContainer_twoColumn
{
	padding:0;
	margin:0;
	width:150px;
	float:right;
}

.whatNew,
.GoSearchForYouMyEpsom,
.accessibility
{
	width:185px;
	* width:181px;
	overflow:hidden;
}

div > .whatNew,
div > .GoSearchForYouMyEpsom,
div > .accessibility
{
	width:185px;
}

.whatNew,
.accessibility,
.GoSearchForYouMyEpsom
{
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;

}

/*headers*/
.whatNew h2,
.accessibility h2,
.GoSearchForYouMyEpsom h2
{
	color:#666;
	font-size:1.1em;
	border-top:solid 1px #f3f3f3;
	border-bottom:solid 1px #cfcfcf;
	padding:3px 0 3px 10px;
	background:#dedede url(../images/headerRightBg.jpg) repeat-x top left;
}

.accessibility .innerContainer,
.GoSearchForYouMyEpsom .innerContainer
{
	padding:10px;
	float:left;

	
}

.accessibility p
{
	float:left;
	margin:0;

}

.GoSearchForYouMyEpsom .postcdEntry
{
	padding-top:5px;
}

.GoSearchForYouMyEpsom label
{
	color:#336600;
	float:left;
}

.GoSearchForYouMyEpsom .ServicesForYouSelect
{
	width:130px;
	float:left;
	margin: 2px 5px 0 0;
	* width:126px;

}

div > .GoSearchForYouMyEpsom .ServicesForYouSelect
{
	width:130px;
}

.GoSearchForYouMyEpsom .ServicesForYouGoBtn
{
	float:left;
	
	
}

.whatNew .WhatsNewItem
{
	padding:10px 0 0 10px;
}

.whatNew .WhatsNewItem a
{
	display:block;
	background: url(../images/WhatsNewArrow.gif) no-repeat 0 3px;
	padding-left: 20px;
}

.accessibility .innerContainer img
{
	float:left;
	margin-right:10px;
}



.UsefulLinks h2
{
	color:#666;
	font-size:1.3em;
}

.UsefulLinks p
{
	margin:5px 0 0 0;
}

.UsefulLinks .moreLinks
{
	display:block;
	float:right;
	color:#666;
	/*width:100%;*/
	padding:0 0 1em 2em;
	background:url(../images/chevron.gif) no-repeat 0em 0.4em;
}



.UsefulLinksPH {
	text-align:center;
}


.TestContainer {
	float:left;
}
.BreadcrumbContainer {
	padding:10px 0px 0px 10px;
	float:left;
	/*clear:both;*/
	width:98.3%;
}
.BreadcrumbContainer a {
}
.breadcrumbSplitter {
	padding:0px 5px 0px 5px;
	color:#333333;
	font: normal 1.0em Helvetica, Tahoma, Arial, Sans-Serif;
}
.pageTitle {
	font: bold 1.5em Tahoma, Arial, Helvetica, Sans-Serif;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom:5px;
	/*margin-bottom: 0.1em;*/
	margin-bottom: 10px;
	color: #1EB53A;
	vertical-align: bottom;
	background: #ffffff url("../images/border_bottom_dashed.gif") repeat-x left bottom;
}


/* ########################################## */
/* ##################### START FOOTER ########*/
.footerContainer {
width:760px;
background: url(../images/topbar.gif) repeat-x left top;
float:left;
margin-top:20px;
padding:10px 0 30px 0;
}

.footerL {
	font: normal 1.0em Arial, Helvetica, Sans-Serif;
	color: #333;
	float: left;
	padding-left:5px;
}

.footerL a
{
	color: #333;
}

.footerL span
{
	margin: 0 5px;
}

.footerR {
	font: normal 1.0em Arial, Helvetica, Sans-Serif;
	color: #666;
	float: right;
}
/* ################ END FOOTER ################ */
/* ########## START LIST/PUBLICATION ########## */
.ListContainer {
	padding:20px 0px 30px 0px;
}
.PublicationContainer {
	padding:0px;
}
.ListHeader, .PublicationHeader {
	font: bold 1.3em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #1EB53A;
	background: #ffffff url("../images/border_bottom_dashed.gif") repeat-x left bottom;
	padding-bottom:5px;
}
.ListItem {
	padding:10px 0px 0px 0px;
}
.PublicationItem {
	/*clear:both;*/
	padding:5px 0px 0px 0px;
}
.PublicationItemTitle {
	float: left;
	width:150px;
	font: bold 1.3em Arial, Helvetica, Sans-Serif, Tahoma;
	color: #1EB53A;
}
.PublicationItemContents {
	float: left;
	display:block;
	padding-top:2px;
	width:402px;
	/* Start Hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-top:3px; /* For IE 6.0 */
}
/* Opera, Netscape, Firefox and Opera */
html>body .PublicationItemContents {
	padding-top:2px;
}
 .PublicationSeperator {
 	height:10px;
 	clear:both;
	/*height:1.0em;*/
 	background: #ffffff url("../images/border_bottom_dashed.gif") repeat-x left bottom;
	/*border-bottom:1px solid #666666;*/
 }
.PublicationTitle {
 	font: bold 1.1em Arial, Helvetica, Sans-Serif, Tahoma;
	margin-top: 10px;
	padding-top: 0px;
	margin-bottom: 0.1em;
	color: #1EB53A;
}
/*########## Tree Control ###########*/
.treeContainer {}
.treeMainChannel {
	background: #F2F6FB;
	border-bottom: 1px solid #DDE6F4;
	padding:3px 5px 3px 10px;
}
.treeSubChannel1, .treeSubChannel2, .treeSubChannel3, 
.treeSubChannel4, .treeSubChannel5, .treeSubChannel6, 
.treeSubChannel7, .treeSubChannel8, .treeSubChannel9 {
	background: #F2F6FB;
	border-bottom: 1px solid #DDE6F4;
	padding:3px 5px 3px 10px;
	margin-left:10px;
}

.treeSubChannel1 {margin-left:10px;}
.treeSubChannel2 {margin-left:20px;}
.treeSubChannel3 {margin-left:30px;}
.treeSubChannel4 {margin-left:40px;}
.treeSubChannel5 {margin-left:50px;}
.treeSubChannel6 {margin-left:60px;}
.treeSubChannel7 {margin-left:70px;}
.treeSubChannel8 {margin-left:80px;}
.treeSubChannel9 {margin-left:90px;}
.treeOpenClose {
	padding-right:5px;
}
.treeFolder {
	padding-right:5px;
	position:relative;
	top:2px;
}
.treeDoc {
	padding-right:5px;
	position:relative;
	top:1px;
}
.treeItem  {
	background: #ffffff;
	border-bottom: 1px solid #DDE6F4;
	padding:3px 5px 3px 10px;
	/*margin-left:20px;*/
	padding-left:15px;
}
.treeItem1, .treeItem2, .treeItem3, 
.treeItem4, .treeItem5, .treeItem6, .treeItem7,
.treeItem8, .treeItem9  {
	background: #ffffff;
	border-bottom: 1px solid #DDE6F4;
	padding:3px 5px 3px 10px;
	margin-left:20px;
}
.treeItem a, .treeItem1 a, .treeItem2 a, .treeItem3 a, 
.treeItem4 a, .treeItem5 a, .treeItem6 a, .treeItem7 a,
.treeItem8 a, .treeItem9 a  {
	font: normal 1.0em Arial, Helvetica, Sans-Serif, Tahoma;
}
.treeItem1 {margin-left:30px;}
.treeItem2 {margin-left:40px;}
.treeItem3 {margin-left:50px;}
.treeItem4 {margin-left:60px;}
.treeItem5 {margin-left:70px;}
.treeItem6 {margin-left:80px;}
.treeItem7 {margin-left:90px;}
.treeItem8 {margin-left:100px;}
.treeItem9 {margin-left:110px;}
.TreeBreadcrumb {
	margin:10px 0px 20px 0px;
}
/*######## END Tree Control #########*/
/*####### START Accomodation  #######*/
.accomodationImage {
	float: right;
	padding: 0px 0px 10px 10px;
}
.accomodationLeft {
	float:left;
}
/*######## END Accomodation #########*/
/* SECPAY */

.secpay {

            text-align:center;

            font: bold 1.2em Arial, Helvetica, Sans-Serif, Tahoma;

}

.secpaynumber {

            font: bold 1.4em Arial, Helvetica, Sans-Serif, Tahoma;

            color: #1EB53A;

}

/*much of the epsom site currently has tables inserted into it. In order to still allow
users to position text and tables with the rad editor various attributes are substituted for
css classes*/
/*Table styles*/

/*border = 1 */
table.table1
{
	border:solid 1px #ccc;
}

.table1 td
{
	border:solid 1px #ccc;
}

/*border = 2 */
table.table2
{
	border:solid 2px #ccc;
}

.table2 td
{
	border:solid 2px #ccc;
}


/*align = right*/
table.tableright
{
	float:right;
}

/*align = left*/
table.tableleft
{
	float:left;
}


td
{
	
	text-align:left;
}
/*align = right*/
td.tdright
{
	text-align:right;
}
/*align = left*/
td.tdleft
{
	text-align:left;
}
/*align = center*/
td.tdcenter
{
	text-align:center;
}

/*substitutes for valigns*/
td.tdtop
{
	vertical-align:text-top;
}

td.tdbottom
{
	vertical-align:bottom;
}

td.tdmiddle
{
	vertical-align:middle;
}

/*image fixes*/
img.imgRight
{
	float:right;
}

img.imgright
{
	float:right;
}

img.imgLeft
{
	float:left;
}

img.imgleft
{
	float:left;
}

/*border substitutes*/
img.img1
{
	border:solid 1px #666;
}