* html ul li a {
   height:1em;}

* {padding: 0; margin: 0;}

body  {
	font: 11px arial;
	background-color: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	text-align:justify;
	list-style:none;
	background-image: url(/CssImages/centerpane_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	}
	
	body h1, h2, h3, h4 p{
	color: #333333;
    text-align:left;
	}

/*---floats---*/

.float-left {
	float: left;
}

.float-right {
	float: right;
}
    
a{text-decoration: none; color:#333399;}
a:visited {text-decoration: none; colour:#333333;}
a:active {text-decoration: none;colour:white;}
a:hover {font-size:24; color: #666666;}

#maincontainer {
width: 998px;
margin: 0 auto;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
border-left:1px solid #999;
border-right:1px solid #999;
}

#maincontainer p{
color:#333;
}


#Header {
width: 998px;
height: 140px;

}

.mainmenu{
width: 996px;
height: 50px;
background-color:#FFFFFF;
margin-top: 27px;
margin-bottom: 20px;
background:transparent url(/CSSImages/menu_bg.jpg) repeat scroll 0 0;
border:1px solid #E4E4E4;
}

.sitemenu{
width: 1000px;
height: 50px;
background-color:#FFFFFF;
margin-top: 10px;
margin-bottom: 10px;
}

.mainmenusite{
width: 1000px;
height: 40px;
background-color:#FFFFFF;
margin-top: 10px;
margin-bottom: 10px;
}

#content{
width: 1000px;
background: 
}

#leftpane{
width: 200px;
float: left;
display:inline;
margin-right: 0px;
}



#centerpane{
width: 580px;
margin-bottom: 20px;
margin-left: 6px;
margin-right: 2px;
float:left;
font: arial;
border:#CCCCCC 1px solid;
display:inline;
}

#centerpane2{
width: 570px;
margin-bottom: 20px;
margin-left: 6px;
margin-right: 2px;
float:left;
font: arial;
border:#CCCCCC 1px solid;
display:inline;
}

#centerpane3{
width: 580px;
margin-bottom: 20px;
margin-left: 14px;
margin-right: 2px;
float:left;
font: arial;
border:#CCCCCC 1px solid;
display:inline;
}

#centerpane h1{
font:Arial, Helvetica, sans-serif;
font-size:33px;
color:#333399;
padding:10px;
font-weight:100;
text-align:center;
}

#centerpane h2{
font-size: 20px;
}

#centerpane p{
}

.sitebox{
width: 300px;
float:left;
text-align: left;
}

.sitebox img{
float: left;
margin-left: 10px;
padding: 3px;
}

.sitebox h3, h4{
float: left;
margin-left: 10px;
}

.sitebox p{
float: right;
margin-left: 5px;
}



#rightpane{
width: 200px;
float: right;
}

.bluebox{
width: 190px;
background: #333399;
margin-left:10px;

}

.bluebox h1, h2, h3, h4, p{
font: verdana;
line-height:14px;
}

.box{
width: 200px;
}

.box p{
color: #333;
padding: 5px;
}

.bluboxtop{
width:200px;
float:left;
background-color:#ffffff;
}

.bluboxbottom{
width:200px;
float:left;
background-color:#ffffff;
}

.spacer{
width: 10px;
height:100%;
float: left;
}

.news{
background-colour: #333399;
width:180px;
}

.news img{
margin-top:10px;
border: #ffffff solid 2px;
}

.news p{
font-size: 12px;
margin-left:10px;
margin-right: 10px;
margin-top:5px;
color:#ffffff;
}

.footercurve{
width:1000px;
margin: 0 auto;
padding: 0px;
text-align: left;
}

#footer{
width: 996px;
height:50px;
background-image: url(/CSSImages/menu_bg.jpg);
border:1px solid #E4E4E4;
}

#footer p{
vertical-align:middle;
padding-top:18px;
font-size:1.2em;
font-family:arial, verdana, tahoma;
color:#333399;
}

#footer a:link {text-decoration: none; colour:#333399;}
#footer a:visited {text-decoration: none; colour:#333333;}
#footer a:active {text-decoration: none;colour:white;}
#footer a:hover {font-size:24; text-decoration:underline;color: ##333399;}

.clear{
clear:both;
}

.whitebox{
width: 200px;
background: #ffffff;
}

.whitebox h1, h2, h3, h4, p{
font: arial;
color:#333;
}

.whitebox h2{
padding: 5px;
}

.newsletter{
margin-top:10px;
margin-bottom:20px;
width: 198px;
float:left;
position:bottom;
}

.thurrock{
width: 260px;
float:left;
}



.adur{
width:260px;
float:right;
}
.adur img{
margin:10px;
float:left;
}

.innertube{
margin: 10px;
}

.clubsearch{
width:200px;
border-top:1px solid color:#CCCCCC;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;;
}

.enterimages{
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
    }
   
   .imagefloatleft{
   float:left;
   padding: 0 10px 40px 0;
   display:inline;
   }
   
   .imagefloatright{
   float:right;
   padding:0 0 10px 40px;
   display:inline;
   }
   
   .sites{
width: 40%px;
clear: left;
}

.sites .floatbox{
float: left;
width: 300px;
}

* html .sites p{ /* IE 3px jog hack*/
height: 1%;
}

.sites p{
margin-top: 0;
}

.subTitles {font-family:arial; font-size:11px; background-color:#C9DE8F; padding:5px 10px 5px 10px; color:#333333;margin-bottom:10px;}

.facilities {font-family:arial; font-size:11px; background-color:#666666; padding:5px 10px 5px 10px; border: 1px #ffffff dotted; color:#ffffff}

#maplink{
margin: 0 auto;
}

.w350leftfloat{
padding:10px;
width:230px;
float:left;
margin-right:10px;
}

.sitestext{
width:260px;
float:left;
}

.copyright{
margin:10px auto;
}

.copyright p{
text-align:center;
color:#273691;
font-size:12px;
}

.contactbox{
width:250px;
float:left;
}

#footer2{
float:left;
width: 996px;
height:50px;
background-image: url(/CSSImages/menu_bg.jpg);
border:1px solid #E4E4E4;
}

#footerleft {
float:left;
width: 846px;
height:50px;
}

#footerright {
float:left;
width:150px;
height:30px;
padding-top:10px;
padding-bottom:10px;
}

.newsmodule{
margin-left:10px;
border:1px solid #ccc;
}

.adrotator{
height:125px;
margin-bottom:30px;
}

.leftfloat_r10_b10{
float:left;
padding-right:10px;
padding-bottom:10px;
}

.leftfloat_r10_b20{
float:left;
padding-right:10px;
padding-bottom:20px;
}

.leftfloat_r10_b30{
float:left;
padding-right:10px;
padding-bottom:30px;
}

.leftfloat_r10_b40{
float:left;
padding-right:10px;
padding-bottom:40px;
}

.rightfloat_l10_b10{
float:right;
padding-left:10px;
padding-bottom:10px;
}

.rightfloat_l10_b20{
float:right;
padding-left:10px;
padding-bottom:20px;
}

.rightfloat_l10_b30{
float:right;
padding-left:10px;
padding-bottom:30px;
}

.rightfloat_l10_b40{
float:right;
padding-left:10px;
padding-bottom:40px;
}

/* coda slider */

#slider {
    width: 500px;
    margin: 0 auto;
    position: relative;
}

#slider2 {
    width: 500px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 80px;
    width: 500px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #ffffff;
}

.scrollContainer div.panel {
    padding: 0px;
    height: 80px;
    width: 500px;
}

.hide {
    display: none;
}

#halloween-bg {
	width: 560px;
    height:350px;
    background:#000;
}
#360tours-outterdiv {
    float:left;
    width:108px;
    padding:17px;
    }