* {
	/*border:1px solid #f00;*/
}

body {
	margin:0px;
	padding:0px;
	border:0px;
	color:#1B3F94;
	background: #fff;
	font-family:georgia, serif;
}

p {
	margin-top:10px;
	margin-bottom:0px;
}


/* Container contains the whole page */
#container {
	margin:auto;
	width:745px;
}


/* This is the top banner */
#page_top {
	background-image:url('../images/theturf.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	width:727px;
	height:100px;
}

/* Hide the H1 at the top of the page, which should be there as a kind of "alt" for non-css people */
#page_top h1 {
	visibility:hidden;
	margin:0px;
	padding:0px;
	border:0px;
}


/* leftcol contains all the menu stuff, below... */
#leftcol {
	float:left;
	width:165px;
	margin:0px;
	padding:0px;
	border:0px;
}

#menu div {
	height:38px;
	width:160px;
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:30px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
}
#menu div a:hover {
	background-repeat:no-repeat;
	background-position:bottom left;
	height:38px;
	width:160px;
	display:block;
	margin:0px;
	padding:0px;
	border:0px;
	white-space:nowrap;
}

#menu a {
	display:block;
	text-decoration:none;
}
#menu i {
	color:#000;
	visibility:hidden;
}

#menu_home {
	background-image:url('../images/home.gif');
}
#menu_home a:hover {
	background-image:url('../images/home_hover.gif');
}
#menu_home_selected {
	background-image:url('../images/home_hover.gif');
}

#menu_food_drink {
	background-image:url('../images/food_drink.gif');
}
#menu_food_drink a:hover {
	background-image:url('../images/food_drink_hover.gif');
}
#menu_food_drink_selected {
	background-image:url('../images/food_drink_hover.gif');
}

#menu_landlord {
	background-image:url('../images/landlord.gif');
}
#menu_landlord a:hover {
	background-image:url('../images/landlord_hover.gif');
}
#menu_landlord_selected {
	background-image:url('../images/landlord_hover.gif');
}

#menu_find {
	background-image:url('../images/find.gif');
}
#menu_find a:hover {
	background-image:url('../images/find_hover.gif');
}
#menu_find_selected {
	background-image:url('../images/find_hover.gif');
}

#menu_contact {
	background-image:url('../images/contact.gif');
}
#menu_contact a:hover {
	background-image:url('../images/contact_hover.gif');
}
#menu_contact_selected {
	background-image:url('../images/contact_hover.gif');
}


/* maincol is the central column of content */
#maincol {
	float:left;
	width:397px;
	margin:0px;
	padding:0px;
	border:0px;
}

/* imagewrapper lets us position the top picture and its frame exactly on top of each other */
#imagewrapper {
	height:299px;
	width:397px;
	position:relative;
}

/* This is the div that holds the main top image. NB the z-index */
#central_image {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	display:block;
	height:299px;
	width:397px;
	overflow:hidden;
	text-align:center;
	padding-top:10px;
	vertical-align:bottom;
}

/* This is the div that holds the top image's frame. NB the z-index! */
#central_frame {
	height:310px;
	width:397px;
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:2;
	background-repeat:no-repeat;
}

/* The "html>body" hides this from IE - we use filters in the main HTML to load the png for IE */
/* This trick is used a lot below */
html>body #central_frame {
	background-image:url('../images/main_frame.png');
}

/* Central column content */
#content {
	background-image:url('../images/content_sides.png');
	background-position:bottom left;
	background-repeat:repeat-y;
	padding:1px 30px 1px 22px;
	margin:0px;
	border:0px;
	text-align:justify;
}
/* Base of central column */
#content_base {
	background-image:url('../images/content_bottom.png');
	background-position:top left;
	background-repeat:no-repeat;
	height:25px;
}

#rightcol {
	float:left;
	width:165px;
	margin-top:6px;
}

html>body #rightcol {
	margin-top:3px;
}

/* "xotm" means things like dog of the month (dotm) wine of the month (wotm), etc. */
/* Essentially this div is the top right hand box on the page */
/* Update: I have a feeling this will also hold non-xotm stuff too, but hey */
.xotm_top {
	height:49px;
	width:163px;
	display:block;
	position:relative;
	z-index:2;
}

/* Give backgrounds for the top right hand box for various pages: */
html>body #dotm_top {
	background-image:url('../images/dotm_top.png');
	background-repeat:no-repeat;
}
html>body #wotm_top {
	background-image:url('../images/wotm_top.png');
	background-repeat:no-repeat;
}
html>body #landlord_top {
	background-image:url('../images/landlord_top.png');
	background-repeat:no-repeat;
}
html>body #map_top {
	background-image:url('../images/map_top.png');
	background-repeat:no-repeat;
}
html>body #events_top {
	background-image:url('../images/events_top.png');
	background-repeat:no-repeat;
}
html>body #contact_top {
	background-image:url('../images/contact_top.png');
	background-repeat:no-repeat;
}
html>body #online_turf {
	background-image:url('../images/online_turf.png');
	background-repeat:no-repeat;
}


/* Again, hide the h2 tags here - they're like an "alt" for background images */
.xotm_top h2 {
	font-size:1px;
	visibility:hidden;
}

/* Content of top right hand box */
.xotm_content {
	background-image:url('../images/dotm_sides.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	width:132px;
	display:block;
	margin-top:-10px;
	padding:10px 17px 1px 15px;
	text-align:center;
}

/* Adjust padding for non-IE browsers */
html>body .xotm_content {
	padding-top:1px;
}

.xotm_bottom {
	background-image:url('../images/dotm_bottom.png');
	background-position:top left;
	background-repeat:no-repeat;
	height:20px;
	width:162px;
	margin:0px;
	padding:0px;
	border:0px;
}

/* The point is, the top right hand box needs different padding/spacing to */
/* other boxes down the right hand side. Therefore always use an "xotm" box at the top right, */
/* then any of opening_times or thin_frame for other boxes */



.opening_times_top {
	height:45px;
	width:163px;
	display:block;
	margin-top:10px;
	position:relative;
	z-index:2;
}
html>body #opening_times_top {
	background-image:url('../images/opening_times_top.png');
}
html>body #opening_times_top {
	background-image:url('../images/opening_times_top.png');
}
html>body #lunch_menu_top {
	background-image:url('../images/lunch_menu_top.png');
	background-repeat:no-repeat;
}
html>body #evening_menu_top {
	background-image:url('../images/evening_menu_top.png');
	background-repeat:no-repeat;
}
html>body #bbq_top {
	background-image:url('../images/bbq_top.png');
	background-repeat:no-repeat;
}
html>body #booking_form_top {
	background-image:url('../images/booking_form_top.png');
	background-repeat:no-repeat;
}


.opening_times_top h2 {
	font-size:1px;
	visibility:hidden;
}

.opening_times_content {
	background-image:url('../images/opening_times_sides.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	width:132px;
	display:block;
	text-align:center;
	font-size:90%;
	margin-top:-10px;
	padding:10px 17px 1px 15px;
}

.events_top h2 {
	font-size:1px;
	visibility:hidden;
}

.events_content {
	background-image:url('../images/opening_times_sides.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	width:132px;
	display:block;
	text-align:center;
	font-size:90%;
	margin-top:-10px;
	padding:10px 17px 1px 15px;
}

html>body .opening_times_content {
	padding-top:1px;
}

.opening_times_bottom {
	background-image:url('../images/opening_times_bottom.png');
	background-position:top left;
	background-repeat:no-repeat;
	height:20px;
	width:162px;
	margin:0px;
	padding:0px;
	border:0px;
}






.thin_frame_top {
	height:23px;
	width:163px;
	display:block;
	margin-top:10px;
	position:relative;
	z-index:2;
}
html>body .thin_frame_top {
	background-image:url('../images/thin_frame_top.png');
}

.thin_frame_content {
	background-image:url('../images/thin_frame_sides.png');
	background-repeat:repeat-y;
	background-position:bottom left;
	width:132px;
	text-align:center;
	font-size:90%;
	display:block;
	margin-top:-10px;
	padding:12px 17px 8px 16px;
}

html>body .thin_frame_content {
	padding-top:1px;
}

.thin_frame_bottom {
	background-image:url('../images/thin_frame_bottom.png');
	background-position:top left;
	background-repeat:no-repeat;
	height:20px;
	width:162px;
	margin:0px;
	padding:0px;
	border:0px;
}

.linked_image {
	text-decoration:none;
	border:0px;
}