html {
	overflow: -moz-scrollbars-vertical !important; 
}


html, body {
	height:100%;
}

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

img {
	border:0px;
}

div {
	text-align:left;
}

form {
	margin:0px;
	padding:0px;
}

input, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:0px;
}

input {
	width:150px;
	height:16px;
}

#Container {
	width:960px;
	margin:0px auto;
	position:relative;
}

#Header {
	padding-left:26px;
	height:297px;
}

#HeaderLogo {
	padding-top:58px;
	float:left;
	height:171px;
	width:527px;
}

#HeaderNav {
	padding-top:49px;
	float:right;
}

#HeaderNav ul {
	list-style:none;
	display:block;
}

#HeaderNav ul li {
	list-style:none;
	display:block;
	float:left;
	width:28px;
	height:179px;
	overflow:hidden;	
}

#HeaderNav ul li a {
	display:block;
	width:28px;
	height:179px;
	text-indent:-100px;
	overflow:hidden;
}

#HeaderNav ul li.selected#home a {
	background:url(../images/x/nav_0.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.selected#venues a {
	background:url(../images/x/nav_1.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.selected#venuefinder a {
	background:url(../images/x/nav_2.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.selected#calendar a {
	background:url(../images/x/nav_3.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.selected#offers a {
	background:url(../images/x/nav_4.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.unselected#home a {
	background:url(../images/nav_0.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.unselected#venues a {
	background:url(../images/nav_1.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.unselected#venuefinder a {
	background:url(../images/nav_2.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.unselected#calendar a {
	background:url(../images/nav_3.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.unselected#offers a {
	background:url(../images/nav_4.gif) 0px 0px no-repeat;
}

#HeaderNav ul li.unselected#home a:hover {
	background:url(../images/nav_0.gif) 0px -179px no-repeat;
}

#HeaderNav ul li.unselected#venues a:hover {
	background:url(../images/nav_1.gif) 0px -179px no-repeat;
}

#HeaderNav ul li.unselected#venuefinder a:hover {
	background:url(../images/nav_2.gif) 0px -179px no-repeat;
}

#HeaderNav ul li.unselected#calendar a:hover {
	background:url(../images/nav_3.gif) 0px -179px no-repeat;
}

#HeaderNav ul li.unselected#offers a:hover {
	background:url(../images/nav_4.gif) 0px -179px no-repeat;
}

#Content {
	margin:0px;
	padding:0px;
	padding-left:26px;
}

#Title {
	height:62px;
	padding-left:8px;
}

#TitleHeading {
	float:left;
}

#TitleSubheading {
	clear:both;
}

#BodyContainer, .BodyContainer {
	padding-left:8px;
}

.ContentClear {
	clear:both;
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 1px;
}

#Body, .Body {
}

.SubFooter {
	clear:both;
}

.SubFooterItem {
	float:left;
	width:230px;
}

#Footer {
	height:44px;
}

#FooterDelete{
	float:left;
	width:34px;
	height:44px;
}

#FooterNav{
	float:left;
	font-size:9px;
	color:#6DCFF6;
	padding-top:31px;
}

#FooterQuickLinks {
	float:right;
	font-size:9px;
	color:#6DCFF6;
	padding-top:28px;
	padding-right:24px;
}

#FooterQuickLinks select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;	
}

#FooterLogoMayorOfLondon{
	float:right;
	width:145px;
	padding-top:32px;
	padding-left:16px;
}

#FooterLogoLondonPaper{
	float:right;
	width:110px;
	padding-top:30px;
}

#ContainerEnd {
	clear:both
}

/*-------------------------------------------------------------*/
/* Class for self clearing - use this where ever possible 
 * stolen from Airlock - props guys
 */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 1px;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Class for clearing floats */
.clear {
	clear: both;
}

/**/