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

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		Tom Harman
				Nick Watson
				Tom Fletcher-jones
				[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

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

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {
	font-size: .7em;
		background-image: url(../i/layout/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #D3E6CC;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	COLOR: #FFFFFF;
}

div#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

/***********************************************************************
	IF YOU GET RANDOM SPACING AND OTHER ANNOYING WIERDNESS LOOK BELOW FIRST
************************************************************************/

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, 
div#content h6, div#content table, div#content ul, div#content ol, div#content form {
	margin: 1em 0;
}
div#content-contact p, div#content-contact h1, div#content-contact h2, div#content-contact h3, div#content-contact h4, div#content-contact h5, 
div#content-contact h6, div#content-contact table, div#content-contact ul, div#content-contact ol, div#content-contact form {
	margin: 1em 0;
}
/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label, div.req p		{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
div#container{
	width: 758px;
	margin: 0 auto;		
}
div#header{
	width: 758px;
	height: 147px;
	float: left;
	background-image: url(../i/layout/header.jpg);
	background-repeat: no-repeat;	
	padding-top: 1px;
}
div#flash{
	width: 758px;
	height: 164px;
	background-image: url(../i/layout/no-flash-placeholder.jpg);
	background-repeat: no-repeat;
	float: left;
}
div#main{
	width: 758px;
	float: left;
	background-image: url(../i/layout/repeater.jpg);
	background-repeat: repeat-y;
}
div#footer{
	width: 758px;
	height: 24px;
	float: left;
	clear: both;
	margin: 0 auto;
	background-image: url(../i/layout/footer.jpg);
	background-repeat: no-repeat;	
	color: #ffffff;
	padding-top: 3px;
	padding-left: 10px;
	
	
}
div#content{
	float: left;
	margin-left: 20px;
	width: 515px;
	margin-bottom: 40px;
}
* html div#content{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 515px;
	margin-bottom: 40px;
}
div#content-contact{
	float: left;
	margin-left: 20px;
	width: 300px;
	margin-bottom: 40px;
}
div#content-right{
	float: right;
	margin-right: 20px;
	margin-top: 35px;
	width: 170px;
	padding: 10px;
	background-color: #348910;
	border: 1px dotted #ffffff;
}
div#content-right-contact{
	float: right;
	margin-right: 20px;
	margin-top: 35px;
	width: 170px;
	padding: 10px;


}
div#nav{
	/*float: left;*/

/*	margin-top: 108px;*/

}
/***********************************************************************
	HEADER ELEMENTS
************************************************************************/
div#nav ul{
		padding-top: 9px;
}
div#nav ul li{
float: left;	
width: auto;

height: 20px;

}
div#nav ul li a{
	color: #ffffff;
	text-indent: -999em;
}
div#nav ul li a:hover{
	color: #BCDD50;

}
div#nav ul li.button-home a{
float: left;
width: 33px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-home.jpg);
background-repeat: no-repeat;

}
div#nav ul li.button-times a{
float: left;
width: 83px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-times.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-course a{
float: left;
width: 71px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-course.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-prices a{
float: left;
width: 41px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-prices.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-card a{
float: left;
width: 75px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-card.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-gallery a{
float: left;
width: 47px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-gallery.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-contact a{
float: left;
width: 51px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-contact.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-home a:hover{
float: left;
width: 33px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-home-roll.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-times a:hover{
float: left;
width: 83px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-times-roll.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-course a:hover{
float: left;
width: 71px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-course-roll.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-prices a:hover{
float: left;
width: 41px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-prices-roll.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-card a:hover{
float: left;
width: 75px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-card-roll.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-gallery a:hover{
float: left;
width: 47px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-gallery-roll.jpg);
background-repeat: no-repeat;
}
div#nav ul li.button-contact a:hover{
float: left;
width: 51px;
height: 15px;
margin-left: 10px;
background-image: url(../i/layout/button-contact-roll.jpg);
background-repeat: no-repeat;
}




/*div#nav ul li.button-home{
width: 33px;
}
div#nav ul li.button-times{
width: 83px;
}
div#nav ul li.button-course{
width: 71px;
}
div#nav ul li.button-prices{
width: 41px;
}
div#nav ul li.button-card{
width: 75px;
}
div#nav ul li.button-gallery{
width: 47px;
}
div#nav ul li.button-contact{
width: 51px;
}*/
/***********************************************************************
	BODY ELEMENTS
************************************************************************/
h1.index{
	background-image: url(../i/layout/index-h1.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
}
h1.mardyke{
	background-image: url(../i/layout/h1-mardyke.gif);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 18px;
}
h1.where{
	background-image: url(../i/layout/h1-where.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.card{
	background-image: url(../i/layout/h1-card.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.clubhouse{
	background-image: url(../i/layout/h1-clubhouse.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.coaching{
	background-image: url(../i/layout/h1-coaching.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.management{
	background-image: url(../i/layout/h1-management.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.membership{
	background-image: url(../i/layout/h1-membership.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.times{
	background-image: url(../i/layout/h1-times.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.map{
	background-image: url(../i/layout/h1-course.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.prices{
	background-image: url(../i/layout/h1-prices.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
h1.gallery{
	background-image: url(../i/layout/h1-gallery.jpg);
	background-repeat: no-repeat;
	text-indent: -999em;
	height: 20px;
}
div.april-october{
	float: left;
	width: 225px;
	background-color: #235808;
	margin-right: 5px;
	padding: 10px;
	background-image: url(../i/layout/small-grad.jpg);
	background-repeat: repeat-x;
	border: 1px solid #ffffff;
	
}
div.november-march{
	float: left;	
	width: 225px;
	background-color: #235808;
	padding: 10px;
		background-image: url(../i/layout/small-grad.jpg);
	background-repeat: repeat-x;
		border: 1px solid #ffffff;
}

div.table-top{
	width: 506px;
	/*height: 20px;*/
	background-color: Olive;
	margin-bottom: 1px;
	padding: 3px;
			background-image: url(../i/layout/small-grad.jpg);
	background-repeat: repeat-x;
	float: left;
}
div.cell{
	width: 164px;
	/*height: 20px;*/
	background-color: Olive;
	float: left;
	margin-right: 1px;
		padding: 3px;
				background-image: url(../i/layout/small-grad.jpg);
	background-repeat: repeat-x;
	margin-bottom: 1px;
	
}
div.cell2{
	width: 249px;
	/*height: 20px;*/
	background-color: Olive;
	float: left;
	margin-right: 1px;
	padding: 3px;
	background-image: url(../i/layout/small-grad.jpg);
	background-repeat: repeat-x;
	margin-bottom: 1px;
	
}
div.cell2 strong{
font-size: 1em;
color: #D7F4DC;
	
}
div.cell strong{
font-size: 1em;
color: #D7F4DC;
	
}
div#content a{
	color: #BCDD50;
}
div#content a:hover{
	color: #ffffff;
}

div.contact-form{
	float: right;
	width: 300px;
/*	height: 300px;*/
	background-image: url(../i/layout/contact.jpg);
	background-repeat: no-repeat;
/*	width: 200px;*/
	padding: 10px;
	padding-top: 40px;	
}
div.contact-form form{
	margin-left: 4px;

float: left;
width: 250px;
}
div.contact-bottom{

float: right;
width: 300px;
height: 28px;
background-image: url(../i/layout/contact-bottom.jpg);
background-repeat: no-repeat;
/*margin-top: 1px;*/
padding-right: 20px;
}
div.contact-footer{
	float: left;

/*	height: 271px;*/
	background-image: url(../i/layout/contact-footer.jpg);
	background-repeat: no-repeat;
	width: 180px;
	padding: 5px;

}
div#content p{
	text-align: justify;
}
div#content img{
	float: right;
	padding: 5px;
	border: 1px dotted #ffffff;	
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}
div#content div.gallery-image{
/*width: 125px;
height: 125px;*/
background-color: #348910;
float: left;
border-top: 1px solid #379212;
border-left: 1px solid #379212;
border-right: 1px solid #246903;
border-bottom: 1px solid #246903;
padding: 5px;
margin-right: 2px;
margin-bottom: 2px;
}
div#content div.gallery-image img.gallery-image{
padding: 0px;
margin:0px;
padding: 5px;
float: none;
}
/*****************course card table*************************************/
div.course-card-holder{
	width: 550px;
}
* html div.course-card-holder{
	width: 515px;

}
div.column1{
	float: left;
	background-color: #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column1-top{
	float: left;
	background-color: #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column1-blank{
	float: left;
/*	background-color: #ffffff;*/
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column2{
	float: left;
	background-color: #C5ECB5;
	width: 100px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column3{
	float: left;
	background-color: #ffffff;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column4{
	float: left;
	background-color: #FFF7B3;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column5{
	float: left;
	background-color:  #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column2-top{
	float: left;
	background-color: #C5ECB5;
	width: 100px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column3-top{
	float: left;
	background-color: #ffffff;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column4-top{
	float: left;
	background-color: #FFF7B3;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column5-top{
	float: left;
	background-color:  #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}

div.column6{
	float: left;
	background-color: #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column6-top{
	float: left;
	background-color: #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column6-blank{
	float: left;
/*	background-color: #C5ECB5;*/
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column7{
	float: left;
	background-color: #FFCF9B;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column8{
	float: left;
	background-color: #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column7-top{
	float: left;
	background-color: #FFCF9B;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column8-top{
	float: left;
	background-color: #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column9{
	float: left;
	background-color: #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column9-top{
	float: left;
	background-color: #C5ECB5;
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
div.column9-blank{
	float: left;
/*	background-color: #C5ECB5;*/
	width: 41px;
	height: 30px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 4px;
	color: #000000;
}
/***********************************************************************/


/***********************************************************************
									print me button
***********************************************************************/
div.print-me{
	float: right;
	margin-right: 20px;
	margin-top: 35px;
	width: 170px;
	padding: 10px;
	background-color: #348910;
	border: 1px dotted #ffffff; 	
}
div.print-me img{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	
}
div.print-me a{
	float: left;
	margin-left: 10px;
	margin-top: 4px;
}
/**********************************************************************/
/***********************************************************************
									INN me button
***********************************************************************/
div.inn-me{
	float: right;
	margin-right: 20px;
	margin-top: 35px;
	width: 170px;
	padding: 10px;
	background-color: #348910;
	border: 1px dotted #ffffff; 	 	
}
div.inn-me img{
	float: left;
	margin-left: 7px;
	margin-top: 5px;
	margin-bottom: 5px;d
/*	margin-right: 10px;
	margin-left: 10px;*/
	
}
div.inn-me a{
	float: left;
	width: 170px;
	height: 100px;
	background-image: url(../i/layout/inn.jpg);
	background-position: center;
	text-indent: -999em;
/*	margin-left: 10px;
	margin-top: 4px;*/
}

div.dozen-me{
	float: right;
	margin-right: 20px;
	margin-top: 35px;
	width: 170px;
	padding: 10px;
	background-color: #348910;
	border: 1px dotted #ffffff; 	 	
}
div.dozen-me img{
/*	float: left;
	margin-left: 7px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-right: 10px;
	margin-left: 10px;*/
	
}
div.dozen-me a.img{
	float: left;



	background-color: #102e04;
	color: #fff;
padding:0px;
	text-align: justify;
/*	margin-left: 10px;
	margin-top: 4px;*/
}
div.dozen-me a.text{
	float: left;
	width: 160px;
	padding-bottom: 20px;
	padding-top: 5px;
	background-color: #102e04;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
/*	margin-left: 10px;
	margin-top: 4px;*/
}
/**********************************************************************/



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

/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
/*div#footer div#footer-info p{
	color: #ffffff;
	margin: 0px;
	padding: 0px;	
}*/
div#footer a{
	color: #ffffff;
}
div#footer a:hover{
	color: #BCDD50;
}
/***********************************************************************
	MESSAGES
************************************************************************/

.error, .notice, .message { 
	color: #b22;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}

div#content object{
	background-image: url(../i/layout/map-loading.jpg);
}