/*  
menu #98BACB
header bg #40402B
*/

body {
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #333; text-align: center;
	margin: 0 auto; padding: 0;
	background: #c5c5a8 url(../images/page-bg-fullwidth.gif) center repeat-y;}

/* --------- Links ----------- */
a:link { color: #09C; text-decoration:underline;	}
a:visited { color: #09C; text-decoration:underline;	}
a:hover { color: #360; text-decoration:none;}

h3 a:link, h3 a:visited {text-decoration: none; color:#59889F;}
h3 a:hover {text-decoration:underline;}

/* --------- Headings --------- */
h1, h2, h3, h4 { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:normal; } 

h1 {font-size: 20px; color:#40402B; padding: .2em 0 0 0;margin: 0 0 .8em 0; }
h2 {font-size: 18px; color:#40402B;padding: 0 0 0 0;margin: 0 0 .8em 0; }
#intro h2 {margin: 0 0 .2em 0;}

h3  {font-size: 16px; color:#40402B; padding: 0;margin: 0 0 .3em ;} 
h4 {font-size: 12px; color:#C00; font-weight: normal; padding: 0;margin: 0; letter-spacing:0;}


#sidebar h2 { font-size: 16px; color: #666;}

/* ------ Paragraphs ------------ */
p { line-height:1.6em;	margin: 0; padding: 0 0 1em 0;}
p.footer, p.footer a:link, p.footer a:visited  {font-size:10px; color:#fff; padding: 5px 5px 5px 0px;	margin:0; text-decoration:none;}

/* ----- Header Div----- */
#header {height: 105px; text-align:right; background: #fff url(../images/header.gif) bottom no-repeat; padding: 5px 0 0 0;}
#header a:link, #header a:visited {
padding-right:10px;
color:#FEFFBF;
text-decoration:none;
}

#header a:hover {
text-decoration:underline;
}
	
/* ------ Main Container ------ */	

#messages {
width:752px;
margin:0px auto;
background:#fff;
font-size:14px;
font-weight:bold;
line-height:26px;
}

#sizer {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border:11px solid #fff;
	border-top:0;
	border-bottom:0;
	text-align: left;
	width: 730px;
	background: #fff url(../images/body-bg.gif) repeat-y;
}

#sidebar {float:right; width: 230px; background:#eee; }
#content { 
margin-right: 240px; 
min-height: 600px;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 600px;
}

#home-top {
background: #fff url(../images/bg-home-top.jpg) top no-repeat;
padding: 140px 20px 0 20px;
margin: 0 0 10px 0;
}

#home-top h1 {
font-size: 26px;
line-height: 1.3em;
}

.home-restaurants-block {
margin-left:5px;
float:left;
width:185px;
height:305px;
background: #fff url(../images/home-restaurants-block.jpg) bottom no-repeat;
padding:55px 15px 0 15px;
color: #fff;
font-size: 14px;
line-height:1.3em;
}

.home-restaurants-block a:link, .home-restaurants-block a:visited {
color:#fff;
margin-right: 8px;
border-bottom:1px dotted #fff;
text-decoration:none;
}

.home-restaurants-block a:hover {
color:#999;
border-bottom:1px solid #999;
}

.home-bars-block {
margin-left:235px;
width:185px;
height:305px;
background: #fff url(../images/home-bars-block.jpg) bottom no-repeat;
padding:55px 15px 0 15px;
color: #fff;
font-size: 14px;
line-height:1.3em;
}

.home-bars-block a:link, .home-bars-block a:visited {
color:#fff;
margin-right: 8px;
border-bottom:1px dotted #fff;
text-decoration:none;
}

.home-bars-block a:hover {
color:#333;
border-bottom:1px solid #333;
}

/**/
#sidebar div.padding, #content div.padding, #footer div.padding {padding: 0 1.5em 1.5em 1.5em; }

#footer { clear:both; padding: 1.5em 1.5em 0 1.5em; background: #fff url(../images/footer-bg.gif) top center no-repeat; color:#fff; text-align:left;}

/* member forms, like menus */
div.member-form-padding {
padding:2em 1.5em;
}

#sidebartop {
height:30px;
background: #fff url(../images/sidebartop-bg.gif) bottom no-repeat;
}

#sidebarbase {
height:30px;
background: #fff url(../images/sidebarbase-bg.gif) bottom no-repeat;
}

#footer a:link, #footer a:visited {
color:#fff; 
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#bottom-menu {
padding:0 20px 10px 20px;
background:#fff;
text-align:center;
font-size: 10px;
color: #6D99AF;
}

#bottom-menu a:link, #bottom-menu a:visited {
color: #6D99AF;
text-decoration:none;
}

#bottom-menu a:hover {
color:#000;
}

/* listings for bars and restaurants pages */
.details {
color:#999;
font-size:.85em;
padding:3px 0;
}

.details a:link, .details a:visited {
color:#999;
border-bottom:1px dotted #999;
text-decoration:none;
}

.details a:hover {
color:#666;
border-bottom:1px solid #666;
}

.member-pic {
float:left;
margin: 0 20px 5px 0;
color:#999;
font-size:85%;
width: 135px;
}

.member-pic img {
background-color:#fff;
margin-bottom:5px;
padding:4px;
border:1px solid #E7E6E5;
}

.inparleft {
float:left;
margin-right:20px;
display:block;
background-color:#fff;
padding:4px;
border:1px solid #E7E6E5;
}

.inparright {
float:right;
margin-left:20px;
display:block;
background-color:#fff;
padding:5px;
border:1px solid #666;
}

/* member custom backgrounds */
#members {
margin:0;
padding:0;
background:#040201 url(../images/bg-members-tile.gif) repeat-y;
}

.members-address {
font-size: 14px; 
padding:15px 0;
}

#members img {
background-color:#eee;
margin-bottom:5px;
padding:4px;
border:1px solid #40402B;/*#E7E6E5*/;
}

#members a:link, #members a:visited {
color:#40402B;
font-weight:bold;
}

#members-body-default, #members-body-cargo-bar, #members-body-casa-di-nico, #members-body-georges-bar-and-grill, #members-body-i-thai, #members-body-james-squire-brewhouse, #members-body-kingsleys-steakhouse, #members-body-kobe-jones, #members-body-la-cita, #members-body-malaya, #members-body-nicks-bar-and-grill, #members-body-steersons-steakhouse, #members-body-wagamama, #members-body-essence-wharf-bar, #members-body-essence-restaurant {
position: relative;  /*this fixes the problem that stops IE6 dislaying the background image! */
padding: 28px 245px 35px 35px;
min-height: 550px;
_height:550px;
}


#members-body-default {
background: url(../images/bg-members-default.jpg) top no-repeat;
}

#members-body-cargo-bar {
background: url(../images/bg-members-cargobar.jpg) top no-repeat;
}

#members-body-casa-di-nico {
background: url(../images/bg-members-casadinico.jpg) top no-repeat;
}

#members-body-georges-bar-and-grill {
background: url(../images/bg-members-georges.jpg) top no-repeat;
}

#members-body-i-thai {
background: url(../images/bg-members-ithai.jpg) top no-repeat;
}

#members-body-james-squire-brewhouse {
background: url(../images/bg-members-squire.jpg) top no-repeat;
}

#members-body-kingsleys-steakhouse {
background: url(../images/bg-members-kingsleys.jpg) top no-repeat;
}

#members-body-kobe-jones {
background: url(../images/bg-members-kobe.jpg) top no-repeat;
}

#members-body-la-cita {
background: url(../images/bg-members-lacita.jpg) top no-repeat;
}

#members-body-malaya {
background: url(../images/bg-members-malaya.jpg) top no-repeat;
}

#members-body-nicks-bar-and-grill {
background: url(../images/bg-members-nicks.jpg) top no-repeat;
}

#members-body-steersons-steakhouse {
background: url(../images/bg-members-kingsleys.jpg) top no-repeat;
}

#members-body-wagamama {
background: url(../images/bg-members-wagamama.jpg) top no-repeat;
}

#members-body-essence-wharf-bar {
background: url(../images/bg-members-velvetslide.jpg) top no-repeat;
}

#members-body-essence-restaurant {
background: url(../images/bg-members-essence.jpg) top no-repeat;
}


/* each one of these will need there bg img set here !#members-body-gregs-restaurant {
}*/

#members-bot {
height:30px;
padding:0;
background:#040201 url(../images/bg-members-bot.gif) no-repeat;
border-bottom:10px solid #fff;
}

/* --- Customised Pages ---- */
#edit #container, #help #container, #tmplfull #container {background: #fff;}
#edit #formcontent, #help #content, #tmplfull #content { float:left; width: 690px;}



/* ----------- Navigation ---------- */		

#topnav { margin: 0 auto; position: relative;	text-align: right; width: 730px; font-size: 10px;}
#topnav ul {padding:0; margin:0;}
#topnav li {	margin: 0; 	padding:2px 2px 5px 2px;	display: inline;list-style-type: none; }
#topnav a:link, #topnav a:visited {color: #fff; text-decoration:none;}
#topnav a:hover {color: #ccc; text-decoration:underline;}

#nav {	
	border-width: 1px 0;
	position: relative;
	margin: 0;
	padding: 0;
	height: 70px;
	background: #98bacb url(../images/nav-bg.gif) no-repeat bottom;
	}

/* ----- nav2 = individual bar/restaurant nav, sits below main nav */
#nav2 {
	margin: 0;
	padding: 0;
	height: 35px;
	background: #fff;
}

/* navbar styles in horizontal_nav.css */

/* --------- Bits & Banner ------------ */


#content div #intro p {color: #c00; font-size: 12px; }
#help #content div {margin:0; padding:0;}
#help #content div.pad {padding: 1em;}
/* ----- Intro ------ */
#intro {background-color: #f4f4f4; padding: 1.5em;}
#content div #intro {padding:2em 1.5em 1em 1.5em; border-bottom: 1px solid #e2e2e2;}

/* -------- News -------------*/
h3.news { font-weight: normal; font-size: 14px; border-bottom: 1px solid #e2e2e2;}
h4.date {color:#999;}
#content div.newsitem, #content div.services {margin: 1em;}


/* ------ Events ----- */
h4.eventdate {padding-left: 1em;}
h3.eventtitle {font-weight: normal; margin-bottom: 1em; font-size: 12px; padding: 0 0 0 1em;}
#sidebar div.event {margin:1em 1em 1em .5em; padding:1.5em 0 0 .5em; border: 1px solid #ccc; border-width: 0 1px 1px 0;
				 background: #FBFBFB url(../images/event_bg.gif) repeat-x top; }

/* ----- Lists ------ */

ul {  margin:0 0 .5em 1em; padding: 0 0 .8em 1em; list-style-image: url(../images/arrow.gif); /*from http://www.stylegala.com/features/bulletmadness/*/}
ol { margin: 0 0 .5em 2em; padding: 0 0 .8em 2em;}
li {margin: .3em 0 0 0; padding: 0;}

dt.pgtitle {font-size: 16px; font-weight:bold; color:#09C;padding: .2em 0 0 0;margin: 0 0 .3em ;}
dt {font-weight:bold;}
dd {padding:0; margin:0;}

/* ------- Images --------- */


#content img.floatleft {float: left; margin: 5px 15px 15px 0px;}


 .folioimg {float: right; border: 1px solid #fff; margin: 0 20px 20px 0;	padding: 3px;}
 #sidebar img {padding-bottom: 1em;}
 .contimg {float: left; border:1px solid #ccc;  padding: 2px; margin: 0 10px 5px 0; background-color: #fff;}

/* -------- Forms ------- */
form {
	line-height: .8em;
	padding: 0;
	margin: .3em 0 0 0;	}

fieldset {
	border:none;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

legend	{font-family:Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 1em 0 .2em -5px; color:#40402B; line-height:1.5em; }
label {display: block; padding:.2em;}
input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 2px;
	margin: .2em .2em 1em .2em;
	}
.mailerchboxes {
padding-left:5px;
line-height:1.7em;
}
.mailerchboxes label {
display:inline;
}	
.chbox {
margin: 0 10px 0 0;
border:0;
}

.formbtn {

}

.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #900;
	padding:0 0 0 1.5em;
	margin: .2em;
	background:  url(../images/bullet.gif) no-repeat left;
	border: none;}
	
/* --- Member forms --- */
table.form-table {
width:100%;
margin:0px auto;
}

td.form-label-mandat, td.form-label  {
width:120px;
vertical-align:top;
line-height:1.3em;
}

td.extra-text {
line-height:1.3em;
vertical-align:top;
}

			
/* --------- Admin ------------ */

.update, .add, .delete {
	padding:0;
	margin:0px;}

.admin {
	font-size:10px;
	color:#999;
	padding: 0px 3px;
	margin:0;}
	
.admin a:link, .admin a:visited {
	font-size:10px;
	color:#fff;
	padding: 5px 5px 0px 0px;
	margin:0;} 	
	
/* -------- Other -------  */
#content div.clear {clear:both;	height:0;}
.hide {	display:none; }	
.floatleft {float: left; margin: 5px 10px 5px 1px;}
.floatright {float: right;	margin: 5px 1px 10px 10px;}

.floatme {float:left;}