/**********************************************************************************************

	CSS on Sails
	Title: Site Name
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: June 2009

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/
#header:after,
#content-wrapper:after,
#content:after,
#footer:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/
html {
	background: #00266e url(images/clubs/bg_full.jpg) no-repeat 50% 0;
}
body {
	color: #666;
	font: 62.5%/1.3 "Arial", "Helvetica", sans-serif;
	text-align: center;
}
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #59a5c9; text-decoration: underline; }
a:hover, a:active { color: #59a5c9; text-decoration: none; }

.textRight {
	text-align: right;
}

.plus,
.play {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding: 0 23px 0 0;
	font-size: 15px;
	color: #ff7f00;
	text-decoration: none;
}

.plus {
	background-image: url(images/clubs/ico_plus.png);
}

.play {
	background-image: url(images/clubs/ico_play.png);
}

.text-image {
	display: block;
	float: left;
	margin: 3px 19px 5px 0;
}

.text-image.no-float {
	float: none;
}

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

.container {
	width: 796px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	font-size: 1.2em;
}

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	z-index: 1;
	height: 233px;
}

	#header h1 {
		position: absolute;
		top: 210px;
		left: 87px;
		display: block;
		width: 114px;
		height: 22px;
		overflow: hidden;
		font-size: 17px;
		color: #fff;
	}

		#header h1 span {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			width: 114px;
			height: 22px;
			background: url(images/clubs/bg_full.jpg) no-repeat -736px -210px;
		}

	#header ul.main-menu {
		position: absolute;
		right: 92px;
		bottom: 7px;
	}

		#header ul.main-menu li {
			display: inline;
			font-size: 13px;
			font-weight: bold;
			color: #0060b6;
		}

			#header ul.main-menu li a {
				display: inline-block;
				padding: 0 9px 0 9px;
				color: #0060b6;
				text-transform: uppercase;
				text-decoration: none;
			}

			#header ul.main-menu li a:hover {
				text-decoration: underline;
			}

			#header ul.main-menu li.active a {
				text-decoration: underline;
			}

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#content-wrapper {
	position: relative;
	z-index: 0;
	background: #fff url(images/clubs/bg_full.jpg) no-repeat -649px -233px;
	padding: 0 0 80px 0;
}

#content {
	float: left;
	width: 486px;
	padding: 31px 28px 0 39px;
}

	#content h2 {
		clear: both;
		font-size: 21px;
		font-weight: normal;
		color: #59a5c9;
		border-bottom: solid 1px #ececec;
		margin: 0 3px 15px 0;
		padding: 0 0 8px 0;
	}

	#content h2:first-child {
		border-bottom: solid 2px #ececec;
		padding: 0 0 3px 0;
	}

	#content p {
		font-size: 12px;
		padding: 0 0 19px 0;
		line-height: 160%;
		overflow: auto;
	}

	#content p.more {
		margin-top: -15px;
	}

	#content dl.two-columns {
		width: 50%;
		float: left;
	}

		#content dl.two-columns dt {
			padding: 0 0 15px 5px;
		}

			#content dl.two-columns dt img {
				display: block;
			}

		#content dl.two-columns dd {
			padding: 0 25px 0 10px;
		}

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 188px;
	padding: 19px 51px 0 4px;
}

	#sidebar h2 {
		padding: 0 0 0 0;
		margin: 0 -11px 0 -4px;
	}

	#sidebar h3 {
		padding: 8px 0 2px 0;
		color: #8cb41b;
		font-size: 18px;
		font-weight: normal;
	}

	#sidebar h4 {
		padding: 0 0 1px 0;
		color: #ff7f00;
		font-size: 15px;
		font-weight: normal;
	}

	#sidebar div.justify {
		text-align: justify;
		padding: 0 0 17px 0;
		line-height: 155%;
	}

		#sidebar div.justify h3 {
			color: #59a5c9;
			padding: 0;
			display: inline;
		}

		#sidebar div.justify p {
			color: #000;
			font-size: 11px;
			padding: 0;
			display: inline;
		}

	#sidebar ul.default {
		padding: 0 0 5px 0;
	}

		#sidebar ul.default li {
			padding: 0 0 3px 0;
			line-height: 125%;
		}

			#sidebar ul.default li a {
				color: #000;
				font-size: 10px;
				text-decoration: none;
				text-transform: uppercase;
			}

			#sidebar ul.default li a:hover {
				text-decoration: underline;
			}

			#sidebar ul.default li ul {
				padding: 0 0 1px 7px;
			}

				#sidebar ul.default li ul li {
					padding: 0;
					line-height: 120%;
				}

					#sidebar ul.default li ul li a {
						color: #8cb41b;
						font-size: 11px;
						text-transform: none;
					}

					#sidebar ul.default li ul li ul li a {
						color: #000000;
						font-size: 10px;
						font-style: italic;
					}
					
	#sidebar ul.default2 {
	}

		#sidebar ul.default2 li {
			line-height: 155%;
			padding: 0 0 19px 0;
		}

			#sidebar ul.default2 li a {
				color: #000;
				font-size: 11px;
				text-decoration: none;
			}

			#sidebar ul.default2 li a:hover {
				text-decoration: underline;
			}

	#sidebar .spacer {
		margin-bottom: 21px;
	}

	#sidebar .spacer-double {
		margin-bottom: 42px;
	}

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/

#footer {
	background: url(images/clubs/bg_footer.png) no-repeat 0px 0px;
	height: 80px;
}


/* Rob's additions... */
.CenteredItems { text-align: center; vertical-align: middle; }
.CenteredTable { margin-left: auto; margin-right: auto; }
.CenteredQuoteText { font: 62.5%/1.3; font-style: italic; text-align: center; margin-left: 10px; margin-right: 10px; }


.TinyText { font: 90%/1.3 "Arial", "Helvetica", sans-serif; }

#content ul { list-style: outside disc; }

#content li {
	font-size: 12px;
	padding: 0 0 19px 0;
	line-height: 160%;
	list-style: outside disc;
	margin-left: 40px;
}


/*
color: #666;
	font: 62.5%/1.3 "Arial", "Helvetica", sans-serif;
	text-align: center;
*/

#content .SmallTableText p
{
    font-size: 11px;
    line-height: normal;
    margin-right: 20px;
}