@charset "utf-8";

/* ===============================
GENERAL
=============================== */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 100% Arial, Helvetica, sans-serif; /* 16px */
	background: #7193b6 url(../images/body-bg.jpg) repeat-x left top;
	line-height: 1.125em; /* 18px */
}
.clearer { clear:both; }
a {
	color: #000;
}

a img {
	border: none;
}

p, li, dd, dt {
	font-size: 0.75em; /* 12px */
}

h2 {
	font-size: 1em; /* 16px */
}

h3 {
	font-size: 0.875em; /* 14px */
}

h4 {
	font-size: 0.75em;
	margin-top: 1.25em;
}


#mainCol table, #header table {
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0;
}

#mainCol td {
	padding: 2px;
	border: 1px solid #ccc;
	font-size: 0.6875em; /* 11px */
}

td p {
	font-size: 1em;
	margin: 0;
	padding: 0;
	line-height: 0.5em;
}

form td {
	border: none;
	border-bottom: 1px solid #ccc;
}

th {
	background: #e1eaf3;
	font-weight: bold;
	text-align: left;
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 0.6875em; /* 11px */
}

ul {
	margin: 2em 0;
}

ul ul {
	margin: 0 0 0 20px;
}

.clearer {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.leftSection {
	float: left;
	width: 45%;
}

.rightSection {
	float: right;
	width: 45%;
}

#outerWrapper {
	width: 870px;
	margin: 0 auto;
}

/* ===============================
HEADER
=============================== */

#header {
	position: relative;
	margin: 20px 0 10px 0;
	width:870px;
	padding-bottom:81px;
	float:left;
}

#headerTitle {
	background: url(../images/header/header-title.png) no-repeat left top;
	text-indent: -9999px;
	width: 397px;
	height: 33px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#headerLogo {
	position: absolute;
	right: 0;
	bottom: 0;
}

#breadcrumbs {  
	background: #3e6793;
	width: 100%;
	color: #fff;
}

#breadcrumbs a {
	color: #fff;
}

#breadcrumbs ol { 
	margin: 0; 
	padding: 0;
	line-height: 2em;
	height: 1.3em;
}

#breadcrumbs ol li {  
	list-style-type:none; 
	line-height: 2em;
	padding: 0px 5px;
	height: 1.3em;
	float: left;
	font-size: 0.625em; /* 10px */
}


/* ===============================
LARGE BANNERS
=============================== */

#homeFlash {
	height: auto;
}
	#head-slideshow {
		width:870px; height:270px;
		overflow:hidden;
	}

/* ===============================
MAIN NAVIGATION
=============================== */

#mainNav {
	background: #a5b9d2 url(../images/nav_bg.jpg) repeat-x left bottom;
	border-bottom: 2px solid #fff;
}

#mainNav ul {
	list-style: none;
	margin: 0 0 0 15px;
}

#mainNav ul li {
	display: inline;
	float: left;
}

#mainNav ul li a {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	float: left;
	margin: 5px 10px 0 0;
	background: #3e6793 url(../images/navigation/main-nav-bg.jpg) repeat-x left top;
	color: #fff;
	padding: 5px;
	width: 120px;
	text-align: center;
	display: inline;
}

#mainNav ul li a:hover {
	background: #214873 url(../images/navigation/main-nav-hover-bg.jpg) repeat-x left top;
}

#mainNav ul li#currentMainNav a {
	background: #b54a00 url(../images/navigation/main-nav-current-bg.jpg) repeat-x left top;
	color: #fff;
	cursor: default;
}

/* ===============================
CONTENT
=============================== */

#contentWrapper {
	background: #fff url(../images/content-wrapper-bg.jpg) repeat-y left top;
	position: relative;
}

body.noRightCol #contentWrapper {
	background: url(../images/content-wrapper-bg2.jpg) repeat-y left top;
	position: relative;
}

#leftCol {
	width: 220px;
	float: left;
}

#mainCol {
	float: left;
	width: 430px;
	color: #09094a;
}

body#homePage #mainCol {
	padding-bottom: 250px;
}

body.noRightCol #mainCol {
	width: 650px;
	float: right;
}

#mainCol h2 {
	margin-bottom: 10px;
}

#homeCollage {
	background: url(../images/homepage-photo.jpg) no-repeat left top;
	height: 250px;
	width: 430px;
	position: absolute;
	bottom: 0;
	left: 220px;
}

body#eventsPage h3 {
	background: #ccc;
	padding: 5px;
	margin-top: 1.25em;
}

#mainCol dl {
	margin: 1.25em 0;
}

#mainCol dt {
	font-weight: bold;
}

#mainCol p {
	margin: 1.25em 0;
	line-height: 1.8em;
}

#mainCol td p {
	font-size: 1em;
	margin: 0;
	padding: 0;
	line-height: 1.5em; /* 18px */
}


#mainCol p:last-child {
	margin-bottom: 0;
}

#mainCol ul {
	margin-left: 40px;
}

#mainCol .accordion {
	margin: 20px 0 0 0;
}

#mainCol .accordion h4 {
	background: #09094a;
	color: #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
	cursor: hand;
	cursor: pointer;
	padding: 5px;
}

#mainCol .accordion div {
	padding: 10px;
	background: #ccc;
}

#mainCol .accordion div ul {
	margin: 10px 0 10px 40px;
}

#mainCol span.notAvailable {
	color: #999;
}

#mainCol .listingTitle {
	margin-top: 15px;
	background: #ccc;
	padding: 5px;
}

#mainCol .clubDetails {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

#mainCol .contactDetails {
	float: right;
	width: 50%;
	margin: 0;
	padding: 0;
}

#innerMainCol {
	padding: 20px;
}

#rightCol {
	float: right;
	width: 220px;
}

#rightCol p {
	margin: 1.25em 0;
}

#rightCol ul {
	margin-left: 20px;
}

#rightCol ul#accessGuideMenu {
	list-style: none;
	margin: 0 0 15px 0;
}

#rightCol ul#accessGuideMenu li a {
	display: block;
	background: #ccc;
	text-decoration: none;
	border-bottom: 1px solid #666;
	padding: 3px;
}

#rightCol ul#accessGuideMenu li a:hover {
	background: #999;
}

#rightCol ul#accessGuideMenu li#currentSubNav2 a {
	background: #09094a;
	color: #fff;
	cursor: default;
}

.sideBlock {
	padding: 10px 10px 0 10px;
}

.sideBlock h2 {
	font-size: 0.75em; /* 12px */
	background: #09094a url(../images/side-blocks/side-block-title-bg.jpg) repeat-x left top;
	color: #fff;
	padding: 5px;
	margin: 0 0 10px 0;
}

.sideBlock dt {
	font-size: 0.6875em; /* 11px */
}

.sideBlock dt a {
	padding: 2px;
	display: block;
	border-bottom: 1px solid #333;
	text-decoration: none;
	color: #333;
}


.sideBlock dd {
	font-size: 0.6875em; /* 11px */
	margin-bottom: 10px;
	color: #666;
}

#leftCol .sideBlock {
	color: #fff;
}

#leftCol .sideBlock h2 {
	margin-top: 10px;
}

#leftCol .sideBlock dt a {
	border-color: #999;
}

#leftCol .sideBlock dd {
	color: #999;
}

#leftCol .sideBlock a {
	color: #fff;
	border-color: #666;
}

#leftCol .sideBlock a:hover {
	border-color: #fff;
}

.sideBlock#homeCalendar ul {
	list-style: none;
	margin: 0;
}

.sideBlock#homeCalendar ul li a {
	padding: 2px;
	display: block;
	border-bottom: 1px solid #333;
	text-decoration: none;
}


/* ===============================
SUB NAVIGATION
=============================== */

#subNav {
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0 10px;
}

#subNav li a {
	color: #fff;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #999;
	padding: 3px 0;
	display: block;
}

#subNav li a:hover {
	border-color: #fff;
}

#subNav li#currentSubNav a {
	background: #fff;
	color: #000;
	cursor: default;
	padding: 3px;
	border-bottom: 1px solid #fff;
}

/* ===============================
FOOTER
=============================== */

#footer {
	border-top: 2px solid #30307f;
	background: #09094a;
	color: #fff;
	margin: 0 0 20px 0;
}

#footer a {
	color: #fff;
}

#footer p {
	font-size: 0.625em; /* 10px */
}

#footer #webDesignFooter {
	float: left;
	padding: 5px;
}

#footer #copyrightFooter {
	float: right;
	padding: 5px;
}

/* ===============================
CLEARERS
=============================== */

#mainNav:after,
#contentWrapper:after,
#innerMainCol:after,
#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}