body{
	font-family: times new roman, arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;/* BLACK */
	background: #FCF9C9;/* CREAM */
	margin: 0;
	padding: 0;
}


#wrapper{
	position: relative;
	width: 759px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding: 0;	
}


/*////////////////////////////////////////////////////////////
						TOP PHOTO BANNER
////////////////////////////////////////////////////////////*/

#topphoto{
	width: 759px;
	height: 162px;
	margin: 40px 0px 0px 0px;
	padding: 0;
}


/*////////////////////////////////////////////////////////////
						TOP MENU AREA
////////////////////////////////////////////////////////////*/

#menu{
	font-family: times new roman, arial, helvetica, sans-serif;
	width: 759px;
	background: url(images/menu_bar.gif) repeat-y top left;
	min-height: 26px;
	max-height: auto;
	font-size: small;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

#menu p{
	margin: auto;
	padding: 5px 0px 0px 0px;
}

.menu1{ width: 90px; float: left;}
.menu2{ width: 94px; float: left;}
.menu3{ width: 115px; float: left;}
.menu5{ width: 89px; float: left;}
.menu6{ width: 89px; float: left;}
.menu4{ width: 141px; float: left;}
.menu7{ width: 135px; float: left;}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active{
	color: #fff;
	text-decoration: none;	
}


/*//////////////////////////////////////////////////////
						MAIN CONTENT
//////////////////////////////////////////////////////*/

#content{
	width: 759px;
	min-height: 400px;
	max-height: auto;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 30px 0px;
	float: left;
}


/*///////////////////////////////////////////////////////
						FOOTER AREA
///////////////////////////////////////////////////////*/

#footer{
	width: 759px;
	height: 70px;
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 15px solid #931111;
	float: left;
}

#footer p{
	margin: 0;
	padding: 0;
}

/*///////////////////////////////////////////////////////
						HEADINGS
//////////////////////////////////////////////////////*/

h1{
	margin: auto;
	padding: auto;
}

h2{	
	font-family: times new roman, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	color: #931111;/* RED */
	margin: auto;
	padding: auto;
}

h3{	
	font-family: times new roman, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: medium;
	color: #000;/* BLACK */
	margin: auto;
	padding: auto;
}


/*//////////////////////////////////////////////////////
						LINKS
//////////////////////////////////////////////////////*/

a:link{
	color: #931111; /* RED */
	text-decoration: underline;
}

a:visited{
    color: #931111; /* RED */
	text-decoration: none;
}

a:hover{
    color: #931111;  /* RED */
	text-decoration: none;
}

a:active{
	color: #666;  /* GREY */
	text-decoration: none;

}


/*////////////////////////////////////////////////////////////
						HOMEPAGE BOXES
////////////////////////////////////////////////////////////*/

#homepageboxes {
	font-size: small;
}

#homepageboxes a:link, #homepageboxes a:visited, #homepageboxes a:hover, #homepageboxes a:active{
	color: #fff;
	text-decoration: underline;	
}


#box1{/*/ MENU BOX HOMEPAGE /*/
	width: 380px;
	height: 140px;
	color: #fff;
	background: url(images/box1_homepage.jpg) no-repeat top left;
	float: left;
}
#box1 p{ padding: 48px 0px 0px 25px; margin: 0;}


#box2{ /*/ BEERS AND ALES HOMEPAGE /*/
	width: 379px;
	height: 140px;
	color: #fff;
	background: url(images/box2_homepage.jpg) no-repeat top left;
	float: left;
}
#box2 p{padding: 48px 0px 0px 35px; width: 150px; margin: 0;}



#box3{ /*/ FACILITIES AND EVENTS HOMEPAGE /*/
	width: 380px;
	height: 142px;
	color: #fff;
	background: url(images/box3_homepage.jpg) no-repeat top left;
	float: left;
}
#box3 p{ padding: 55px 0px 0px 25px; width: 150px; margin: 0;}



#box4{/*/ OTHER VENUES /*/
	width: 379px;
	height: 142px;
	color: #fff;
	background: url(images/box4_homepage.jpg) no-repeat top left;
	float: left;
}

#box4 p{ padding: 55px 0px 0px 35px; width: 150px; margin: 0;}



/*///////////////////////////////////////////////////////////////
						OTHER
//////////////////////////////////////////////////////////////*/

.right{
	float: right;
	margin-left: 10px;
}

.left{
	float: left;
	margin-left: 10px;
}

ul{
	list-style-type: image;
	list-style-image:   url(images/bulletpoint.gif);
}

.autoright{
	float: right;
}

.autoleft{
	width: 500px;
	float: left;
	height: auto;
	padding: 0;
	margin: 0;
}

.imggallrg
{
	border: 1px solid #000;
}

#map{
	width: 430px;
	height: 500px;
	border: 1px solid #000;
}

#contactarea
{
		float: right;
		padding-left: 10px;
		width: 300px;
}