* { 
	padding: 0; 
	margin: 0; }

body { 
	background: #D7EDFB url(images/bodyfade.gif)  repeat-x top left; 
	margin-bottom: 10px;
	text-align: center; /* centre in IE5 */
}

 
#wrapper { 
 	margin: 0 auto;
 	width: 800px;
 	text-align: left;
 	background: #fff url(images/wrapperbg2.jpg)  repeat-y top left;
 	border-left: 1px solid #AFE3FF;
	border-right: 1px solid #CFEEFF;
}
 

/* 			HEADER */

#header {
 	width: 100%;
 	float: left;
 	padding:  0;
 	margin:  0;
 	border-bottom: 1px solid #0266AC;
	background: #fff url(images/headerfade.gif) repeat-x top left;
}

#header img {
 	display: block;
 	margin: 0 auto;
 	text-align: center;
}

/* 			LEFT COLUMN */
 
#leftcolumn { 
 	clear: both;
 	color: #333;
 	margin: 0;
	padding:  10px 5px 10px 5px;
 	width: 170px;  /* for browsers which do not understand escapes at all */
 	\width: 180px; /* specifically for IE 5.x Win */
 	w\idth: 170px; /* for standards browsers, which understand all three, but use the last */
 	float: left;	
	font: normal 10px Verdana, arial, sans-serif;
	display: inline;
}

/*       title for small images*/
#leftcolumn h3 {
	color: #333;
	font: normal 10px Verdana, arial, sans-serif;
	text-align: center;
}
 
.left-feature {
	margin-top: 5px;
	padding: 5px 5px;
	border: 1px dotted #BFE7FF;
	background: #fff url(images/leftfade.jpg) repeat-y top left;
}

.plain-left-feature {
	border: none;
	background: transparent;
}

.left-feature p {
	padding: 8px 0px 5px 5px;
	padding: 0px;
	margin: 10px 0 0 0;
	text-align: justify;
	font-size: 10px;
} 

.left-feature img  {
	margin: 5px auto 0;
	display: block;
 	border: 1px solid #bfbfbf;
	padding: 1px;
}

 
.left-divider {
 	display: block;
 	margin: 0 auto;
} 



img#download {
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	margin-top: 25px;
	margin-bottom: 25px;
	
}


/* 			RIGHT COLUMN */

#rightcolumn { 
 	float: left;
	color: #333;
 	margin: 0;
 	padding: 10px 15px 10px 10px; 
 	width: 595px;  /* for browsers which do not understand escapes at all */
 	\width: 620px; /* specifically for IE 5.x Win */
 	w\idth: 595px; /* for standards browsers, which understand all three, but use the last */
 	display: inline;
	font: normal 14px "times new roman", georgia, book antiqua, serif;
	line-height: 1.3;
	text-align: justify;
} 

#rightcolumn img#main {
 	margin: 3px auto 20px;
	display: block;
 	border: 1px solid #808080;
	padding: 2px;
}
 
#rightcolumn p {
	padding: 0px 10px 10px 10px;
} 

.img-small-container {
	clear: both;
}

.img-small {	
 	border: 1px solid #808080;
	padding: 2px;
 	float: right;
	margin: 5px 3px 0px 0px;
	display: inline;
}

.img-small-l {	
 	border: 1px solid #808080;
	padding: 2px;
 	float: left;
	margin: 5px 3px 0px 0px;
	display: inline;
}


#rightcolumn h1, h2 {
	font-size: 16px;
	color: #B68606;
	letter-spacing: 2px; 
	padding: 5px 10px 5px 10px;
	margin-bottom: 8px;
}

#rightcolumn h2 {
	color: #333;
}


#activities {
	float:right;
	width:195px;
	font: normal 11px verdana, arial, sans-serif;
	padding: 10px 0px 0px 20px;
	margin: 0px 5px 10px 20px;
	border-right:#bfbfbf 1px solid;
	border-bottom:#bfbfbf 1px solid;
	border-left:#dfdfdf 1px solid;
	border-top:#dfdfdf 1px solid;
	background: #f7fbfe url(images/blueboxfade.jpg) repeat-x top left;
	text-align: left;
}

#activities h2 {
	text-align: center;
	font-size: 12px;
	color: #0266AC;
}


#delegate {
	float:right;
	width:295px;
	font: normal 11px verdana, arial, sans-serif;
	padding: 10px 0px 5px 10px;
	margin: 0px 5px 0px 20px;
	border-right:#bfbfbf 1px solid;
	border-bottom:#bfbfbf 1px solid;
	border-left:#dfdfdf 1px solid;
	border-top:#dfdfdf 1px solid;
	background: #f7fbfe url(images/blueboxfade.jpg) repeat-x top left;
	text-align: left;
}

#delegate h2 {
	text-align: center;	
	font-size: 12px;
	color: #0266AC;	
	text-transform: uppercase;
}
 

.centre {
	display: block;
	width: 525px;
	margin: 0 auto;
}

ul.bulleted {
	list-style-type: disc; 
	list-style-position: outside;
	margin: 0 30px 20px 25px;
}

ul.bulleted li {
	margin-bottom: 5px;
}


/*			MENUS */
#menus-list {
	float:right;
	width:215px;
	font: normal 11px verdana, arial, sans-serif;
	padding: 10px 0px 5px  0px;
	margin: 0px 5px 15px 20px;
	border-right:#bfbfbf 1px solid;
	border-bottom:#bfbfbf 1px solid;
	border-left:#dfdfdf 1px solid;
	border-top:#dfdfdf 1px solid;
	background: #f7fbfe url(images/blueboxfade.jpg) repeat-x top left;
	text-align: center;
}

#menus-list h2, #winelist h2 {
	text-align: center;
	font-size: 12px;
	color: #0266AC;
}

#winelist {	
	font: normal 11px verdana, arial, sans-serif;
}

#menus-list ul, #winelist ul {
	list-style-type: none; 
	margin: 0 30px 20px 25px;
	text-align: center;
}

#menus-list li, #winelist li {
	margin-bottom: 9px;
}

div#menus-list ul.popup-items, #winelist ul.popup-items {
	list-style-type: none; 
	text-align: center;
	margin: 0px;
	padding: 0px;
}

div#menus-list ul.popup-items li, #winelist ul.popup-items li {
	margin-bottom: 5px;
}

.menu-popup {
 	position: absolute; 
	visibility: hidden; 
	border: 1px solid #b68606;
	border-top: 1px solid #BF982F;
	border-left: 1px solid #BF982F;
	background-color: #fff; 
	background: #fff url(images/popupbg.jpg) repeat-y top right;
	width: 250px; 
	padding: 10px; 
}

/*			OVERRIDE MENU POPUP WIDTHS IF NECESSARY */

div#menus-list div#dinner, div#menus-list div#hotfork, div#menus-list div#roast, div#menus-list div#finger, div#eyot {
	width: 350px;
}

div#winelist {
	width: 370px;
}

.menu-break {
	color: #b68606;
}


.mid-menu-break {
	color: #b68606;
	font-size: 14px;
}

.close-popup {
	float: right; 
	margin-top:  10px;
}


.eyot {
	font-size: 16px;
	color: #0266AC;	
}

div#eyot a {
	float: right;
	margin-right: 7px;
}

div#eyot h2 {
	float: left;
	color: #0266AC;
}

div#eyot p {
	clear: both;
}

/* 			FOOTER */
	
#footer { 
	width: 780px;
	float: left;
 	clear: both;
 	color: #333;
 	border-top: 1px solid #B68606;  
 	border-bottom: 1px solid #B68606;
 	margin: 0px;
 	padding: 5px 10px;		 
 	font-family: Verdana, Arial, sans-serif;
 	font-size: 10px;
	line-height: 1.5;
	background: #F7FBFE url(images/footerbg.gif) repeat-x top right; 
}

#footer img {
	border: none;
	padding: 0 3px;
}

#site {
 	color: #0266AC;
	margin: 8px 0 0 15px;
}

#registered {
	width: 780px; 
	float: left;
	border-top: solid 1px #EFD286; 
	margin-top: 5px; 
	padding-top: 2px;
}

/* 			TEXT LINKS */
a {
	color: #b68606;
	text-decoration: none;
}

a:link {
	color: #b68606;
}

a:visited { 
	color: #b68606;
}  

a:hover {
	color:	#0266AC;
} 


/* 			NAVIGATION */

#navcontainer {
	padding: 5px 8px 0 0;
	margin-bottom: 25px;
	text-transform: uppercase;
}

#navcontainer ul {
	list-style-type: none;
	text-align: right;
}

#navcontainer a {
	background: transparent;
	text-align: right;
	font: normal 10px  verdana, arial, sans-serif;
	text-decoration: none;
	color: #b68606;
	display: block;
	padding: 4px 0;
}

#navcontainer ul li {	
	border-bottom: 1px solid #D2EBFB;
}

#navcontainer ul li a:hover {
	color: #0266AC;
}

#navcontainer ul li a#current {
	color: #0266AC;
}


/*			GLOBAL */


.bold {
	font-weight: bold;
}


.italic {
	font-style: italic;
}

.text-centre {
	text-align: center;
}

.float-left {
	float: left; 
}


.float-right {
	float: right;
}

h4.offer {
	margin: 5px 0 10px 0;
	color: #B68606;
	padding: 10px 0 0 0;
	border-top: 1px dashed #B68606;
}

p.offer {
	margin: 0 0 15px 0;
	color: #B68606;
	padding: 10px 0 0 0;
	border-bottom: 1px dashed #B68606;
}

.offer {
	text-align: center;
}

/*forces the container to expand and wrap around the floated inner divs and reveal bg img */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


h5 {
	font-size: 11px;	 /* for block quotes */
	font-family: Verdana, arial, sans-serif;
	padding: 0 20px 0 0;
	font-weight: normal;
	text-align: right;
}

.quotation {
	padding: 10px 5px;
	background-color: #fff;
	margin:10px 5px 10px 5px;
	border: 1px solid #dfdfdf;
	border-bottom: 2px solid #D3EBFB;	
	border-right: 2px solid #D3EBFB;	
	border-top: 1px solid #D3EBFB;		
	border-left: 1px solid #D3EBFB;	
}

.quotation img {
	padding: 5px 5px 0 0;
}
			
blockquote {
	font-size:14px;
	line-height:1.5em;
	margin:0 0 5px 0;
	padding: 0 0 0 30px;
	color: #303030;
	font-family:  Georgia, 'times new roman', times, serif;
	font-style:italic;
	background: url(images/openquote.gif) no-repeat left top;
}

blockquote span {
	background: url(images/closequote.gif) no-repeat right bottom;
	display: block;
	padding: 0 30px 0 0;
}