/* CSS RESET - meyerweb */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ""; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;	border-spacing: 0; }
a img { border: 0; }

@font-face {
	font-family: 'TeXGyreHerosBold';
	src: url('fonts/texgyreheros-bold-webfont.eot');
	src: local('☺'), url('fonts/texgyreheros-bold-webfont.woff') format('woff'), url('fonts/texgyreheros-bold-webfont.ttf') format('truetype'), url('fonts/texgyreheros-bold-webfont.svg#webfontJ3K1Aa1r') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TeXGyreHerosRegular';
	src: url('fonts/texgyreheros-regular-webfont.eot');
	src: local('☺'), url('fonts/texgyreheros-regular-webfont.woff') format('woff'), url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'), url('fonts/texgyreheros-regular-webfont.svg#webfontjsv6S4Ls') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* MAIN STYLES */
html { height: 100%; }
body { height: 100%; margin: 0 0 1px 0; background-color: #f2f2f2; color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 0.7em; }
.wrapper { float: left; width: 100%; text-align: center; clear: both; }
.container { margin: 0 auto; text-align: left; width: 940px; color: #868686; overflow: visible; }

a.readMore { background: transparent url(images/site/readMoreBack.png) no-repeat top right; color: #FFFFFF; height: 17px; text-decoration: none; font-size: 80%; width: 66px; padding: 3px 0 0 8px; display: block; margin-top: }

#header { background-color: #060606; color: #fff; background: #000 url(images/site/headerBack.jpg) repeat-x top center; height: 60px; padding: 20px 0; width: 100%; }
	#header p { float: right; font-size: 170%; color: #fff; padding: 35px 35px 0 0; font-family: 'TeXGyreHerosRegular'; }
		#header p span.grey { color: #a1afb8; }

#navBar { width: 100%; background-color: #323232; color: #585858; clear: both; }
	#nav { color: #fff; margin: 0 auto; width: 940px; padding: 0 0 0 40px; }
	#nav li { float: left; width: auto; position: relative; }
	#nav li a,
	#nav li a:visited { text-decoration: none; color: #fff; padding: 12px 15px 14px 15px; float: left; width: auto; font-weight: bold; }
		
	#nav li:hover a { background: #3a3a3a url(images/site/activeNavBack.jpg) repeat-x top center; border: 0; padding-right: 15px; }
	
	#nav li.selected a,
	#nav li.selected a:visited { background: #3a3a3a url(images/site/activeNavBack.jpg) repeat-x top center; border-bottom: 2px solid #cc3450; padding-bottom: 12px; }
	
	#nav li.selected:hover a { border-left: 0; border-right: 0; margin: 0; padding-right: 15px; }
	
	#nav li ul { position: absolute; left: -99999px; top: 37px; width: 180px; background-color: #3a3a3a; z-index: 3; }
	
	#nav li:hover ul { left: -1px; }
	#nav li:hover ul li { width: 100%; }
	#nav li:hover ul li a, 
	#nav li:hover ul li a:visited { background: none; border: 0; float: none; display: block; padding: 8px 15px; }
	#nav li:hover ul li a:hover { background-color: #cc3450;; color: #fff; }
	
	
	#slideshow { float: left; height: 329px; width: 603px; }
	
#bannerRotate { width: 940px; margin: 0 auto; }
div#bannerRotate div.items { position:absolute; clear:both; margin:0; padding:0; }
div#bannerRotate, div#bannerRotate div.items div.item { width: 940px; }
div#bannerRotate div.items div.item { display: none; position: absolute; top: 0; left: 0; }

#banners { width: 940px; margin: 0 auto; height: 288px; position: relative; }
	#banners #tabs { width: 150px; bottom: 20px; right: 260px; position: absolute; z-index: 2; }
		#banners #tabs li { height: 15px; width: 15px; float: left; margin: 0 0 0 2px; background-color: #828688; opacity: 0.5; filter: alpha(opacity=50); }
		#banners #tabs li.current { background-color: #fff; }
		#banners #tabs li:hover { cursor: pointer; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0;}
	#banners .textbox { padding: 25px 35px; width: 372px; height: 131px; opacity: 0.65; filter: alpha(opacity=65); background-color: #100f0f; position: absolute; bottom: 2px; right: 0; z-index: 1; }
	
#breadcrumb { margin: 10px auto; clear: both; width: 940px; color: #9d9d9d; font-style: italic; }
	#breadcrumb a { text-decoration: none; color: #9d9d9d; }
		#banners .textbox h4 { line-height: 1.2em; font-size: 180%; font-weight: normal; margin: 0 0 10px 0; font-family: 'TeXGyreHerosRegular'; }
		#banners .textbox p { line-height: 1.4em; }
		#banners .textbox a { color: #fff; text-decoration: none; }
		
#main { width: 940px; position: relative; overflow: hidden; background-color: #fff; }

	#main .bodyCopy { float: left; margin: 35px 0 0 35px; margin-bottom: 15px; }
		#main .bodyCopy h2 { font-size: 120%; margin: 10px 0; }
		#main .bodyCopy ul { list-style: disc; margin: 0 0 7px 30px; }
			#main .bodyCopy ul li { padding-bottom: 10px; line-height: 1.4em; }
				#main .bodyCopy ul li ul { margin: 6px 0 8px 30px; }
				#main .bodyCopy li a { color: #92c447; }
	#main .homePage { width: 440px; }
		#main .bodyCopy ol { list-style-type: decimal; list-style-position: outside; margin: 0 0 7px 30px;  }
			#main .bodyCopy ol li { padding-bottom: 10px; line-height: 1.4em; }
				#main .bodyCopy ol li ol { margin: 6px 0 8px 30px; }
				#main .bodyCopy ol li a { color: #92c447; }
	#main .bodyWide { width: 930px; }
	#main h1 { color: #cc3450; font-size: 250%; line-height: 1.2em; margin: 0 0 15px 0; font-weight: normal; font-family: 'TeXGyreHerosRegular'; }
	#main p { margin: 0 0 10px 0; line-height: 1.4em; }
	
	#main .companyPage { width: 870px }
	#main .contentPage { float: right; margin: 35px; width: 635px; }
	#main .contactPage { width: 440px; }
	
	#main #leftMenu { margin: 35px; width: 200px; }
		#main #leftMenu ul { background-color: #e0e0e0; width: 195px; border-top: 0px solid #e0e0e0; border-bottom: 0px solid #e0e0e0; }
			#main #leftMenu ul li { margin: 1px 0; background-color: #fff; display: block; width: 185px; padding: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: bold; }
				#main #leftMenu ul li a { color: #696969; text-decoration: none;}
			#main #leftMenu ul li.active { background-color: #cc3450; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
				#main #leftMenu ul li.active a { color: #fff; }
	
	
	#main #rightBlock { background-color: #e9e9e9; border-top: 2px solid #cc3450; float: right; width: 367px; margin: 35px 35px 0 0; margin-bottom: 15px; padding: 20px; }
		#main #rightBlock p.testimonialAuthor { color: #cc3450; font-style: italic; }
		
		
				
		
	
	/* SIDEBARS FOR VARIOUS SECTIONS OF THE SITE */
	#main div.rightSide { 317px; }
	#main div.newsSide { width: 220px; margin: 40px 35px 0 0; }
	#main div.clubSide { width: 220px; margin: 0; }
	
	#main p a, #main p a:visited { color: #868686; }
	
	#main div.listItems { width: 684px; }
		#main div.listItems h1.itemsHeader { font-weight: normal; margin-bottom: 10px; }
		#main div.listItems div.entries { background: #FFFFFF url(images/site/newsListBack.gif) no-repeat top center; width: 684px; min-height: 396px; margin-bottom: 15px; }
		#main div.listItems div.entry { padding: 15px; background: transparent url(images/site/newsListSeparator.png) no-repeat bottom center; }
		#main div.listItems div.lastItem { background: none; }
			#main div.listItems div.entry img { float: left; margin: 0 10px 0 0; }
			#main div.listItems div.entry h3 { color: #92C447; margin-bottom: 5px; }
				#main div.listItems div.entry h3 a { color: #92C447; text-decoration: none; text-transform: uppercase; font-size: 120%; }
				
			#main div.listItems p.readMore { float: right; width: 150px; margin: 0; }
			#main div.listItems p.readMore a.readMore { background: transparent url(images/site/readMoreBack.png) no-repeat top left; float: left; color: #FFFFFF; height: 20px; text-decoration: none; font-size: 80%; width: 71px; padding: 0 0 0 8px; }
			#main div.listItems div.abstract {  }
			#main div.listItems div.entry span.date { color: #92C447; }
			#main div.listItems div.entry span.categories a { color: #868686; text-decoration: underline; }
	#main div.mainEntry {  }
		#main div.mainEntry h2.newsTitle { font-size: 130%; margin-bottom: 5px; color: #92C447; }
		#main div.mainEntry img { float: left; margin: 0 10px 0 0; }
		#main div.mainEntry h3 { color: #92C447; margin-bottom: 5px; }
			#main div.mainEntry h3 a { color: #92C447; text-decoration: none; text-transform: uppercase; font-size: 120%; }
		#main div.mainEntry span.date { color: #92C447; }
		#main div.mainEntry span.categories a { color: #868686; text-decoration: underline; }
	#main div.itemsTopbar { height: 20px; margin-bottom: 5px; width: 684px; }
	#main div.paginate { height: 20px; text-align: right; }
		#main div.paginate strong { color: #92C447; font-weight: bold; }
		#main div.paginate a { color: #868686; font-weight: bold; }
		#main div.paginate span.pagecount { float: left; }
	
	div.hiddenFields { display: none; }
	#main form {  }
		#main form label { display: block; margin: 0 0 5px 0; }
		#main form input[type=text] { border: 0; color: #a4a4a4; padding: 5px 8px 4px 8px; background-color: #FFFFFF; width: 188px; height: 11px; font-size: 95%; margin-bottom: 10px; }
			#main form input[type=submit] { border: 0; color: #FFFFFF; padding: 2px 8px 6px 8px; background: none; width: 60px; height: 22px; background: transparent url(images/site/formButtonBack.png) repeat-x center right; font-size: 95%; }
		#main form textarea { display: block; margin: 0 0 10px 0; width: 300px; border: 1px solid #ececec; padding: 4px; background-color: #FFFFFF; }
		#main form select { float: left; width: 200px; margin: 0 35px 0 0; }
			#main #timetableForms form select { float: left; width: 170px; }
		
	
	#subNav { position: absolute; top: 0; left: 0; width: 100%; float: left; background: #e2e2e2 url(images/site/sub_nav_bg.gif) repeat-x bottom right; margin: 0 !important; list-style: none !important; }
		#subNav li { float: left; width: auto; position: relative; padding: 0 !important; }
		#subNav li a, 
		#subNav li a:visited { float: left; padding: 6px 18px 6px 16px !important; text-decoration: none; font-weight: bold; background: transparent url(images/site/sub_nav_separator.gif) no-repeat center right; color: #868686 !important; }
		#subNav li a:hover {  }
		#subNav li img { display: none; position: absolute; left: 50%; bottom: -9px; margin-left: -10px; }
		#subNav li.selected a,
		#subNav li.selected a:visited { background: #96c551 url(images/site/sub_nav_bg_selected.gif) repeat-x bottom left; color: #fff !important; margin-left: -1px; padding-left: 17px; }
		#subNav li.selected img { display: inline; }
	
#footer { position: relative; padding: 25px 30px 14px 30px; background: #4c4c4c url(images/site/footerBack.jpg) repeat-x top center; min-height: 218px; color: #fff; width: 880px; }
	#footer a { color: #fff; text-decoration: none; }
	#footer p { line-height: 1.4em; }
		#footer p.footerDetails { margin-top: 20px; float: left; font-size: 92%; }
		#footer p.footerPhone { width: 267px; text-align: left; margin-top: 12px; float: right; font-size: 150%; margin-left: 20px; font-family: 'TeXGyreHerosRegular'; }
		#footer p span.grey { color: #a1afb8; }
	#footer h4 { margin-bottom: 14px; font-size: 1.4em; font-weight: normal; }
	#footer h5 { margin-bottom: 14px; }
	
	#footer ul.links { width: 180px; float: left; margin-right: 10px; }
		#footer ul.links li { line-height: 1.4em; }
		
	#newsletter { float: right; width: 267px; }
	#newsletter div { background-color: #5f5f5f; margin-top: 15px; }
	#newsletter div.newsletterInput { width: 267px; height: 22px; }
	#newsletter div input[type=text] { border: 0; color: #a4a4a4; padding: 5px 8px 4px 8px; background-color: #5f5f5f; width: 180px; height: 11px; font-size: 95%;float: left; }
	#newsletter div input[type=submit] { border: 0; color: #FFFFFF; padding: 2px 8px 6px 8px; background: none; width: 60px; height: 22px; background: transparent url(images/site/formButtonBack.png) repeat-x center right; font-size: 95%; }
	#newsletter div .button { float: right; }
	
	#links { float: left; margin-bottom: 45px; }
	#links li { float: left; width: 165px; }
	#links li ul {  }
	#links li ul li { padding-bottom: 4px; }
	#links li ul li a,
	#links li ul li a:visited { text-decoration: none; color: #868686; }
	#links li ul li a:hover { text-decoration: underline; }

	#copyright { position: relative; clear: right; padding: 10px 30px; background-color: #373737; color: #fff; width: 880px; }
	#copyright img { position: absolute; top: 10px; left: 0; }
	#copyright a { color: #fff; text-decoration: none; }
	
.shadow { background: transparent url(images/site/bg_shadow.png) no-repeat top center; height: 25px; }


/* Javascript tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen 
{ 
	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide { display: none; }
}

/* Hide useless elements in print layouts... */
@media print 
{
	.tabs-nav { display: none; }
}

/* Skin */
.tabs-nav { list-style: none !important; margin: 0!important; background: #6b6b6b url(images/site/club_info_tab_bg.gif) repeat-x bottom left; }
.tabs-nav:after { display: block; clear: both; content: " "; }
.tabs-nav li { float: left; min-width: 40px; padding: 0 !important; position: relative; }

.tabs-nav a, .tabs-nav a span { display: block; padding: 0 12px; }
.tabs-nav a {  position: relative; z-index: 2; padding-left: 0; background: #6b6b6b url(images/site/club_info_tab_bg.gif) repeat-x bottom left; color: #fff !important; font-weight: bold; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ }
.tabs-nav .tabs-selected a { color: #fff !important; background: #96c551 url(images/site/club_info_tab_bg_selected.gif) repeat-x bottom left; }
.tabs-nav .tabs-selected a, 
.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active { outline: 0; }
.tabs-nav a, 
.tabs-nav .tabs-disabled a:hover, 
.tabs-nav .tabs-disabled a:focus, 
.tabs-nav .tabs-disabled a:active {  }
.tabs-nav li img { position: absolute; bottom: -9px; left: 50%; margin-left: -10px; display: none; }
.tabs-nav li.tabs-selected img { display: inline; }

.tabs-nav a span { width: 64px; /* IE 6 treats width as min-width  min-width: 64px; height: 18px; /* IE 6 treats height as min-height  min-height: 18px; */ padding-top: 10px; padding-bottom: 10px; padding-right: 0; }
*>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }

.tabs-nav .tabs-selected a span { padding-top: 10px; }
.tabs-nav .tabs-selected a span, 
.tabs-nav a:hover span, 
.tabs-nav a:focus span, 
.tabs-nav a:active span { background-position: 0 -50px; }
.tabs-nav a span, 
.tabs-nav .tabs-disabled a:hover span, 
.tabs-nav .tabs-disabled a:focus span, 
.tabs-nav .tabs-disabled a:active span { background-position: 0 0; }
.tabs-nav .tabs-selected a:link, 
.tabs-nav .tabs-selected a:visited, 
.tabs-nav .tabs-disabled a:link, 
.tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }

.tabs-nav .tabs-disabled { opacity: .4; }
.tabs-container { padding: 25px 18px; background: #7b7b7b url(images/site/club_info_bg.gif) repeat-x top left; color: #cdcdcd; line-height: 1.3; /* declare background color for container to avoid distorted fonts in IE while fading */ }