body {
	font: 67.5% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	letter-spacing:0.1em;
	background: #5794cd;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color:#666666;
	background-image: url(/wb/media/graphics/page_back_blue_fade.jpg);
	background-repeat:repeat-x;
}
p, tr, td, tbody, ul, li, {
font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	letter-spacing:0.1em;
	color:#666666;
	}
	
a{
font: normal 105%;
padding: 5px;
color:#5794cd;
text-decoration: none;
}

a:visited{
color:#5794cd;
font: normal 105%;
}

a:hover{
text-decoration:underline;
color:#0066CC;
font: normal 105%;
}
	
	
	
	
form {
font: 95% Verdana, Arial, Helvetica, sans-serif;	
}
	
input {
font-family:"Trebuchet MS";
color:#0000CC;
background-color:#FFFF99;
border: 1px solid #666666;
}


h1 {

	font: 150% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	letter-spacing:0.1em;
	color:#666666;
	text-transform:uppercase;
	}
	
h2 {

	font: 120% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5;
	letter-spacing:0.1em;
	color:#5794cd;
	text-transform:uppercase;
	}	


#footer p {
color:#5794cd;
font-weight:bold;
font-size:95%;
padding:3px;
}

.pagetitle {padding-top:20px; color:#0066CC; font-size:14px; text-transform:uppercase;}

.picright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	padding: 5px;
}

.picleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	padding: 5px;
}

.picborder { /* coloured border and box line */
background-color:#5794cd; border:1px solid #666666; padding: 0.5em; margin: 1em;
}
.boxborder { /* coloured border and box line */
background-color:#FFFFCC; border:1px solid #666666; padding: 0.5em; margin: 1em;
color:#666666;
}
.wedborder { /* coloured border and box line */
background-color:#FFCCFF; border:1px solid #666666; padding: 0.5em; margin: 1em;
}
.hisborder { /* coloured border and box line */
background-color:#5794cd; border:1px solid #666666; padding: 0.5em; margin: 1em;
}

.eveborder { /* coloured border and box line */
background-color:#669933; border:1px solid #666666; padding: 0.5em; margin: 1em;
}
.corborder { /* coloured border and box line */
background-color:#5794cd; border:1px solid #000000; padding: 0.5em; margin: 1em;
}
.roomborder { /* coloured border and box line */
background-color:#F1B385; border:1px solid #000000; padding: 0.5em; margin: 1em;
}
.tablediv p { /* coloured border and box line */
padding-top:15px;
}
.tablediv {
margin:0px;
padding:0px;
overflow:hidden; /* this stops images overflowing div in ie ajm*/
}
/* this next section is to clear the div so that images and text sit properly on the page ajm*/
.tablediv:after {
    content: ".";
    display: block;
    height: 0; 
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .tablediv {height: 1%;}
/* End hide from IE-mac */