/* General re-sets first
------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6 { font-size : 100%; font-weight: normal;}

address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

table { border-collapse : collapse; border-spacing : 0; }

fieldset,img { border : 0; }

caption,th { text-align : left; }

q:before, q:after { content :''; }

p {
	margin: 0;
	padding: 7px 0px 0px 0px;
}

br { padding: 0; margin:0; line-height: 12px; }

strong { font-weight: bold; }

form {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	margin: 8px 0px 9px 22px;
	padding: 0px 0px 0px 2px;
}
li {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
    list-style-position: outside;
}
.hidden {
	visibility: hidden;
}
.hidden a{
	visibility: hidden;
	text-decoration: none;
}
.hidden a:hover{
	visibility: hidden;
	text-decoration: none;
}

/* =Colours used
------------------------------------------------------------------*/
.textgrey {
color: #484848;
}
.darkgold {
color: #b08610;
}
.lightgrey {
color: #e6e6e6;
}

/* =Style resets specific to this layout
------------------------------------------------------------------*/

body {
	background-color: #ababab;
	text-align: center;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	}

a {
	color: #b08610;
	text-decoration: underline;
}
a:hover {
	color: #b08610;
	text-decoration: none;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 29px;
	color: #4b4b4b;
	margin: 0px;
	padding: 20px 10px 20px 23px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #b08610;
	margin: 6px 0px 9px 0px;
}
h2 a {
	color: #b08610;
	text-decoration: none;
}
h2 a:hover {
	color: #b08610;
	text-decoration: underline;
}

h3 {  
	font-size: 12px;
	font-weight: bold;
 }

/* =Main Container
------------------------------------------------------------------*/

#container {
	width: 785px;
	background-color: #fff;
	background-color: #fff;
	display: block;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #484848;
	border: 17px solid #FFFFFF;	
}
#topbar {
	display: block;
	clear: both;
	width: 785px;
	height: 82px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/topbar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#topbar a {
	display: block;
	width: 160px;
	height: 80px;
	padding: 0px;
	text-decoration: none;
}

/* =TOP NAVIGATION
------------------------------------------------------------------*/
#topnavdiv {
	display: block;
	padding: 0px;
	margin: 0px;
	height: 36px;
	background-color: #dedede;
	background-image: url(../images/topnavbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.topnav {
	float: left;
	height: 36px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: top; 
	font-size: 15px;
	color:#5b5b5b;
	line-height: 36px;
	font-family: "trebuchet MS", Verdana, sans-serif;
}

.topnav a{
	text-decoration: none;
	color:#5b5b5b;
	display: block;
	padding: 0px 24px 0px 24px;
	background-image: url(../images/topnavbg2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.topnav a:hover{
	text-decoration: none;
	color:#fff;
	background-image: url(../images/xtopnavbg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #f5c63e;
}
.topnav a.active{
	text-decoration: none;
	color:#fff;
	background-image: url(../images/xtopnavbg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #f5c63e;
}




/* =NAVIGATION
------------------------------------------------------------------*/
.subpagesdiv {
	display: block;
	float: right;
	width: 285px;
	background-image: url(../images/subpagesbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding: 55px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border: 12px solid #e6e6e6;
}

.nav {
	width: 220px;
	display: block;
	margin-bottom: 4px;
	padding-left: 15px;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	color:#484848;
	line-height: 15px;
	text-transform: uppercase;
}

.nav a{
	text-decoration: none;
	color:#484848;
	display: block; 
	padding: 8px 8px 6px 15px;
	background-image: url(../images/subnavbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav a:hover{
	text-decoration: none;
	color:#b08610;
	display: block;
	background-image: url(../images/xsubnavbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.nav a.active{
	text-decoration: none;
	color:#484848;
	display: block; 
	font-weight: bold;
	background-image: url(../images/xsubnavbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* =SUB-NAVIGATION
------------------------------------------------------------------*/
.subnav {
	font-size: 11px;
	color: #606c76;
	display: block;
	line-height: 14px;
	margin: 4px 0px 8px 0px;
	text-align: left;
	vertical-align: top;
}
.subnav a {
	color: #606c76;
	text-decoration: none;
	display: block;
}
.subnav a:hover{
	color: #ac1800;
	text-decoration: underline;
}
.subnav a.activesublink {
	text-decoration: none;
	color:#1a5b8a;
	display: block; 
	font-weight: bold;
}


/* =CONTENT
------------------------------------------------------------------*/
#headingbg {
	display: block;
	width: 465px;
	background-color: #e6e6e6;	
	margin: 10px 0px 20px 0px;
}
#headingbg2 {
	display: block;
	width: 520px;
	background-color: #e6e6e6;	
	margin: 10px 0px 20px 0px;
}

#content{
	float: left;
	display: block;
	width: 785px;
	margin: 0px 0px 27px 0px;
}

#textdiv {
	width: 400px;
	padding: 0px 0px 10px 23px;
}






/* = Highlight Box styles
------------------------------------------------------------------*/
#highlightboxes {
	display: block;
	clear: both;
	width: 100%;
	margin: 0px;
}
.highlightbox {
	display: block;
	float: left;
	width: 228px;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 12px solid #e6e6e6;
}




#highlightboxes2 {
	float: right;
	width: 252px;
	text-align: right;
	margin: 0px 0px 10px 0px;
}
.highlightbox2 {
	display: block;
	width: 228px;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 12px solid #e6e6e6;
}

.highlight-title { 	font-family: Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; padding: 4px 10px 3px 14px; 	text-transform: uppercase;}
.highlight-title a { color: #b08610; text-decoration: none; display: block;}
.highlight-title a:hover { color: #b08610; text-decoration: none; }

.highlight-text {
	padding: 0px 10px 0px 14px;
	text-transform: uppercase;
	font-size: 11px;
}
.highlight-text a { color: #7f7a7a; text-decoration: none; display: block;}
.highlight-text a:hover { color: #b08610; text-decoration: none; }

.highlightpic {
	width: 212px;
	border: none;
	padding: 8px 0px 7px 8px;
}

.highlight-spacer {
	display: block;
	float: left;
	width: 14px;
	height: 200px;
	margin: 10px 0px 0px 0px;
}

/* =Easyedit Specific styles
------------------------------------------------------------------*/
.subheads {
	line-height: 16px;
	color: #777;
	font-style: italic;
	text-decoration: none;
	display: block;
	margin: 0px 0px 4px 0px;
}
.sectionspacer {
	display: block;
	margin: 0px 0px 13px 0px;
}




/* SECTION PICTURES				
/* ========================================== */

.picture-top {
	display: block;
	width: 424px;
	margin: 2px 0px 10px 0px;
	padding: 0px;
}
.picture-left {
	margin: 4px 15px 13px -2px;
	float: left;
	position: relative;
}
.picture-right {
	margin: 4px -38px 9px 15px;
	float: right;
	position: relative;
	width: 170px;
	padding: 5px;
	border: 1px solid #999;
	background-color: #FFFFFF;
}
.picture-bottom {
	display: block;
	width: 424px;
	margin: 2px 0px 15px 0px;
}




.signinform {
display: block;
margin: 12px 0px 8px 4px;
}

.signinform td {
	padding: 3px;
}

.signintextbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	width: 120px;
}



/* = NEWS RELATED STYLES
------------------------------------------------------------------*/

.newsdiv {
	display: block;
	float: right;
	width: 285px;
	background-image: url(../images/latestnewsbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	margin: 10px 0px 12px 0px;
	padding: 55px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border: 12px solid #e6e6e6;
}
	
.newsheading { color: #b08610; font-size:13px; line-height: 15px; padding: 0px 10px 4px 14px;}
.newsheading a { color: #b08610;  text-decoration: none; }
.newsheading a:hover { color: #b08610;  text-decoration: underline; }

.newstext { padding: 0px 10px 0px 14px;}
.newstext a { color: #484848; text-decoration: none; display: block;}
.newstext a:hover { color: #b08610; text-decoration: none; }

.read_more a{
	display: block;
	color: #b08610;
	text-decoration: none;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 2px 0px 20px 14px;
}
.read_more a:hover {
	color: #b08610;
	text-decoration: underline;
}

.news_more a{
	display: block;
	color: #b08610;
	text-decoration: none;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	white-space: nowrap;
}
.news_more a:hover {
	color: #b08610;
	text-decoration: underline;
}

.newspic-right {
	margin: 4px -38px 9px 15px;
	float: right;
	position: relative;
	width: 170px;
	padding: 5px;
	border: 1px solid #999;
	background-color: #FFFFFF;
}


/* =NEWS SUBPAGES BOX
------------------------------------------------------------------*/
.newspagesdiv {
	display: block;
	float: right;
	width: 285px;
	background-image: url(../images/newspagesbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding: 55px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border: 12px solid #e6e6e6;
}




/* =Contact Table
------------------------------------------------------------------*/

.contacttable {

}
.contacttable td {
	padding: 3px;
}
.contactfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 11px;
}
.smallitalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	font-style: italic;
}




/* =BASE
------------------------------------------------------------------*/

#base {
	display: block;
	clear: both;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	width: 100%;
	height: 135px;
	padding: 0px;
	font-size: 11px; 
	line-height: 19px;
	color: #6a6a6a;
	background-color: #ececec;	
}
.address {
	padding: 24px 0px 0px 22px;
}
#base a {
	text-decoration: none;
}
#base a:hover {
	text-decoration: underline;
}

.responsibility {
	float: right;
	margin: 20px 20px 0px 0px;
	text-align: right;
	line-height: 15px;
	color:#777;
}
.responsibility a{
	color:#777;
}
.responsib_head {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color:#b08610;
	padding-bottom: 2px;
}
.responsib_head a {
	color:#b08610;
	text-decoration: none;
}

.drinkaware {
	border: none;
	display: block;
	margin: 18px 0px 0px 0px;
}

#credits {
	width: 775px;
	display: block;
	text-align: left;
	margin: 0 auto;
	padding: 8px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #e0e0e0;
}
#credits a {
	color: #e0e0e0;
	text-decoration: none;
}
#credits a:hover {
	color: #e0e0e0;
	text-decoration: underline;
}