/* CSS Document */

html, body{
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	
	scrollbar-face-color: #B99E8F;
	scrollbar-shadow-color: #B99E8F;
	scrollbar-highlight-color: #B99E8F;
	
	scrollbar-track-color: #473533;
	
	scrollbar-arrow-color: #473533;
	scrollbar-3dlight-color: #473533;
	scrollbar-darkshadow-color: #473533;
	
}

/*
MAJOR DIVS
*/

#ifrmLayer{
	position:absolute;
	top:0;
	left:0;
	height:20px;
	width:20px;
}

#sidebar{
	width:321px;
	height:590px;
	float:left;
	vertical-align:bottom;
	
	background-image:url(../images/nav_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#footer{
	position:absolute;
	bottom:0;
	left:0;
	background-color:#77655B;
	width:952px;
	font-size:10px;
	padding:4px;
	padding-left:24px;
	color:#E8E0DD;
	z-index:5;
	
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
}

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


html>body #footer{
	width:949px;
}

#columnCentre{
	overflow:hidden;
	height:100%;
	top:0;	
}

#header{
	position: absolute;
	top: 0; 
	left: 324px; 
	z-index: 1;
}

html>body #header{
	left: 321px;
}

#contentHeader{
	position: absolute; 
	top: 219px; 
	left: 324px; 
	z-index: 1;
	
	color:#E8E0DD;
	font-size:16px;
	background-image:url(../images/header_gradient.jpg);
	background-repeat:repeat-y;
	
	width:640px;
	height:32px;
	padding-top:54px;
	padding-left:16px;
}

#contentHeader img{
	margin-top:-70px;
	float:right;
}

html>body #contentHeader{
	left: 321px;
}

#innerContentWrapper{
	height: 100%; 
	overflow: auto; 
	position: relative; 
	left:0;
	z-index: 0;
	padding:0;
	background-image:url(../images/content_gradient.jpg);
	background-repeat:repeat-y;
	background-position:left;
	border:0;
}

#innerContentWrapperSponsors{
	height: 100%; 
	overflow: auto; 
	position: relative; 
	left:0;
	z-index: 0;
	padding:0;
	background-color:#FFF;
	background-position:left;
	border:0;
}

#innerContentArea{
	padding-top:319px;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:32px;
	width:624px;
	border:0;
}

#whatsOnWrapper{
	float:right;
	width:206px;
	height:300px;
	padding:8px;

	color:#CDC9C6;
	
	border:0;
	display:none;
}

#whatsOnWrapperAbs{
	position:absolute;
	left:757px;
	top:305px;
	width:206px;
	padding:8px;
	margin-bottom:16px;
	
	overflow:auto;
	overflow-x:hidden;
	
	z-index:3;
	height:250px;	
	
	background-image:url(../images/whats_content_gradient.gif);
	background-repeat:repeat-y;
	border:0;
	display:none;
}

html>body #whatsOnWrapperAbs{
	left:754px;
	display:none;
}

#whatsOnHeader{
	position: absolute; 
	top: 219px; 
	left:757px; 
	z-index: 3;

	color:#544C49;
	font-size:16px;
	background-image:url(../images/whats_head_gradient.gif);
	background-repeat:repeat-y;
	width:223px;
	height:32px;
	padding-top:54px;
	padding-left:16px;
	display:none;
}

html>body #whatsOnHeader{
	left:754px; 
	display:none;
}

#innerInsert{
	float:right;
	margin-left:12px;

}
/*
NAVIGATION DIVS
*/

#navWrapper{
	margin-top:98px;
	margin-left:11px ;
	width:304px;
}

#navWrapper div a{
	text-decoration:none;
	padding:2px;
	padding-left:16px;
	color:#E8E0DD;
	margin-top:1px;
	margin-bottom:1px;
	display:block;
}

#navWrapper div a:hover{
	background-color:#77655B;
}

/* IE6 Hacks included, to compensate for browser positioning differences */

#subBistro{
	top:356px;
	left:166px;
}
#subBars{
	top:376px;
	left:166px;
}
#subCorporate{
	top:396px;
	left:166px;
}
#subFunctions{
	top:416px;
	left:166px;
}
#subWeddings{
	top:436px;
	left:166px;
}
#subClubs{
	top:437px;
	left:166px;
}
#subMember{
	top:470px;
	left:166px;
}

html>body #subBistro{
	top:350px;
	left:166px;
}
html>body #subBars{
	top:369px;
	left:166px;
}
html>body #subCorporate{
	top:388px;
	left:166px;
}
html>body #subFunctions{
	top:407px;
	left:166px;
}
html>body #subWeddings{
	top:426px;
	left:166px;
}
html>body #subClubs{
	top:426px;
	left:166px;
}
html>body #subMember{
	top:470px;
	left:166px;
}

/* End hacks */

#subBistro, #subBars, #subCorporate, #subFunctions, #subWeddings, #subClubs, #subMember{
	position:absolute;
	width:150px;
	visibility: hidden;
}

#subBistro div, 
#subBars div, 
#subCorporate div, 
#subFunctions div, 
#subWeddings div,
#subClubs div, 
#subMember div{
	background-color:#C83031;
}
#subBistro div a, 
#subBars div a, 
#subCorporate div a, 
#subFunctions div a, 
#subWeddings div a,
#subClubs div a, 
#subMember div a{
	text-decoration:none;
	padding:2px;
	padding-left:16px;
	color:#E8E0DD;
	display:block;
	background-color:#77655B;
	margin-top:1px;
	margin-bottom:1px;
}

#subBistro div a:hover, 
#subBars div a:hover, 
#subCorporate div a:hover, 
#subFunctions div a:hover, 
#subWeddings div a:hover,
#subClubs div a:hover, 
#subMember div a:hover{
	margin-right:8px;
}

/*
FORM ELEMENTS
*/
form table td{
	padding-top:6px;
}

input, textarea{
	background-color:#FEF4F4;
	border:0;
	padding:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
}

input.nostyle{

}

/*
MISC ELEMENTS
*/

.heading{
	font-size:16px;
	font-weight:bold;
}

.heading_nobold{
	font-size:16px;
}

.sponsors
{
	padding-bottom:20px;
	background-color:#FFF;
}

.spacer{padding-bottom:20px; background-color:none;}

.info{padding-left:30px;}

.info a {text-decoration:none; color:black;}

.info a:hover{text-decoration:underline; color:black;}

.title{text-align:center; font-size:2.3em; font-weight:bold; padding-bottom:20px;}