@charset "UTF-8";
/* CSS Document */

/*  
Theme Name: Jubilee Hall Trust
Theme URI: http://wordpress.imblickpunkt.com
Description: SEO Optimized Portal Layout. The Text Element are white for better reading. The Code is W3C Valid and Clean. You can easy modify alot of thinks. For sure the Theme is Widget ready. If you find bugs plz visit http://wordpress.imblickpunkt.com and leave a MSG - i will fix it asap.
Tags: seo, w3c, valid, easy, three columns, Right sidebar, left sidebar, fixed width, widgets, easy customization, widget ready, valid css, valid xhtml. games
Version: 1.0
Author: Dan Hurrell
Author URI: http://www.pynkandfluffy.com
License :  GNU General Public License (GPL) version 3

	
 */

@import url("css/reset-min.css"); /* ------- Reset */

/* = clearfix taken from http://www.positioniseverything.net/easyclearing.html
=========================================================================== */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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


/* = TAGS: Body
============================================================================ */
body,td,th {
	font-family: Arial, Helvetica, San-serif;
	font-size: 10px;
	color: #333333;
}
body {
	background-color: #235273;
	background-image: url('images/bg.gif');
	background-repeat: repeat-x;
	background-position: top left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
strong {
	font-weight: bold;
}
.colomboBG {
	background-color: #86CCF3;
	background-image: url('images/bg-colombo.png');;
}

/* = TAGS: links
============================================================================ */
a:link {
	color: #B54F47;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #B54F47;
}
a:hover {
	text-decoration: underline;
	color: #B54F47;
}
a:active {
	text-decoration: none;
	color: #B54F47;
}

/* = HEADER
============================================================================ */
#header {
	width: 960px;
}

/* = HEADER: logo
============================================================================ */
#logo {
	width: 321px;
	height: 58px;
	float: left;
	margin-top: 20px;
	padding: 0px;
}
#logo H1 {
	float: left;
}
#logo H1 A.homeLogoWidth {
	width: 205px;
}
#logo H1 A.hallLogoWidth {
	width: 221px;
}
#logo H1 A.armouryLogoWidth {
	width: 251px;
}
#logo H1 A.colomboLogoWidth {
	width: 251px;
}
#logo H1 A.westminsterLogoWidth {
	width: 320px;
}
#logo H1 A {
	height: 58px;
	position: relative;
	overflow: hidden;
	display: block;
	color: #999;	
}
#logo H1 A SPAN {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
#logo H1 A SPAN.homeLogo {
	background: url('images/logo.png') no-repeat;
}
#logo H1 A SPAN.hallLogo {
	background: url('images/logo-hall.png') no-repeat;
}
#logo H1 A SPAN.armouryLogo {
	background: url('images/logo-armoury.png') no-repeat;
	
}
#logo H1 A SPAN.colomboLogo {
	background: url('images/logo-colombo.png') no-repeat;
}
#logo H1 A SPAN.westminsterLogo {
	background: url('images/logo-westminster.png') no-repeat;
}
#logo H1 A STRONG {
	font: 22px/11px;
	color: #000000;
}
#logo H1 A:hover STRONG {
	color: #000000;
}

/* = HEADER: strapline
============================================================================ */
#strapline {
	margin-top: 28px;
	font-size: 130%;
	line-height: 120%;
	color: #FFFFFF;
	text-align: right;
	float: left;
	width: 305px;
	margin-left: 175px;
}
#strapline a:link {
	color: #88B2DF;
	text-decoration: none;
}
#strapline a:visited {
	text-decoration: none;
	color: #88B2DF;
}
#strapline a:hover {
	text-decoration: underline;
	color: #88B2DF;
}
#strapline a:active {
	text-decoration: none;
	color: #88B2DF;
}
#strapline a.colomboLink {
	color: #235273;
}


/* = HEADER: badge
============================================================================ */
#badge {
	width: 139px;
	height: 80px;
	float: left;
	margin-top: 12px;
	padding: 0px;
	margin-left: 20px;
}
#badge H2 {
	float: left;
}

#badge H2 A {
	width: 139px;
	height: 80px;
	position: relative;
	overflow: hidden;
	display: block;
	color: #999;	
}
#badge H2 A SPAN {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: url('images/badge.png') no-repeat;
}
#badge H2 A SPAN.homeBadge {
	background: url('images/badge-home.png') no-repeat;
}
#badge H2 A SPAN.hallBadge {
	background: url('images/badge-hall.png') no-repeat;
}
#badge H2 A SPAN.armouryBadge {
	background: url('images/badge-armoury.png') no-repeat;
}
#badge H2 A SPAN.westminsterBadge {
	background: url('images/badge-westminster.png') no-repeat;
}
#badge H2 A SPAN.colomboBadge {
	background: url('images/badge-colombo.png') no-repeat;
}
#badge H2 A STRONG {
	font: 22px/11px;
	color: #000000;
}
#badge H2 A:hover STRONG {
	color: #000000;
}

/* = HERO
============================================================================ */
#hero {
	width: 960px;
	height: 201px;
}


/* = BAR
============================================================================ */
#bar {
	background: url('images/bg-bar.gif') repeat-x;
	width: 960px;
	height: 73px;
}
#bar UL {
	list-style:none; 
	margin: 0; 
	padding: 0px;
	height: 70px;
	
}
#bar UL LI {
	display:inline;
	margin: 0px;
	padding: 0px;
	height: 70px;
}
#barAddress {
	float: left;
	padding-left: 25px;
	width: 180px;
	text-align: left;
	color: #4F5C67;
	font-size: 120%;
	line-height: 130%;
	margin-top: 15px;
}
#barButtons {
	width: 390px;
	float: left;
	margin-left: 20px;
	margin-right: 70px;
	text-align: left;
	margin-top: 21px;
}
#barContact {
	width: 250px;
	float: left;
	text-align: left;
	margin-top: 17px;
	font-size: 130%;
	font-weight: normal;
	color: #0E1F33;
}

#barContact P {
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	margin-bottom: 5px;
}
#barContact IMG {
	margin-right: 5px;
}

#bar a:link {
	color: #0E1F33;
	text-decoration: none;
}
#bar a:visited {
	text-decoration: none;
	color: #0E1F33;
}
#bar a:hover {
	text-decoration: none;
	color: #5AB1C7;
}
#bar a:active {
	text-decoration: none;
	color: #0E1F33;
}
.barIcon {
	vertical-align: middle;
} 
/* = CONTENT
============================================================================ */
#content {
	background-color: #FFFFFF;
	padding-right: 25px;
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #F2F2F2;
	width: 935px;
}
#content h1, .widget-header {
	font-size: 200%;
	color: #5786B6;
	font-weight: normal;
	padding-bottom: 7px;
	border-bottom: 1px solid #E2EAF1;
	margin-bottom: 20px;
}
#content h2 {
	font-size: 150%;
	color: #235273;
	font-weight: normal;
	padding-bottom: 7px;
	border-bottom: 1px solid #E2EAF1;
	margin-bottom: 20px;
}
#content h3 {
	font-size: 130%;
	color: #5786B6;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 10px;
}
#content h4 {
	font-size: 150%;
	color: #5786B6;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #E2EAF1;
}
#content P {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 130%;
	font-size: 120%;
}
#content .introCopy {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 130%;
	font-size: 130%;
}
#content .priceTable {
	margin-bottom: 10px;
}
#content .priceTable TD {
	padding-left: 10px;
	line-height: 130%;
	font-size: 120%;
}
#content TD {
	padding-left: 25px;
}
#content .contactTable TD {
	padding-left: 0px;
}
#content .contactTable TD IMG {
	padding: 0px;
}
#content .contactTable .contactDetails {
	padding-right: 15px;
}
#content a:link {
	color: #235273;
	text-decoration: none;
}
#content a:visited {
	text-decoration: none;
	color: #235273;
}
#content a:hover {
	text-decoration: none;
	color: #5AB1C7;
}
#content a:active {
	text-decoration: none;
	color: #235273;
}
.priceTable {
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 50px;
}
.priceTable TD {
	margin-bottom: 10px;
	width: 175px;
}

.timeTable {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E2EAF1;
}
#content .timeTable TD {
	font-size: 120%;
	color: #666666;
	padding-left: 0px;
}

/* = CONTENT: home
============================================================================ */
#homeLeft {
	width: 290px;
	text-align: left;
}
#homeMiddle {
	width: 290px;
	text-align: left;
}
#homeRight {
	width: 290px;
	text-align: left;
}
.homeButton {
	text-align: center;
	margin-top: 10px;	
}

/* = CONTENT: club
============================================================================ */
#clubLeft {
	padding-left: 25px;
	width: 180px;
	float: left;
	text-align: left;
}
#clubMiddle {
	width: 390px;
	float: left;
	margin-left: 20px;
	margin-right: 70px;
	text-align: left;
}
#clubRight {
	width: 250px;
	float: left;
	text-align: left;
}
#clubMiddle IMG {
	padding-top: 10px;
	padding-bottom: 10px;
}


/* = CONTENT: news
============================================================================ */

.newsItem {
	border-bottom: 1px solid #E2EAF1;
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.headline {
	font-size: 130%;
	line-hieght: 130%;
	margin-bottom: 2px;
}
.headline a:link {
	color: #235273;
	text-decoration: none;
}
.headline a:visited {
	text-decoration: none;
	color: #235273;
}
.headline a:hover {
	text-decoration: underline;
	color: #235273;
}
.headline a:active {
	text-decoration: none;
	color: #235273;
}
.date {
	font-size: 110%;
	line-height: 130%;
	color: #999999; 
}
.ctaLink {
	text-align: right;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 15px;
}
#content .open-post {
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
#content .open-post h2 {
	font-size: 130%;
	line-height: 120%;
	margin-bottom: 5px;
	border: 0px;
	padding: 0px;
}
#content .open-post .postDate {
	font-size: 110%;
	line-height: 120%;
	color: #666666;
}
#content .post {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #E2EAF1;
}
#content .post h2 {
	font-size: 130%;
	line-height: 120%;
	margin-bottom: 5px;
	border: 0px;
	padding: 0px;
}
#content .post .postDate {
	font-size: 110%;
	line-height: 120%;
	color: #666666;
}

/* = CONTENT: nav
============================================================================ */
.navHead {
	font-size: 130%;
	color: #B2B2B2;
	font-weight: normal;
	padding-top: 6px;
	padding-bottom: 7px;
	border-bottom: 1px solid #E2EAF1;
	margin-bottom: 20px;
}
.nav {
	margin-bottom: 20px;
}
.nav UL {
	list-style:none; 
	margin: 0; 
	padding: 0px;
	
}
.nav UL LI {
	font-size: 130%;
	line-height: 140%;
}

/* = CONTENT: trust link
============================================================================ */
.trustLink {
	font-size: 110%;
	color: #666666;
	font-weight: normal;
	padding-top: 10px;
	border-top: 1px solid #E2EAF1;
	margin-bottom: 10px;
	line-height: 120%;
}
.trustLink IMG {
	margin-bottom: 5px;
}

/* = CONTENT: other clubs
============================================================================ */
.otherClubs {
	font-size: 110%;
	color: #666666;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #E2EAF1;
	border-bottom: 1px solid #E2EAF1;
	margin-bottom: 20px;
	line-height: 120%;
}
.otherClubs UL {
	list-style:none; 
	margin: 0;
	margin-top: 5px; 
	padding: 0px;
	
}
.otherClubs UL LI {
	line-height: 140%;
}


/* = CONTENT: vital statistics
============================================================================ */
.right-widget {
	margin-bottom: 20px;
}
.right-widget UL {
	list-style-position: outside;
	list-style-type: disc; 
	margin-left: 20px; 
	padding: 0px;
	
	
}
.right-widget UL LI {
	font-size: 130%;
	line-height: 110%;
	margin-bottom: 17px;
}
.tourLink {
	margin-bottom: 20px;
}

/* = CONTENT: special offers
============================================================================ */
#specialOffer {
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 20px;
	background-color: #F6FDED;
	border-top: 1px solid #E2EAF1;
	border-bottom: 1px solid #E2EAF1;
}
#specialOffer .soGym {
	color: #59A000;
	font-size: 200%;
	margin-bottom: 20px;
}
#specialOffer .soContent H2 {
	color: #E0521B;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 15px;
	border: 0px;
}
#specialOffer .soContent P {
	color: #333333;
	font-size: 110%;
	margin-bottom: 10px;
}

/* = FOOTER
============================================================================ */
#footer {
	width: 960px;
}
#affiliates {
	border-top: 1px solid #C0CCDA;
	padding-top: 25px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	text-align: left;
	padding-left: 35px;
}
.affIntro {
	font-size: 110%;
	color: #666666;
	line-height: 130%;
	width: 70px;
	margin-right: 5px;
	float: left;
	padding-top: 0px;
}
.affLogos IMG {
	margin-right: 30px;
	float: left;
}
#bottomCorners {
	height: 10px;
	width: 100%;
	background: url('images/bottom.gif') no-repeat;
}
.colomboBG #bottomCorners {
	height: 10px;
	width: 100%;
	background: url('') no-repeat;
}
#legal {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #FFFFFF;
}
#copyright {
	float: left;
	text-align: left;
	font-size: 110%;
	width: 50%;
}
#legalLinks {
	float: left;
	text-align: right;
	font-size: 110%;
	width: 50%;
}
#legalLinks a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#legalLinks a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#legalLinks a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#legalLinks a:active {
	text-decoration: none;
	color: #FFFFFF;
}