/***************************************************************************************************************************************************** */
/* Funworld Leisure Ltd                           **************************************************************************************************** */
/* Toltech Internet Solutions: 07 / 04 / 2008     **************************************************************************************************** */
/* Last Updated: 29 / 04 / 2008                   **************************************************************************************************** */
/***************************************************************************************************************************************************** */


/***************************************************************************************************************************************************** */
/* Body Style       ********************************************************************************************************************************** */
/***************************************************************************************************************************************************** */

body {
	font: 11px verdana, arial, sans-serif;
	line-height: 16px;
	color: #4F4F4F;
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color:#ffffff;
	/*background-image:url(images/header-bg.jpg);
	background-repeat:repeat-x;*/
	}
	
/***************************************************************************************************************************************************** */
/* Heading and paragraph styles       **************************************************************************************************************** */
/***************************************************************************************************************************************************** */

h1 {height: 20px; margin: 0px 0px 0px 0px;padding: 5px 0px 10px 0px;font: normal 20px verdana, sans-serif;color:#FF0000;/* background-color:#eceaea;*/}
h4 {height: 25px;width:140px;margin: 0px 0px 0px -10px;padding: 5px 0px 0px 10px;font: normal 18px arial, verdana, sans-serif;color: #ffffff;background-color:#154D7C;}
h2 {margin: 3px 0px 3px 0px;font: bold 20px arial, verdana, sans-serif;color: #ffffff; text-decoration:none;}
h3 {height: 20px;margin: 0px 0px 0px 0px;padding: 10px 0px 10px 10px;font: bold 16px arial, verdana, sans-serif;color: #3d5293;width:540px;border-top: 3px double #4e64a9;border-bottom: 3px double #4e64a9;}

p{font-size:12px;color:#333333;font-family:Verdana, Arial, Helvetica, sans-serif;}
		
/***************************************************************************************************************************************************** */
/* Link Styles              ************************************************************************************************************************** */
/***************************************************************************************************************************************************** */

a {font-family:Verdana, Arial, Helvetica, sans-serif; color:#66CCFF;}
a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#00ccff;}
a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; color:#66CCFF;}

/***************************************************************************************************************************************************** */
/* Image Styles             ************************************************************************************************************************** */
/***************************************************************************************************************************************************** */

img {border: none;}
/*img {border: none;padding-left:5px;}*/
img.right {float:right;margin:2px 0px 10px 10px; border:0px solid #006699;}
img.left {float:left;margin-top: 0px;margin-right: 10px;margin-bottom: 10px;margin-left: 0px;}
img.flushleft {margin-left:-20px;}
img.flushright {margin-right:-20px;}
img.sitRight {float:right;padding:0px; margin:0px;}
img.sitLeft {float:left; padding:0px; margin:0px;}
.sitLeftContact {float:left; padding-left:30px; margin:0px; width:190px;}

/***************************************************************************************************************************************************** */
/* List Styles              ************************************************************************************************************************** */
/***************************************************************************************************************************************************** */

ul {color:#333333;list-style-type: none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
ul li {	padding: 0px 0px 5px 10px;background: url(../images/bullet.jpg) no-repeat left;font-size:12px;}
		
/***************************************************************************************************************************************************** */
/* Individual font styles                ************************************************************************************************************* */
/***************************************************************************************************************************************************** */

.clear {clear: both;background-color:#bb030d;height: 1px; width:724px;}
.clear1 {clear: both;background-color:#ffffff;height: 1px; width:400px;}
.firstParagraph {font: bold 13px verdana, arial, sans-serif;line-height: 18px;}
.blueText {color: #3d5293;font-weight:bolder;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif; /*border-bottom:1px solid #eceaea; width:120px;*/}
.blueTextBig {color: #3d5293;font-weight:bolder;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; /*border-bottom:1px solid #eceaea; width:120px;*/}

.hidden{ display:none;}
.telephone{font-size:16px; font-weight:bold; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}
.heading2 { background-image:url(../images/heading2bg.jpg); height:40px; background-repeat:no-repeat; width:190px;border-bottom:1px solid #ffffff; border-top:4px solid #ffffff;}
.redText {color:#CC0000;}
/**************************************************************************************************************************************************** */
/* Table Styles             ************************************************************************************************************************* */
/**************************************************************************************************************************************************** */

/*** Table Framvework ***/	
#holdTable{width:400px;}
td {vertical-align: top;}	

/*** Formatted Table ***/	
.formattedTable {border: 2px solid #154D7C; width: 400px;background-color:#e5e9f8;margin:0px 0px 0px 50px;}
.formattedTable th {background-color: #3D8DB8;font: bold 13px arial, verdana, sans-serif;color: #ffffff;vertical-align: top;}	
.formattedTable .lightGrey {background-color: #EFEFEF;}
.formattedTable .darkGrey {background-color: #EEEEEE;}
.formattedTable .WHITE {background-color: #FFFFFF;}
.formattedTableMenu {border: 2px solid #154D7C;width: 400px;background-color:#e5e9f8;margin:0px 0px 0px 0px;}
.formattedTableMenu .Header {background-color:#d0d4e2; text-align:center;}
.lightBlue {background-color:#D8E2FE;}
.lightBlue div:hover {background-color:#cfd8f3;}
.normalRow {background-color:white;}
.normalRow div:hover {background-color:#e4e4e4;}
.darkBlue {background-color:#A8C5F4;}
.darkBlueHeading {background-color:#A8C5F4; padding:5px; line-height:25px; width:260px; font-size:14px;}
.darkBlueAd{ background-color:#B7D2FB; width:225px; height:30px; border:1px solid #154d7c; float:left; padding:5px; margin-bottom:5px;}
.darkBlueAd1{ background-color:#B7D2FB; width:225px; height:150px; border:1px solid #154d7c; float:left; padding:5px; margin-bottom:5px; margin-right:5px;}

/*** Formatted Table for Events ***/
.formattedTableEvents {border: 2px solid #154D7C;width: 550px;background-color:#e5e9f8;margin:0px 0px 0px 0px;}
.formattedTableEvents th {background-color: #3D8DB8;font: bold 13px arial, verdana, sans-serif;color: #ffffff;vertical-align: top;}
.formattedTableEvents .lightGrey {background-color: #EFEFEF;}
.formattedTableEvents .darkGrey {background-color: #EEEEEE;}
.formattedTableEvents .WHITE {background-color: #FFFFFF;}

/*** Formatted Events ***/	
.findUs {border: 2px solid #154D7C;width: 301px;background-color:#e5e9f8;margin:0px 0px 0px 10px;font: 12px verdana, sans-serif;}
.featuredContent {border: 1px solid #154D7C;width: 450px;/*background-color:#e5e9f8;*/ background-color:#DDE3FF; text-align:center;margin:0px 0px 0px 10px; padding:10px 10px 10px 10px;font: 12px verdana, sans-serif;}
.featuredContent1 {border: 1px solid #154D7C;width: 200px; height:150px; float:left;/*background-color:#e5e9f8;*/ background-color:#DDE3FF; margin:0px 0px 0px 10px; padding:10px 10px 10px 10px;font: 12px verdana, sans-serif;}
.featured {border-right: 1px solid #c8c8c8;width: 130px; height:150px; float:left;/*background-color:#e5e9f8; *//*background-color:#ffffff;*/ margin:0px 0px 0px 5px; padding:10px 10px 10px 10px;font: 12px verdana, sans-serif;}
.featured1 {/*border: 1px solid #154D7C;*/width: 310px; float:left;/*background-color:#e5e9f8;*/ /*background-color:#ffffff;*/ margin:0px 0px 0px 5px; padding:10px 10px 10px 10px;font: 12px verdana, sans-serif;}


/*** Hold googlemap together ***/
.googlemap{border: 2px solid #ffffff;padding-left:0px;width:150px;float:left;background-color:#ffffff;font: 11px verdana, sans-serif;}

/*** Hairline ***/
.separator { margin:0 -3px; padding:.4em 3px 0.5em 0; border-top:1px solid #c8c8c8;}
.separatorNoLine { margin:0 -3px; padding:.7em 3px 2em 0;}
.bigSeparator { margin:0 -3px; padding:.7em 3px 2em 0; height:10px;}
.separatorVer { padding: 0.7em  0 3px; height:150px; border-right:1px solid #c8c8c8; width:10px; }

.eventsTable {
	width:100%;
	border:1px solid #CCCCCC;
	background-color:#CCCCCC;
	text-align:left;
	}
	
.eventsTable .Header {
	background-color:#EEEEEE;
	text-align:center;
	}
	
.eventsTable td {
	vertical-align:middle;
	text-align:center;
	}
	
.eventsTable .colorRow {
	background-color:#D8E2FE;
	}
	
.eventsTable .normalRow {
	background-color:#FFFFFF;
	}
	
.cafeLink {
	text-align:center;
	color:#0066CC;
	font-weight:bold;
	text-decoration:underline;
	}
	
.cafeLink a {
	color:#CC0000;
	}
	
/**** Gary's Class Styles 05/06/08 ****/
.openingTimes {
	background-image:url(../images/openingbg.jpg);
	width:130px;
	height:150px;
	border-right: 1px solid #c8c8c8;
	width: 130px; 
	height:150px; 
	float:left;
	margin:0px 0px 0px 5px; 
	padding:10px 10px 0px 10px;
	font: 12px verdana, sans-serif;
	}

.subscribeTable {
	width:100%;
	border:1px solid #CCCCCC;
	background-color:#CCCCCC;
	text-align:left;
	}
	
.subscribeTable .Header {
	background-color:#EEEEEE;
	}
	
.subscribeTable td {
	vertical-align:middle;
	}
	
.subscribeTable .colorRow {
	background-color:#D8E2FE;
	}
	
.subscribeTable .normalRow {
	background-color:#FFFFFF;
	}
	
.lightboxSmallImage {
	width:210px;
	height:200px;
	border:2px solid #999999;
	text-align:center;
	vertical-align:middle;
	background-color:#D8E2FE;
	}
	
.smallGrey {
    color: #999999;
    font-size: 9px;
    }
/**************************************************************************************************************************************************** */
/* Main Contant Framework      ********************************************************************************************************************** */
/**************************************************************************************************************************************************** */

/*** Hold site ***/	
#holdIt{width:900px;margin: 0px auto 0px auto;padding:0px;	background-color:#ffffff;}
#holdItEvents{ width:150px;margin: 0px auto 0px auto;padding:10px;	background-color:#ffffff;}
#onecolumn {width:440px;padding-left:10px;float:left;}
#rightHolder{width:150px;padding-left:20px;float:left;}			
#mainHolder {width: 900px;background-color:#ffffff;float:left;padding:0px 0px 0px 0px;	/*border-right:3px solid #ffffff;border-left:3px solid #ffffff;*/}

/*** Title Holder ***/	
#title {
height:150px;
width:888px;
	background-image:url(../images/header-bg.jpg);
	background-repeat:repeat-x;
	border-bottom:1px solid #bb030d;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	
	}

/*** Menu Holder ***/	

#menuArea {
	float: left;
	width: 157px;
	margin-left: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 0px;
	}
	
#menuArea ul {color:#FF0000;list-style-type: none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;	}
#menuArea ul li {	padding: 0px 0px 10px 30px;	background: url(../images/bullet.jpg) no-repeat left top;	font-size:14px;	}
	
#menuArea a.navigation {
	color:#FF0000;
	background:url(../images/bullet.jpg) no-repeat left;
	text-decoration: none;
	display: block;
	font-size: 12pt;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 30px;
	font-weight:bold;
}
#menuArea a.navigation:visited {}
#menuArea a.navigation:hover {color: #09316f; background-image:url(../images/bullet-ro.jpg);}
#menuArea a.current {	
	background:url(../images/bullet-ro.jpg) no-repeat left;
	text-decoration: none;
	display: block;
	font-size: 12pt;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 30px;color: #09316f;
	font-weight:bold;}
	
#menuArea a.subNavigation {background-color: #ffffff; color: #bb030d; text-decoration: none; display: block; font-size: 10pt; padding: 3px 0px 2px 35px;background:url(../images/arrow.jpg) no-repeat; }
#menuArea a.subNavigation:visited {}
#menuArea a.subNavigation:hover {background-color: #ffffff; color:#09316f; background:url(../images/arrow-ro.jpg) no-repeat;}
#menuArea a.active {background-color: #ffffff; color: #09316f; background:url(../images/arrow-ro.jpg) no-repeat; text-decoration: none; display: block; font-size: 10pt; padding: 3px 0px 2px 35px; }
	

/*** Content Holder ***/	
#contentArea {float: left;width: 720px;padding:0px 0px 0px 0px;/*background-color:#09316f;*/ background-color:#ffffff; border-left:1px solid #eceaea;}

#contentArea ul {color:#00000;list-style-type: none;}
#contentArea ul li {padding: 0px 0px 5px 15px;background: url(../images/bullet-main.jpg) no-repeat;}
#contentArea .holdContent {float: left; width:715px;padding:0px 0px 0px 10px;background-color:#FFFFFF;}
#contentArea .twoColumnWhite {float:left; width:496px; padding:5px 10px 5px 10px; margin:0px; background-color:#FFFFFF; }
#contentArea .twoColumnWhite a{color:#6699FF;}
#contentArea .twoColumnWhite a:visited{color:#6699FF; }
#contentArea .twoColumnWhite a:hover{color:#3300FF;}
#contentArea .holdFadingImages {float:left; padding:0px 10px 0px 10px; margin:0px; background-color:#FFFFFF; }
#contentArea .twoColumnBlue {float:right; width:190px; padding:0px 0px 0px 0px; background-color:#09316f; color:#FFFFFF;/*border-left:3px double #000930;*/}
#contentArea .twoColumnBlue .holdIt {float:right; width:165px; padding:0px 10px 0px 15px; background-color:#09316f; color:#FFFFFF;}




/**************************************************************************************************************************************************** */
/* Footer     *************************************************************************************************************************************** */
/**************************************************************************************************************************************************** */

#footerArea {
	clear: both;
	font-size: 10px;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	height:73px;
	width:878px;
	/*background-repeat: no-repeat;
	background-color:#bb030d;
	border-top:1px solid #eceaea;*/
	background-image:url(../images/footer-pic.jpg);
	background-repeat:no-repeat;
	}
.footerContent {
	clear: both;
	font-size: 10px;
	color: #333333;
	margin:1px 0px 0px 0px;
	padding: 10px 0px 12px 10px;
	height:60px;
	width:760px;
	float:right;
	background-color:#bb030d;
	}
	
/*** Footer Links ***/		
#footerArea a {color: #333333; text-decoration: none; float: right; padding:0px 10px 0px 0px;}
#footerArea a:visited {color: #333333;}
#footerArea a:hover {color:#000000; text-decoration: underline;}
#footerArea .copyright {float:left;margin:0px; padding:0px; color:#FFFFFF;}
#footerArea .toltechLink a{float:right;margin:0px; padding:0px 10px 0px 0px; color:#FFFFFF;}
