/*NB make sure that .imagebox is changed to #imagebox as this seems to help the left nav work properly*/
/*Check that it still works on the main site after it has been changed*/

body {
	margin:0px;
	padding:0px;
	font: 70% Verdana, Helvetica, Tahoma, Arial, sans-serif, "Trebuchet MS Bold";
	background-image: url(../images/thekeay/template/leftbg.gif);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #FFFFFF;
	}
	
#content p {
	font-size: 1em;
	margin: 0 0 1.2em 0;
	line-height: 150%;
}
	
p {font-size: 1em;}
h1,h2,h3,h4 { margin: 0.4em 0 0.75em 0 }
h1 {	font-size:2em; }
h2 {	font-size:1.5em; }
h3 {	font-size:1.3em; }
		
#wrapper {width: 1000px;}

#header {
	margin:0px;
	padding:0px;
	height: 180px;
	background-image: url(../images/thekeay/template/banner0.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#leftnav {
	float:left;
	width:200px;
	margin:0;
	padding:0;

	}
		
#right {
	float:right;
	width:170px;
	margin: 0px;
	/*border-top: 1px solid #66CCCC;
	border-left: 1px solid #66CCCC;*/
	background-color: #FFFFFF;
	}
		
#content {
	margin:0 190px 0 200px;
	padding: 10px 10px 10px 15px;
	}


.column-in {margin:0; padding: 0px 5px 10px 10px;}
		
.bottomcleaner, .topcleaner {
	clear:both;
	height:0px;
	font-size:0px;
	border:none;
	margin:0px; 
	padding:0px;
	background:transparent;
	}

a { color:#006666 }
	
#footer{
	margin-bottom: 0px;
	background-color: #FFFFFF;
	text-align: center;
	font-size:90%;
	border-top-color: #66CCCC;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 10px;
	}
	
.imagebox {
	float: right;
	margin: 10px 0 10px 20px;
	}
	
.floatright {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	}
	
.leftad {
	margin: 10px 0px 10px 35px;
	}
	
.rightad {
	margin: 5px 0px 5px 0px;
	}
	
.slab {
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
	}
	
.slab2 {
	background-color: #CCFF00;
	font-size:120%;
	text-align: center;
	font-weight: bold;
	padding: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	}
	
.slab3 {
	background-color: #CCFF00;
	font-size:100%;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	display: block;
	margin: 3px 5px 3px 0;
	}
	
	












/*this is for the left nav*/
#nav {
/*	margin: -3px 0px 0px 20px;/*just ie?*/
	margin: 0px 0px 0px 23px;
	font: bold 100% verdana;
	}

	
ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 177px; /* Width of Menu Items */
	border-bottom: 1px solid #006666;
	}

ul li {position: relative;}
	
li ul {
	position: absolute;
	left: 176px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	/*background: #fff;  IE6 Bug */
	padding: 10px 5px 10px 15px;
	border: 1px solid #006666;
	border-left: 0px solid #006666;
	border-bottom: 0;	
	}

/*.homenav {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 3px 5px 3px 15px;
	border: 1px solid #006666;
	border-left: 0px solid #006666;
	border-top: 0px solid #006666;
	border-bottom: 0;	
	}*/

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #000000; background: #CCFF00; } /* Hover Styles */		
li ul li a { padding: 5px 5px 5px 15px; background: #FFFFFF; color: #006666;} /* Sub Menu Styles */
li ul li a:hover { padding: 5px 5px 5px 15px; background: #CCFF00; color: #000000;} /* Sub Menu Hover Styles */		
li:hover ul, li.over ul { display: block; } /* The magic */

.current { color: #000000; background: #CCFF00; } /* Hover Styles if current page */
	
	
/* The following is for the events table */
#events {
	background-color: #FFFFFF;
	border: 1px solid #000;
	padding: 10px;
	margin-top: 0px;
	}
	
.eventtabletabs {
	font-size: 1em;
	font-weight: bold;
	}

.eventtable {
	font-size: 1em;
	}
	
.ontab, .ontabend {
	background-image: url(../images/thekeay/tabs/tab_on.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #BED8D8;
	text-align: center;
	padding: 7px 15px 7px 10px;
	}
	
.offtab, .offtabend {
	background-image: url(../images/thekeay/tabs/tab_off.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #BED8D8;
	text-align: center;
	padding: 7px 15px 7px 10px;
	}
	
.ontabend {
	background-image: url(../images/thekeay/tabs/tab_on_end.gif);
	}
	
.offtabend {
	background-image: url(../images/thekeay/tabs/tab_off_end.gif);
	}
	
.ontab a, .ontabend a {
	color: #FFFFFF;
	text-decoration: none;	
	}
	
.offtab a, .offtabend a {
	text-decoration: none;	
	}
	
.offtab a:hover, .offtabend a:hover {
	color: #000000;
	text-decoration: underline;	
	background: #FFFF00;
	}
	
.eventtablehead
	{
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
.eventresultcell {
	margin: 0px;
	padding: 3px;
	background-color: #FFFFFF;
	}
	
.eventresultrow {
	border: 1px solid #ccc;
	}
	
.apology {	
	padding: 10px;
	font-size: 1.1em;
	color: #FFFFFF;
	font-weight: bold;
	}
	
.apology a {color: #FFFFFF;}
	
#ahem {
	display: none;
	}
	
.subnav, .breadcrumb {
	padding: 5px 0px 5px 0px;
	margin: 0px 0em 10px 0em;
	/*border-bottom: 1px dotted #bbb;*/
	text-align: left;
	font-weight: normal;
	font-size: 0.9em;
	}
	
.lastupdatedlink {
	padding: 2em 0em 0em 0em;
	font-size: 0.9em;
	color: #aaa;
	}

.boxoffice {
		font-weight: normal;
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 0px;
		width: 170px;
		}
		
.indent {/*indents text*/
		padding: 0px 50px 0px 1em;
		margin: 0px 0px 10px 0px;
		display: block;
		}
		
.return {/*back link*/
		margin: 0px 0px 10px 0px;
		display: block;
		}

.comingsoon {/*changes background colour on image in right col*/
	background-color: #DDDDDD;
	}

.nextshow {/*changes background colour on image in right col*/
	background-color: #CCFF00;
	}

.smallertext {
	font-size: 80%;
	}
	
.box {/*box to hold important text*/
	text-align: left; 
	margin: 10px 0px 10px 0;
	font-weight: bold;
	padding: 15px;
	background: #CCFF00;
	}
	
a img {border: 0;}
img {/*keeps ugly link borders off any images that are used as links*/
	border: 0px;	
	vertical-align: top;
}

span.printlink {
	margin: 0 0 20px 0;
	float: right;	
}
	
.introbox {
border-bottom:1px solid #DDDDDD;
height:auto;
margin:0 0 10px;
min-height:130px;
padding:0 10px 0 0;
}


.rightcaption {
/*used to float captions to the right, allowing
text to flow around the images. Use after the floatright class 
Width MUST be stated as a local style. This one has more margin below it*/
font-size: 90%;
float: right; 
margin: 3px 5px 5px 10px;
padding: 0px 0px 5px 0px;
color: #46494E;
text-align: right;
line-height: 120%;
}