/* Reset margin and padding defaults -------------------------------------------------- */

* {
	margin: 0 ;
	padding: 0 ;
}

/* Positioning and global elements ---------------------------------------------------- */

body {
	background-color: #740116 ;
	margin: 40px 0 ;
}

div#outer {
	background: #FFFCF7 url(/images/site/bg-outer.gif) repeat-x 22px 0  ;
	width: 760px ;
	margin: 0 auto ;
}

div#inner {
	background: transparent url(/images/site/bg-inner-mid.gif) repeat-y top left  ;
	position: relative ;
}

div#header {
	background: transparent url(/images/site/bg-inner-top.gif) no-repeat top left  ;
	padding: 37px 36px 0 36px ;
}

div#content { margin: 16px 36px 16px 41px ; }

div#footer {
	background: transparent url(/images/site/bg-inner-bot.gif) no-repeat bottom left  ;
	padding: 0 40px 30px ;
	text-align: center ;
	clear: both ; 
	color: #777 ;
}

div#header h1 {
	background-color: #fff ;
}

div#header h1 a {
	background: transparent url(/images/site/logo-red.png) no-repeat top left ;
	display: block ;
	width: 220px ;
	height: 178px ;
	text-decoration: none ;
	text-indent: -9999px ;
}

/* Typography and text elements ------------------------------------------------------- */

a {
	font-weight: bold ;
	color: #740116 ;
	text-decoration: none ;
}

a:hover { text-decoration: underline ; }

body {
	font: normal normal 1em/1.0 'Lucida Grande','Lucida Sans Unicode',Arial,Verdana,sans-serif;
}

h2,h3,h4,h5,ol,p,ul,blockquote {
	margin: 1em 0 0.5em ;
	font-size: 0.7em ;
	line-height: 1.6 ;
}

ul ul,
ol ol {
	font-size: 1em;
}

h2 { color: #004308 ; font-size: 1.4em ; margin-top: 0 ; font-weight: normal ; }
h3 { color: #004308 ; font-size: 1em ; font-weight: normal ; }
h4 { color: #004308 ; font-size: 0.8em ; font-weight: normal ; font-style: italic ;} 

hr { display: none ; }

ol li, ul li { margin: 0 0 1em 2em ; }

blockquote { margin: 1em 2em ; }
blockquote p { font-size: 100% ; }

div#footer { font-size: 1em ; }
div#footer p { font-size: 0.6em ; }

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

div#navmain {
	background: transparent url(/images/site/bg-navmain.jpg) top left no-repeat ;
	position: absolute ;
	top: 42px ;
	right: 41px ;
	width: 460px ;
	height: 168px ;
}

div#navmain ul {
	margin: 0 ;
	margin-left: auto ;
	padding: 0 ;
	list-style: none ;
	height: 168px ;
	width: 150px ;
	font-size: 1em ;
	line-height: 1.0 ;
	background: transparent url(/images/site/bg-navmain-li-70.png) repeat top left ;
}

div#navmain ul li {
	margin: 0 ;
	padding: 0 ;
}

div#navmain ul li a {
	display: block ;
	padding: 1px 5px 0 ;
	height: 17px ;
	line-height: 17px ;
	text-align: right ;
	font-size: 0.6em ;
	font-weight: normal ;
	white-space: nowrap ;
	color: #000 ;
	text-transform: uppercase ;
}

/*
div#navmain ul li a {
	background: transparent url(/images/site/bg-navmain-li-70.png) repeat top left ;
	display: block ;
	padding: 1px 5px 0 ;
	padding-top: 1px ;
	height: 23px ;
	line-height: 23px ;
	text-align: right ;
	font-size: 0.6em ;
	font-weight: normal ;
	white-space: nowrap ;
	color: #000 ;
}
*/

div#navmain ul li a:hover {
	background: transparent url(/images/site/bg-navmain-li-85.png) repeat top left ;
	text-decoration: none ;
}

div#navmain ul li.active {
	background: #fff ;
	border-left: 5px solid #740116 ;
}

/* Section related: splash page ------------------------------------------------------- */

body#splash div#pictures1 { float: left ; }
body#splash div#pictures2 { float: right ; }

body#splash div#pictures1 img,
body#splash div#pictures2 img {
	display: block ;
	margin-bottom: 14px ;
	border-left: 5px solid #004308 ;
}

body#splash div#content { margin: 16px 36px ; }

body#splash div#text { 
/*	background: transparent url(/images/site/bg-text-splash.png) no-repeat center 10px ;*/
/* 	height: 300px ; */
/*	padding: 0 240px ;*/
	padding: 0 0 0 240px ;
}

body#splash h2 { font-size: 1.4em ; font-variant: normal ;}

/* Section related: basic layout ------------------------------------------------------ */

div#picturebox { float: right ; margin-top: 7px ; }

div#text { padding: 0 255px 20px 0 ; }

div#picturebox img {
	display: block ;
	margin-bottom: 14px ;
	border-left: 5px solid #004308 ;
}

div#navsection ul {
	list-style: none ;
	margin-left: -5px ;
	width: 220px ;
}

div#navsection ul li {
	margin: 0 0 5px 0 ;
}

div#navsection ul li a {
	font-weight: normal ;
	color: #000 ;
	font-variant: small-caps ;
	display: block ;
	padding: 3px 5px ;
	border-left: 5px solid #740116 ;
	line-height: 1.0 ;
	font-size: 1.1em;
	text-transform: lowercase ;
}

/* Section related: calendars --------------------------------------------------------- */

div.calendar table {
	margin: 0.5em 0 ;
	width: 680px ;
}

div.calendar table caption {
	padding: 5px 0 ;
	color: #fff ;
	background-color: #004308 ;
	font-size: 0.8em ;
}

div.calendar table th {
	width: 85px ;
	font-size: 0.7em ;
	padding-bottom: 5px ;
}

div.calendar table td {
	width: 85px ;
	height: 75px ;
	background-color: #A0BF7C ;
	font-size: 0.6em ;
	padding: 5px ;
	vertical-align: top ;
}

div.calendar table td.blank { background-color: transparent ; }

div.calendar table td span.dayno {
	display: block ;
	margin-top: -5px ;
	margin-left: -4px ;
	font-size: 1em ;
	font-weight: bold ;
	color: #004308 ;
	z-index: 1 ;
}

div.calendar table td#today { background-color: #E0EAD2 ; }
/*div.calendar table td#today span.dayno { color: #FFF ; }*/

div.calendar table td div.cellcontent {
	margin-top: 5px ;
	margin-left: -2px ;
	width: 81px ;
	height: 63px ;
}

div.calendar div.cellcontent p {
	margin: 0 0 3px 0 ;
	padding: 0 ;
}

div.calendar div.men,
div.calendar div.ladies,
div.calendar div.social,
div.calendar div.other {
	margin: 0 ;
	padding: 0 ;
	width: 10px ;
	height: 10px ;
	text-indent: -9999px ;
	background: transparent no-repeat bottom left ;
	float: left ;
	line-height: 1.0 ;
	font-size: 7px ;
}

div.calendar div.men { background-image: url(/images/site/men.gif) ; }
div.calendar div.ladies { background-image: url(/images/site/ladies.gif) ; }
div.calendar div.social { background-image: url(/images/site/social.gif) ; }

/* Section related: course details ---------------------------------------------------- */

div#coursedetails {
	position: relative ;
	padding-top: 500px ;
	margin-top: 1em ;
}

div#coursedetails table {
	width: 343px ;
	border-bottom: 1px solid #000 ;
}

div#coursedetails table caption {
	width: 343px ;
	padding: 5px 0 ;
	color: #fff ;
	background-color: #004308 ;
	font-size: 0.8em ;
	margin-top: -500px ;
	text-align: center ;
}

div#coursedetails table th {
	font-size: 0.7em ;
	line-height: 1.3 ;
	padding: 0 5px 5px 0 ;
	vertical-align: top ;
	text-align: right ;

}

div#coursedetails table td {
	text-align: right ;
	font-size: 0.7em ;
	line-height: 1.5 ;
	padding-right: 5px ;
}

div#coursedetails table th.red,
div#coursedetails table td.red { background-color: #F48897 ; }

div#coursedetails table th.yellow,
div#coursedetails table td.yellow { background-color: #F3FA9A ; }

div#coursedetails img {
	position: absolute ;
	top: 0 ;
	right: 0 ;
	border-left: 5px solid #004308 ;
}

/* Section related: members section committee list ------------------------------------ */

body#members ul.twocol {
	clear: both ;
	width: 100% ;
	list-style-type: none ;
	display: block ;
	float: left ;
	margin: 0 -1em 0.5em 1em ;
}

body#members ul.twocol li {
	margin: 0 ;
	padding: 0 ;
	display: block ;
	width: 50% ;
	float: left ;
	height: 1.5em ;
}

body#members p {
	clear: left ;
}

/* Section related: Members area ------------------------------------------------------ */

#memberspanel {
	border-left: 5px solid #004308 ;
	padding-left: 10px;
	margin-bottom: 15px;
	background-color: #ffffff;
	position: relative;
	width: 220px;
}

#memberspanel p#displayname {
	font-size: 0.81em;
	padding-top: 8px;
	margin-top: 0;
}
input.btn {
	border: none;
	font-size: 1.0em;
	background: none;
	color: #740116;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	left: -3px;
}
form fieldset {
	border: none;
	padding-bottom: 20px;
	overflow: auto;
}
form legend {
	font-size: 0.81em;
	padding: 12px 0 0;
}
form label {
	clear: left;
	display: block;
	width: 150px;
	float: left;
}
form input.txt {
	width: 200px;
	border: 1px solid #bfbcb7;
	font-size: 1.0em;
	padding: 1px 2px;
	margin-bottom: 5px;
}
#memberspanel form label {
	width: 75px;
}
#memberspanel form input.txt {
	width: 128px;
}
#memberspanel form input#loginTry{
	position: absolute;
	left: 7px;
	bottom: 10px;
}
#memberspanel form a#forgottenpassword {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#navmembers ul {
	list-style: none ;
	margin-left: -5px ;
	width: 200px ;
}

#navmembers ul li {
	margin: 0;
	border-bottom: 2px solid #fffcf7;
}
#navmembers ul li.last {
	border-bottom: none;
}
#navmembers ul li.first {
	border-top: 2px solid #fffcf7;
}

#navmembers ul li a {
	font-weight: normal ;
	color: #000 ;
	font-variant: small-caps ;
	display: block ;
	padding: 3px 5px ;
	line-height: 1.0 ;
	font-size: 1.1em;
	text-transform: lowercase ;
}

#navmemberinfo ul {
	list-style: none ;
	margin-left: -5px ;
	width: 220px ;
}

#navmemberinfo ul li {
	margin: 0 0 5px 0 ;
}

#navmemberinfo ul li a {
	font-weight: normal ;
	color: #000 ;
	font-variant: small-caps ;
	display: block ;
	padding: 3px 5px ;
	border-left: 5px solid #004308 ;
	line-height: 1.0 ;
	font-size: 1.1em;
	text-transform: lowercase ;
}

/* Section related: booking section fees tables --------------------------------------- */

body#bookings table,
body#facilities table {
	width: 343px ;
	border-bottom: 1px solid #000 ;
	font-size: 0.7em ;
	text-align: right ;
	margin-bottom: 1.5em ;
}

body#facilities table {width: 390px ;}

body#bookings table thead td { width: 100px ;}

body#facilities table thead td { width: 140px ;}
body#facilities table thead th { width: 90px ; line-height: 1.3 ; vertical-align: top;}

/* Tee Time Booking */

body#tee_time_booking #tee_booking_members { display: block; width: 184px; height: 36px; background: transparent url(/images/site/btn-tee-booking-members.png) no-repeat left top; text-indent: -9999px; }
body#tee_time_booking #tee_booking_visitors { display: block; width: 184px; height: 36px; background: transparent url(/images/site/btn-tee-booking-visitors.png) no-repeat left top; text-indent: -9999px; }
body#tee_time_booking #tee_booking_opendays { display: block; width: 184px; height: 36px; background: transparent url(/images/site/btn-tee-booking-opendays.png) no-repeat left top; text-indent: -9999px; }
body#tee_time_booking #tee-booking-register { display: block; width: 184px; height: 36px; background: transparent url(/images/site/btn-tee-booking-register.png) no-repeat left top; text-indent: -9999px; }
body#tee_time_booking #tee-booking-registered { display: block; width: 184px; height: 36px; background: transparent url(/images/site/btn-tee-booking-opendaybooking.png) no-repeat left top; text-indent: -9999px; }
body#tee_time_booking #tee-booking-visitorbooking { display: block; width: 184px; height: 36px; background: transparent url(/images/site/btn-tee-booking-visitorbooking.png) no-repeat left top; text-indent: -9999px; }
body#tee_time_booking #tee-booking-cancel { display: block; width: 184px; height: 36px; background: transparent url(/images/site/btn-tee-booking-cancel.png) no-repeat left top; text-indent: -9999px; }
body#tee_time_booking #tee-booking-opendaybooking { display: block; width: 184px; height: 36px; background: transparent url(/images/site/btn-tee-booking-opendaybooking.png) no-repeat left top; text-indent: -9999px; }

body#tee_time_booking #tandc_brs { overflow: auto; height: 200px; border: 1px solid #000; padding: 0 10px 10px; background: #fff; font-family: Courier; }