body {
	padding: 0px;
	margin: 0px;
	background: #111A21; /* headerand footer colour - very dark blue */
}

input, select, textarea {font-family:Arial, helvetica, sans-serif;}

.outer	{
	background: url(../images/spacers_etc/main_background.gif) repeat-x left top;
	height: 430px;
	width: 100%;
}

/********************************************************/
/*** FOR THE MORE INFO SEE: ***/
/********************************************************/
/*** http://www.jakpsatweb.cz/css/css-vertical-center-solution.html ***/
/*** http://www.w3.org/Style/Examples/007/center.html ***/
/*** http://blog.themeforest.net/tutorials/vertical-centering-with-css/ ***/
/********************************************************/

/****************************************************************************************************************/
/************** general styles **********************************************************************************/
/****************************************************************************************************************/

span.eventBuyLink a:link, .alt a:link {color: #ffffff; text-decoration: underline}
span.eventBuyLink a:visited, .alt a:visited {color: #ffffff; text-decoration: underline}
span.eventBuyLink a:active, .alt a:active {color: #ffffff; text-decoration: none}
span.eventBuyLink a:hover, .alt a:hover {color: #ffffff; text-decoration: none}

.green {color: #708A32;}
.blue {color: #79838F;}
.nomargin {margin-bottom: 0px;}
.warning {color: #B32317;}
.rightColumnMargin {margin-bottom: 5px;}

div.navColumnGifLinks {
	padding: 8px 0px 0px 15px;
}

div.movieClipSnippet {padding-bottom: 13px;}

/****************************************************************************************************************/
/*** LAYOUT DIV TAGS ********************************************************************************************/
/****************************************************************************************************************/

#header, #footer {
	background: transparent;
	height: 25px;
}

#container {
	background: url(../images/background_images/main.jpg) repeat-x left top;
	width: 970px;
	height: 380px;
}

#header, #container, #footer {
	padding: 0px;
	margin: 0px;
	width: 970px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
	clear: both;
}

#headerLeft, #footerLeft {
	float: left;
	height: 25px;
}

#headerRight, #footerRight {
	float: right;
	height: 25px;
}

#footerRight div, #footerLeft div {
	color: #ffffff;
	margin-top: 5px;
}

/****************************************************************************************************************/
/*** COLUMN DIV TAGS ********************************************************************************************/
/****************************************************************************************************************/

.navigationColumn {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 185px;
	height: 380px;
}

.contentColumns { 
	float: right;
	margin: 0px;
	padding: 0px;
	height: 380px;
	width: 770px;
	background-color: transparent;
}

.contentLeftandMiddleColumnContainer {
	float: left;
	width: 575px;
	padding-top: 15px;
}

.contentLeft { /* Main text column */
	float: left;
	width: 365px;
}

.contentMiddle { /* Used for image */
	float: right;
	width: 195px;
}

.contentRight { /* Far right column */
	padding: 0px;
	margin: 0px;
	float: right;
	width: 180px;
	border: 0px;
}

/****************************************************************************************************************/
/*** NAVIGATION  ************************************************************************************************/
/****************************************************************************************************************/

.navigationInner {
	margin: 0px;
	padding: 15px 0px 15px 15px;
}

div.navigationLevelOneContainer {
	padding-top: 4px;
}

p.navigationLevelOne, p.navigationLevelOneOn {
	padding: 0px 0px 4px 0px;
	margin: 0px;
	line-height: 12px;
	font-weight: bold;
	display: block;
}

p.navigationLevelOne a {display: block;}
p.navigationLevelOne a:link {COLOR: #ffffff; text-decoration: none}
p.navigationLevelOne a:visited {COLOR: #ffffff; text-decoration: none}
p.navigationLevelOne a:active {COLOR: #ffffff; text-decoration: underline}
p.navigationLevelOne a:hover {COLOR: #ffffff; text-decoration: underline}

p.navigationLevelOneOn a {display: block;}
p.navigationLevelOneOn a:link {COLOR: #79838F; text-decoration: none}
p.navigationLevelOneOn a:visited {COLOR: #79838F; text-decoration: none}
p.navigationLevelOneOn a:active {COLOR: #79838F; text-decoration: underline}
p.navigationLevelOneOn a:hover {COLOR: #79838F; text-decoration: underline}

div.navigationLevelTwoContainer {
	padding-top: 0px;
	padding-bottom: 6px;
}

p.navigationLevelTwo, p.navigationLevelTwoOn {
	padding: 0px 0px 2px 10px;
	margin: 0px;
	line-height: 11px;
	display: block;
}

p.navigationLevelTwo a {display: block;}
p.navigationLevelTwo a:link {COLOR: #ffffff; text-decoration: none}
p.navigationLevelTwo a:visited {COLOR: #ffffff; text-decoration: none}
p.navigationLevelTwo a:active {COLOR: #79838F; text-decoration: underline}
p.navigationLevelTwo a:hover {COLOR: #79838F; text-decoration: underline}

p.navigationLevelTwoOn a {display: block;}
p.navigationLevelTwoOn a:link {COLOR: #79838F; text-decoration: none}
p.navigationLevelTwoOn a:visited {COLOR: #79838F; text-decoration: none}
p.navigationLevelTwoOn a:active {COLOR: #79838F; text-decoration: underline}
p.navigationLevelTwoOn a:hover {COLOR: #79838F; text-decoration: underline}

/****************************************************************************************************************/
/*** TEXT AREAS *************************************************************************************************/
/****************************************************************************************************************/

/*** Left column **********************/

.TextContainerScrollFull {
	margin: 0px;
	overflow: auto;
	padding: 0px 0px 0px 1px;	/*** Padding added to stop 'w' characters being cropped on the left of a row in IE ***/
	height: 350px;				/*** Width reduced by 1px in light of 1px left padding above ***/
	width: 365px;				
}

.textContainerInner { /* allow 20px for scroll bar... */
	padding: 0px;
	margin: 0px;
	width: 340px;
	overflow: hidden;
}

/*** Middle column **********************/

.contentMiddleInner {
	padding: 0px;
	margin: 0px;
	width: 195px;
	height: 350px; /*** 380px - 15px - 15px to margin ***/
	overflow: hidden;
}

/*** Right column **********************/

div.rightTextContainerOuter {
	padding: 0px;
	margin: 15px 15px 15px 0px;
}

div.rightTextContainerInner {
	padding: 0px;
	margin: 0px;
	width: 165px;
	height: 350px; /*** 380px - 15px - 15px to margin ***/
	overflow: hidden;
}

#rightEventsContainer {
	padding: 0px 0px 6px 0px;
	border-bottom: 1px solid #B3B3B3;
	margin: 0px 0px 10px 0px;
}

#rightNewsContainer {
	padding: 0px;
	margin: 0px;
}

/*******************************************************************************************************************************************************/
/**************IMAGE STYLES ****************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.rightImage {
	background-color: #ffffff;
	width: 200px;
	margin: 0px 0px 13px 0px;
}

div.rightImageInside {
	padding: 3px 3px 3px 3px;
}

/*******************************************************************************************************************************************************/
/************** form styles ****************************************************************************************************************************/
/*******************************************************************************************************************************************************/

form {margin-bottom: 0px;} /* NEEDED AS PAGE HAS A FORM TAG AROUND IT */

span.website input {background: #111A21; color: #ffffff; border:1px solid #777777;}
span.website input:focus {background: #0B0C0E;}

span.website input.fullWidth {width: 332px;} /* Reduced by 4px to get better line spaing in ie6*/
span.website input.buyQuantity {width: 20px;}
span.website input.button {background: #436271; font-weight: bold;}

span.website select {background: #111A21; color: #ffffff; border:1px solid #777777;}

span.website select.fullWidth {width: 336px;} /* Reduced by 4px to get better line spaing in ie6*/

span.website textarea {background: #111A21; color: #ffffff; border:1px solid #777777;}
span.website textarea:focus {background: #0B0C0E;}

span.website textarea.fullWidth {width:336px;} /* Reduced by 4px to get better line spaing in ie6*/

span.noborder input {border: 0px; background: transparent}

/*******************************************************************************************************************************************************/
/************** events styles **************************************************************************************************************************/
/*******************************************************************************************************************************************************/

div.eventsMonthCommencing {
	height: 25px;
	background-color: #111A21;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 13px;
	border: 1px solid #ffffff;
}

h3.eventTitle { margin-bottom: 0px;}
p.eventSummary, p.eventDate { margin-bottom: 6px; }

/*******************************************************************************************************************************************************/
/************** Scroller *******************************************************************************************************************************/
/*******************************************************************************************************************************************************/

/* MAIN COLUMN */
div.scrollerBlock { background-color: #446371; }
div.scrollerBar { background-color: #0B0C0E; }

/****************************************************************************************************************/
/*** SPLASH *****************************************************************************************************/
/****************************************************************************************************************/

table.splashMainLayout {
	background: url(../images/background_images/wide-room.jpg) no-repeat center top;
}

div.splashOuter {
	height: 250px;
	width: 100%;
}

div.splashContent, div.splashImage, div.splashText {
	height: 195px;
}

div.splashContent {
	width: 700px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
}

div.splashContentInside {
	padding: 0px 30px 0px 30px;
}

div.splashImage {
	float: left;
	width: 195px;
}

div.splashText {
	float: right;
	width: 415px;
}

div.splashImage, div.splashText {overflow: hidden;}

div.splashLink {
	clear: both;
	width: 700px;
	padding: 25px 0px 0px 0px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
}