/* Start: Meyer Reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ***************/

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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	cursor: auto;
	}

:focus { /* remember to define focus styles! */
	outline: 0;
	}

body {
	line-height: 1;
	color: #000;
	background: #fff;
	}

ol, ul {
	list-style: none;
	}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}                                                                                                                                                                                    

blockquote, q {
	quotes: "" "";
	}

/* Global style ***********************************************************************************/


html, body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #1f3d33;
	background: #48651c;
	}

* {
	xoutline: 1px dotted pink !important;
	}


/* Main layout ************************************************************************************/


#wrapperPage {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	}

#content {
	color: #1f3d33;
	}

#header {
	padding: 20px 30px;
	background: #1b3630;
	}


/* Navigation - Main ******************************************************************************/


#navMain {
	clear: both;
	width: 900px;
	padding: 27px 30px 9px;
	margin: 0 -30px;
	}

	#navMain li {
		display: inline;
		font: 14px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		}
		
		#navMain li:last-child span {
			display: none;
			}
		
		#navMain li span {
			padding: 0 5px;
			color: #3d544f;
			}
		
		#navMain a {
			color: #8d9d7a;
			text-decoration: none;
			}
	
			#navMain a:hover,
			#navMain a:focus {
				color: #fff;
				}

#pageHome #navMain {
	padding: 27px 30px 269px;
	background: #1b3630 url(/assets/images/intro-home/westwood-golf-course-1.jpg) no-repeat bottom left;
	}



/* Intro ******************************************************************************************/


#contentIntro {
	padding: 18px 30px 0;
	color: #1a1a1a;
	background: #c6cebc url(/assets/images/bg/intro-home.jpg) no-repeat;
	}

#pageProShop #contentIntro {
	background: #c6cebc url(/assets/images/bg/intro-pro-shop.jpg) no-repeat;
	}	

	#contentIntro h1 {
		font: normal 21px/36px Georgia, serif;
		margin: 9px 0;
		color: #1f3d33;
		}
	
	#contentIntro h2 {
		font: normal 18px/18px Georgia, serif;
		margin: 0 0 9px 0;
		color: #1f3d33;
		}
	
	#contentIntro p {
		font: 13px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		margin: 0 310px 18px 0;
		}

	#contentIntro div {
		width: 280px;
		float: left;
		clear: right;
		}
	
		#contentIntro div.col1,
		#contentIntro div.col2 {
			margin: 0 30px 0 0;
			}

		#contentIntro div ul {
			width: 200px;
			padding: 0 0 0 36px;
			background: url(/assets/images/icons/info-intro.png) 0 4px no-repeat;
			}

		#contentIntro div li {
			margin: 0 0 0 20px;
			font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			list-style-type: disc;			
			}

			#contentIntro div li a {
				color: #1f3d33;
				}

#contentIntro img.bottom {
	display: block;
	clear: both;
	padding: 27px 0 0 0;
	margin: 0 -30px 0;
	}


/* Main content area ******************************************************************************/


#contentMain {
	float: left;
	width: 590px;
	margin: 0 30px;
	background: #fff;
	font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	#eventList #contentMain {
		width: 900px;
		}
	
	
	#contentMain a {
		color: #39760d;
		font-weight: bold;
		}

	#contentMain p,
	#contentMain ul,
	#contentMain ol {
		margin: 0 0 18px 0;
		}

	#contentMain h2,
	#contentMain h3,
	#contentMain strong {
		color: #006837;
		}

	#contentMain h2 {
		font: 21px/18px Georgia, serif;
		margin: 27px 0 9px;
		}

	#contentMain h3 {
		font: 18px/18px Georgia, serif;
		margin: 9px 0 9px;
		}

	#contentMain h4 {
		font: 16px/18px Georgia, serif;
		margin: 9px 0 9px;
		}

	#contentMain li {
		list-style-type: disc;
		margin: 0 0 0 20px;
		}

	#contentMain strong {
		font-weight: bold;
		}

	#contentMain dl {
		margin: 0 0 18px 0;
		}

		#contentMain dl.roomRates {
			float: right;
			width: 175px;
			height: 8em;
			margin: 0 0 0 36px;
			}

	#contentMain dt {
		font-weight: bold;
		color: #006837;
		}


/* Sidebar ****************************************************************************************/


#contentSidebar {
	float: left;
	width: 280px;
	font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	#contentSidebar h2 {
		font: 21px/18px Georgia, serif;
		margin: 27px 0 9px;
		color: #006837;
		}
	
	#contentSidebar h3 {
		font: 18px/18px Georgia, serif;
		margin: 27px 0 9px;
		color: #006837;
		}
	
	#contentSidebar h2 + h3 {
		margin: 18px 0 9px;
		}
	
	#contentSidebar p {
		margin: 0 0 18px 0;
		}
			
	#contentSidebar a {
		color: #39760d;
		}


/* Header *****************************************************************************************/


#header h1 {
	font: normal 54px/54px Georgia, serif;
	padding: 9px 0 0 0;
	color: #8d9d7a;
	}

	#header h1 a,
	#header h1 a:visited {
		color: #8d9d7a;
		text-decoration: none;
		}

#header address p {
	font: normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	}

#header img {
	float: left;
	margin: 0 18px 0 0;
	}


/* Footer *****************************************************************************************/


#contentFooter {
	x-float: left;
	clear: both;
	width: 860px;
	padding: 18px 20px 18px 20px;
	margin: 18px 30px 0 30px;
	background: #1b3630 url(/assets/images/bg/footer-top-curve.png) no-repeat;
	}
	
	#contentFooter a {
		color: #fff;
		}

	#contentFooter div {
		width: 266px;
		float: left;
		clear: right;
		font: normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #e2e6de;
		}
	
	#contentFooter .col1,
	#contentFooter .col2 {
		padding: 0 30px 0 0;
		}

	#contentFooter h2,
	#contentFooter h3,
	#contentFooter dt {
		color: #8d9d7a;
		}
	
	#contentFooter h2 {
		font: normal 18px/18px Georgia, serif;
		margin: 0 0 18px 0;
		}

	#contentFooter h3 {
		font: normal 16px/18px Georgia, serif;
		}
	
	#contentFooter dl {
		margin: 0 0 18px 0;
		}
	
		#contentFooter dt {
			float: left;
			font: normal 14px/18px Georgia, serif;
			margin: 0 10px 0 0;
			}

#contentFooter .infoSite {
	clear: both;
	width: 860px;
	margin: 36px 0 0 0;
	text-align: center;
	font-size: 11px;
	}

	#contentFooter .infoSite ul li {
		display: inline;
		}


/* General & utility text styles -----------------------------------------------------------------*/


abbr {
	cursor: help;
	border-bottom: 1px dashed #39760d;
	}

#contentSidebar address p {
	margin-bottom: 0;
	}


.note,
.notes {
	font: normal 11px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}


/* Links ******************************************************************************************/


a {
	cursor: pointer;
	}

a.quickLink {
	padding: 0 0 0 18px;
	background: url(/assets/images/icons/link-arrow.png) no-repeat;
	}


/* Tables *****************************************************************************************/


table {
	width: 590px;
	margin: 0 0 18px 0;
	}

thead th {
	font-weight: bold;
	padding: 0 0 7px 0;
	border-bottom: 2px solid #39760d;
	margin: 0 0 7px 0;
	}

tbody th {
	font-weight: bold;
	color: #006837;
	}


/* Member subscriptions --------------------------------------------------------------------------*/


table#subsMembers {
	width: 440px;
	}

#subsMembers th {
	width: 200px;
	}

#subsMembers td {
	width: 120px;
	}


/* Course card -----------------------------------------------------------------------------------*/


th#courseHoleNo {
	width: 50px;
	}

th#courseHoleName {
	width: 120px;
	}

th.courseSi,
th.coursePar {
	width: 50px;
	}

th.courseYards {
	width: 75px;
	}


th span {
	display: block;
	font-size: 10px;
	}

tbody.totals td {
	background: #e8ebe4;
	}

#courseCard td {
	padding: 1px 0;
	}


/* Event listing ---------------------------------------------------------------------------------*/

table.events {
	width: 900px;
	}

table.events th {
	padding: 27px 0 7px 0;
	}


table.events tbody tr:first-child {
	padding: 9px 0 0 0;
	}

table.events tbody td {
	padding: 1px 0 1px 0;
	}
	
	table.events tbody td.eventDate span {
		display: inline-block;
		width: 20px;
		}

	table.events tbody td.eventName span {
		display: inline-block;
		width: 430px;
		}

	table.events tbody td.eventName a {
		display: inline-block;
		width: 160px;
		text-align: center;
		background: url(/assets/images/bg/button-booking-form.gif) no-repeat;
		font-size: 10px;
		text-decoration: none;
		color: #fff !important;
		}

table.events th.eventDate,
table.events th.eventType,
table.events th.eventName,
table.events th.eventTime {
	padding: 9px 0 7px 0;
	}

table.events th.eventDate {
	width: 80px;
	}

table.events th.eventType {
	width: 70px;
	}

table.events th.eventTime {
	width: 140px;
	}

table.events th.eventName {
	width: 610px;
	}

table.events tr.alt td {
	background: #e8ebe4;
	}


/* Lists ******************************************************************************************/


/* Notes -----------------------------------------------------------------------------------------*/


#contentMain ul.notes li {
	list-style-type: square;
	}


/* Contact page - contact details in sidebar -----------------------------------------------------*/


dl.contactDetails dt {
	float: left;
	margin: 0 8px 0 0;
	}



/* Forms ******************************************************************************************/


#formContact * {
	font: normal 12px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}


/* Booking form contact details -----------------------*/

	#formContact #formContactNameOrganiser,
	#formContact #formContactCompany {
		width: 200px;
		}
	
	#formContact #formContactNumberAm,
	#formContact #formContactNumberPm {
		width: 50px;
		}
	
	#formContact textarea {
		width: 280px;
		height: 126px;
		}

label {
	display: block;
	margin: 8px 0 2px 0;
	}


/* Fieldsets -------------------------------------------------------------------------------------*/


fieldset {
	padding: 0 0 18px 0;
	border-bottom: 1px dashed #ddd;
	margin: 0 0 18px 0;
	}

	fieldset fieldset {
		padding: 0 0 0 0;
		border-bottom: 0;
		margin: 0 0 0 0;
		}

fieldset#formContactInfo {
	float: left;
	width: 240px;
	border-right: 1px dashed #ddd;
	margin: 0 35px 0 0;
	}

fieldset#formContactBookingNumbers fieldset {
	float: left;
	width: 180px;
	margin: 0 30px 0 0;
	}

#contentIntro div.errors {
	width: 590px;
	}

	#contentIntro div.errors p {
		margin: 0 0 18px 0;
		}

		
/* Notes list in contact form --------------------------------------------------------------------*/


	#formContact .notes {
		padding: 0 0 17px 0;
		border-bottom: 1px dashed #ddd;
		margin: 18px 0 18px 0;
		}
	
		#formContact .notes li {
			font-size: 11px;
			}


/* Content blocks *********************************************************************************/


/* Whos who - sidebar ----------------------------------------------------------------------------*/


#whosWho {
	width: 240px;
	padding: 20px 20px 0 20px;
	background: #c6cebc url(/assets/images/bg/whos-who-top.png) no-repeat;
	margin: 18px 0 18px 0;
	}
	
	#whosWho h2 {
		margin: 0 0 9px 0;
		font: 18px/18px Georgia, serif;
		}
	
	#whosWho dl {
		width: 110px;
		float: left;
		text-align: center;
		}
		
		#whosWho dt {
			width: 110px;
			height: 130px;
			background: #c6cebc url(/assets/images/bg/whos-who.png) no-repeat;
			}
			
			#whosWho dt img {
				display: block;
				padding: 7px 8px 8px 7px;
				}

		#whosWho dl.president {
			margin: 0 20px 0 0;
			}

		#whosWho dl.ladyCaptain {

			}
			
		#whosWho dd.title {
			font: normal 14px/18px Georgia, serif;
			color: #006837;
			}

		#whosWho dd.name {
			font: normal 11px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			}
	
	#whosWho img.bottom {
		display: block;
		clear: both;
		margin: 8px -20px 0;
		}


/* Utils ******************************************************************************************/


.clearfix:after,
#wrapper:after,
#header:after,
#content:after,
#contentFooter:after,
#contentIntro:after,
#whosWho:after { /* http://www.positioniseverything.net/easyclearing.html */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


/* A little bit of cleaning up ********************************************************************/


/* Opera 9 ---------------------------------------------------------------------------------------*/