@charset "utf-8";


body {
	font-size: 80%;
	margin:0px;

	font-family: Tahoma, Verdana, Arial;
	background: #e7f2f3;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: left top;
	overflow-x:hidden;
}
 h1 {
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006699;font-size:150%;
}

#nav #main #leftcol #eventselect form#eventselect {
	width: 250px;
	float: right;
}
#nav #main #leftcol #eventselect form#eventselect select{
	width: 254px;
	
}


#logged-in {
	margin-left:30px;
	margin-top:0;
	}
	
#logged-in a {
	color:#000;
	}
	
#logged-in a:hover {
	color:#c00;
	}

#topwrap{
	width:100%;
	margin:0px 0px 0px;
	height: 100px;
}

#topwrap #top{
	width:780px;
	height:100px;
	margin-right:auto;
	margin-left:auto;
	background-color: #FFFFFF;
}

#topwrap #top #logo{width:120px;width:100px;float:left;margin-left:20px;margin-top:20px}

#topwrap #top #login form{
display:inline;
margin-left:20px;

}
#topwrap #top #login{
	width:400px;
	height:35px;
	float:right;
	padding-top:10px;
	background-color: #FFFFFF;
	margin-right:20px;
	background: url(../images/login.gif) no-repeat #5e8dbc;
	background-position: left bottom;
}

#topwrap #top #login input {
	width: 100px;
}
#topwrap #top #login input.button {
	width: 60px;
	background-color: #7D9BE3;
	border: 2px solid #FFFFFF;
	background-image: url(../images/button.gif);
	background-position: left top;
	color:#fff;
	font-weight:bold;
	height:22px;
	font-size:75%;


}

#nav{
	width:780px;
	background-color: #FCFBFD;
	height: 55px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	margin-right:auto;
	margin-left:auto;
	background:#dce2f8;
	background-repeat: repeat-x;
	background-position: top;
}
#nav #inner{width:780px;height:51px;margin-right:auto;margin-left:auto; padding:5px 0px 0px;}
#nav #inner ul{
	float:left;
	padding:0px;margin-left:20px;margin-top:12px;font-size:110%;
}
#nav #inner ul li{display:inline;margin-right: 22px;font-weight: bold;}

#nav #inner ul li a{
	color: #333333;
	text-decoration: none;
}
#nav #inner ul li a:hover{
	color: #CC0000;
}

#nav #inner #basket{width:270px;float:right;margin-right:15px;margin-top:12px}
#nav #inner #basket a{color:#000000}
#nav #inner #basket a:hover{
	color:#CC0000
}

/* admin login version */
#nav #inner_admin{width:780px;height:51px;margin-right:auto;margin-left:auto; padding:5px 0px 0px;}
#nav #inner_admin ul{
	float:left;
	padding:0px;margin-left:20px;margin-top:12px;font-size:110%;
}
#nav #inner_admin ul li{display:inline;margin-right: 15px;font-weight: bold;}

#nav #inner_admin ul li a{
	color: #333333;
	text-decoration: none;
}
#nav #inner_admin ul li a:hover{
	color: #CC0000;
}
#nav #inner_admin #basket{width:200px;float:right;margin-right:15px;margin-top:12px}
#nav #inner_admin #basket a{color:#000000}
#nav #inner_admin #basket a:hover{
	color:#CC0000
}




#pic{
	width:780px;
	height:150px;
	margin-right:auto;
	margin-left:auto;
	background-color: #7D9BE3;
	/* Need to set this in the PHP file as calling from conf*/
	/*background-image: url(../images/18077_WR002624_IMG_00_0000.jpg); */
	background-repeat: no-repeat;
	
}

#main{
	width:780px;
	margin-right:auto;
	margin-left:auto;
	background-color: #FFFFFF;
}

#main #leftcol{
	width:370px;
	float:left;
	margin-left:20px;
	margin-bottom: 20px;
	padding-top: 22px;
}

#main #leftcol2{
	width:700px;
	float:left;
	margin-left:20px;
	margin-bottom: 20px;
	padding-top: 22px;
}


#main #leftcol3{
	width:470px;
	float:left;
	margin-left:20px;
	margin-bottom: 20px;
	padding-top: 22px;
}

hr{
	clear:both;
	border-top: 1px dashed #7B99E1;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}

/* LEFT COLUMN ONE */
/*========================= */
/* main forms booking etc*/
#message #leftcol{
	color: #990000;
	border: 1px solid #990000;
	padding:1em;
	margin-bottom:2em;
	background-image: url(../images/error.gif);
	background-repeat: repeat;
	background-position: left top;
}

#message2{
	color: #990000;
	width:500px;
	border: 1px solid #990000;
	padding:1em;
	margin-bottom:2em;
	background-image: url(../images/error.gif);
	background-repeat: repeat;
	background-position: left top;
}

#main #leftcol form hr{
	clear:both;
	border-top: 2px solid #999999;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}

#main #leftcol form{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top:1em;
	background-color: #f5f5f5;
	padding:5px;
	background-image: url(../images/formfade.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#main #leftcol form label{
	float:left;
	font-weight:normal;
	
	
}
#main #leftcol form h2{
	font-weight: bold;
	color: #333333;
	margin-top:2em;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	font-size:110%;
	position:relative;
}
#main #leftcol form input{
	float:right;
	width:130px;
	margin-bottom:5px;
	font-family: Tahoma, Verdana, Arial;
}
#main #leftcol form select{float:right;width:200px;margin-bottom:5px;

}
#main #leftcol form textarea{
	float:right;
	width:200px;
	margin-bottom:5px;
	font-family: Tahoma, Verdana, Arial;
	font-size:90%;
}
/* jibbed je 131008 - calendar was out of position in IE6
#rightcol3 select{width:250px;_width:320px;margin-bottom:5px;
*/
#rightcol3 select{width:250px;margin-bottom:5px;

}
#main #leftcol form input.button{
	width:230px;
	background-color: #7D9BE3;
	border: 2px solid #FFFFFF;
	background-image: url(../images/button.gif);
	color:#fff;
	background-position: left top;
	font-weight: bold;padding:2px;
}

/* forms end*/

#main #leftcol #leftcolumn{
	width:220px;
	float:left;
	margin-right:30px;
	margin-top:-42px;
	_margin-top:12px;
	margin-bottom:62px;
	padding:20px;
	background-color: #F3F4F8;
	background-image: url(../images/fade.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 90%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7D9BE3;
}
#main #leftcol #rightcolumn{
	width:220px;
	float:left;
	margin-top:-42px;
	_margin-top:12px;
	padding:20px;
	background-color: #F3F4F8;
	background-image: url(../images/fade.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 90%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7D9BE3;
}

#main #leftcol h2 {
	color: #333333;
}

#main #leftcol h2 a{
	color: #333333;
	text-decoration: none;
}

#main #leftcol h3 {
	width:100%;
	font-size:100%;
}

#main #leftcol h4 a{
	color: #333333;
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
}


#main #leftcol p{color: #666666;font-size:90%; margin-Top:-4px;
	
}
#main #leftcol a{
	color: #333333	
}
#main #leftcol p a.link{
	color: #000000;
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: left center;padding-left:11px;
}
#main #leftcol a:hover{
	color: #CC0000;	
}


/* END LEFT COLUMN ONE */



/* LEFT COLUMN TWO */
/*========================= */
/* main forms booking etc*/
#message{
	color: #990000;
	border: 1px solid #990000;
	padding:1em;
	margin-bottom:2em;
	background-image: url(../images/error.gif);
	background-repeat: repeat;
	background-position: left top;
}

#main #leftcol2 form hr{
	clear:both;
	border-top: 2px solid #999999;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;}



#main #leftcol2 form{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top:1em;
	background-color: #f5f5f5;
	padding:5px;
	background-image: url(../images/formfade.gif);
	background-repeat: repeat-x;
	background-position: left top;
}



#main #leftcol2 form label{
	float:left;
	font-weight:normal;
}

#main #leftcol2 form h2{
	font-weight: bold;
	color: #333333;
	margin-top:2em;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	border-bottom-style: solid;font-size:110%;position:relative;
}

#main #leftcol2 form input{
	float:right;
	width:250px;
	margin-bottom:5px;
	font-family: Tahoma, Verdana, Arial;
}

#main #leftcol2 form select{float:right;width:254px;margin-bottom:5px;
}

#main #leftcol2 form textarea{
	float:right;
	width:250px;
	margin-bottom:5px;
	font-family: Tahoma, Verdana, Arial;
	font-size:90%;
}

#rightcol select{width:350px;_width:320px;margin-bottom:5px;
}

#main #leftcol2 form input.button{
	width:230px;
	background-color: #7D9BE3;
	border: 2px solid #FFFFFF;
	background-image: url(../images/button.gif);
	color:#fff;
	background-position: left top;
	font-weight: bold;padding:2px;
}

#main #leftcol2 form input.button_small{
	width:80px;
	background-color: #7D9BE3;
	border: 2px solid #FFFFFF;
	background-image: url(../images/button.gif);
	color:#fff;
	background-position: left top;
	font-weight: bold;padding:2px;
}


/* forms end*/

#main #leftcol2 #leftcolumn{
	width:220px;
	float:left;
	margin-right:30px;
	margin-top:-42px;
	_margin-top:12px;
	margin-bottom:62px;
	padding:20px;
	background-color: #F3F4F8;
	background-image: url(../images/fade.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 90%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7D9BE3;
}
#main #leftcol2 #rightcolumn{
	width:220px;
	float:left;
	margin-top:-42px;
	_margin-top:12px;
	padding:20px;
	background-color: #F3F4F8;
	background-image: url(../images/fade.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 90%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7D9BE3;
}

#main #leftcol2 h2 {
	color: #333333;

}
#main #leftcol2 h3 {
	width:100%;
	font-size:100%;
}
#main #leftcol2 p{color: #666666;font-size:90%; margin-Top:-4px;
	
}
#main #leftcol2 a{
	color: #333333	
}
#main #leftcol2 p a.link{
	color: #000000;
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: left center;padding-left:11px;
}
#main #leftcol2 a:hover{
	color: #CC0000;	
}




/* END LEFT COLUMN TWO */


/* LEFT COLUMN THREE*/
/*========================= */
/* main forms booking etc*/
#message{
	color: #990000;
	border: 1px solid #990000;
	padding:1em;
	margin-bottom:2em;
	background-image: url(../images/error.gif);
	background-repeat: repeat;
	background-position: left top;
}
#main #leftcol3 form hr{	clear:both;
	border-top: 2px solid #999999;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;}

#main #leftcol3 form{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top:1em;
	background-color: #f5f5f5;
	padding:5px;
	background-image: url(../images/formfade.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#main #leftcol3 form label{
	float:left;
	font-weight:normal;
	
	
}
#main #leftcol3 form h2{
	font-weight: bold;
	color: #333333;
	margin-top:2em;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
	border-bottom-style: solid;font-size:110%;position:relative;
}
#main #leftcol3 form input{float:right;width:250px;margin-bottom:5px;

}
#main #leftcol3 form select{float:right;width:254px;margin-bottom:5px;

}
#main #leftcol3 form textarea{float:right;width:250px;margin-bottom:5px;

}

#rightcol select{width:350px;_width:320px;margin-bottom:5px;

}
#main #leftcol3 form input.button{
	width:230px;
	background-color: #7D9BE3;
	border: 2px solid #FFFFFF;
	background-image: url(../images/button.gif);
	color:#fff;
	background-position: left top;
	font-weight: bold;padding:2px;
}

/* forms end*/

#main #leftcol3 #leftcolumn{
	width:220px;
	float:left;
	margin-right:30px;
	margin-top:-42px;
	_margin-top:12px;
	margin-bottom:62px;
	padding:20px;
	background-color: #F3F4F8;
	background-image: url(../images/fade.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 90%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7D9BE3;
}
#main #leftcol3 #rightcolumn{
	width:220px;
	float:left;
	margin-top:-42px;
	_margin-top:12px;
	padding:20px;
	background-color: #F3F4F8;
	background-image: url(../images/fade.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 90%;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #7D9BE3;
}

#main #leftcol3 h2 {
	color: #333333;

}
#main #leftcol3 h3 {
	width:100%;
	font-size:100%;
}
#main #leftcol3 p{color: #666666;font-size:90%; margin-Top:-4px;
	
}
#main #leftcol3 a{
	color: #333333	
}
#main #leftcol3 p a.link{
	color: #000000;
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: left center;padding-left:11px;
}
#main #leftcol3 a:hover{
	color: #CC0000;	
}

/* END LEFT COLUMN THREE */
/* jibbed je 131008 - rightcol text was out of position in IE6
#main #rightcol{width:350px;_width:380px; float:left;margin-left:20px;text-size:120%;}
*/
#main #rightcol{width:350px; float:left;margin-left:20px;text-size:120%;}
#main #rightcol2{width:0px;_width:0px; float:left;margin-left:20px;text-size:120%;}
/* jibbed je 131008 - calendar was out of position in IE6
#main #rightcol3{width:250px;_width:280px; float:left;margin-left:20px;text-size:120%;}
*/
#main #rightcol3{width:250px;float:left;margin-left:20px;text-size:120%;}
#main #rightcolhome{width:440px;_width:380px; float:left;margin-left:-90px;text-size:120%;}

#footer{
	width:760px;
	height:25px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:4em;
	padding-left:20px;
	padding-top:12px;
	background-image: url(../images/footer_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;font-size: 90%;
}
#footer a{
	color:#333333
}
#footer a:hover{
color:#CC0000;
}
.clr{clear:both;}
h2 {
	color: #004990;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7D9BE3;
}
h4 {
	color: #004990;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7D9BE3;
}
/*calendar*/
a {
	color: #DF9496;
}

#calendar {
	width: 250px;_width: 220px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #A2ADBC;
	font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	text-align: center;
	background-color: #fff;
	
}

#calendar .nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	


#calendar caption {
	margin: 0;
	padding: 0;
	width: 250px;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}


#calendar caption a {
	margin: 0;
	padding: 0;
	width: 350px;
	background: #A2ADBC;
	color: #fff;	 
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

#calendar th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}

#calendar .today, td.today a, td.today a:link, td.today a:visited {
	color: #F6F4DA;
	font-weight: bold;
	background: #DF9496;
}

#calendar td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 50px;
	height: 20px;
	text-align: center;
}

.none {
	background:none;
	border:none;
	}
#calender td:hover {
	background: #f7efef;
	}

#calendar td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	text-align:center;
}

td a:link, td a:visited {	
	color: #608194;
	background: url(images/bg_calendar.gif) no-repeat;
}

#calendar td a:hover, td a:active {
	display:block;
	color: #6aa3ae;
	background: #f7efef;
}
/*archive*/


ul#archive  {
	float:left;
	padding:0px;
	margin-top:12px;
	margin-left:0px;
	margin-bottom:12px;
	font-size:100%;
	line-height:25px;
}
ul#archive li{
	display:inline;
	font-weight: bold;
	width:350px;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
ul#archive li a{
	color: #333333;
	text-decoration: none;
}
ul#archive li a:hover{
	color: #CC0000;
}
/*basket*/

#check {
	width: 100%;
	padding: 0;
	margin: 2em 0;
	color: #616B76;
	background-color: #fff;	
}


#check th {
	color: #333333;
	background: #D9E2E1;
	border: 1px solid #A2ADBC;
	padding-top:5px;
	padding-bottom:5px;
	
}

#item {
	height:20px;
	background:#f00;
	}

#check td {
	background: #f2f2f3;
	padding:5px;
}

#check td a {
	text-decoration: none;
	font-weight: bold;
	display: block;color: #333333;
	padding:0;
}

#check td a:hover {
	text-decoration: none;
	font-weight: bold;
	display: block;color: #ff0000;
}





.button-small {
	width: 20px;
	background-color: #7D9BE3;
	border: 2px solid #FFFFFF;
	background-image: url(../images/button.gif);
	background-position: left top;
}
form .none{
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	border: 0px none #FFFFFF;

}

#formWrap {
	width:780px;
	margin:auto;
	position:relative;
	padding:10px;
}

#formLeft {
	width:250px;
	float:left;
	padding:10px;
}

#formRight {
	position:relative;
	margin-left:350px;
	width:250px
}