/*///////////////////////////////////////////////////////
Style Guide
/////////////////////////////////////////////////////////

#idName {
	display: block; position: absolute; top: 0; left: 0; z-index: 1; width: auto; height: auto; overflow: auto;
	margin: 0; border: 0 solid #FFFFFF; padding: 0; background: #FFFFFF url('../images/spacer.gif') no-repeat top left;
	font: italic small-caps bold 68%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000000px; text-align: left; text-decoration: none;

//	font: <'font-style'> <'font-variant'> <'font-weight'> <'font-size'>/<'line-height'> <'font-family'>	//
}
*/



/*//////////////////////////////////////////////
------------------------------------------------
Colour Palette for Testing Purposes
------------------------------------------------

#999999  #B5C04A  #CCCCCC
#DDDDDD  #EEEEEE  #FFFFFF

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



/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/

/*////// Structure Module //////*/
html {
	width: 100%;
}
body {
	width: 100%; height: 100%; margin: 0; padding: 0; background: #EFEDDE url('../images/bgBody.jpg') no-repeat top left;
	font: 68%/1.6 verdana, arial, helvetica, sans-serif; text-align: left;
}
div {
}

/*////// Text Module //////*/
p {
	margin: 0; margin-bottom: 1.2em;
}
blockquote {
	margin: 0 3.5em;
}
h1 {
	margin-bottom: 0.4em;
	font-size: 1.4em; text-transform: uppercase;
}
h2 {
	margin-bottom: 0.3em; font-family: Georgia, Times New Roman, serif; 
	font-size: 1.6em; text-transform: uppercase;
}
h3 {
	margin-bottom: 0.2em;
	font-size: 1.1em; text-transform: uppercase; color: #D5E06A;
}
h4 {
	margin-bottom: 0.1em; 
	font-size: 1.0em; font-variant: small-caps; 
}
h5 {
	margin-bottom: 0.1em;
	font-size: 1.0em; font-weight: bold;
}
h6 {
	margin-bottom: 0.1em;
	font-size: 1.0em; font-style: italic;
}

abbr {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
acronym {
	border-bottom: 1px dashed #999999; color: #999999; cursor: help;
}
address {
}
cite {
	color: #FFFFFF; font-size: 1.0em;
}
code {
	color: #B5C04A; font-size: 1.0em;
}
dfn {
	color: #B5C04A; font-size: 1.0em;
}
em {
	color: #B5C04A; font-style: italic;
}
kbd {
	color: #B5C04A; font-size: 1.0em;
}
pre {
	color: #B5C04A; font-size: 1.0em;
}
q {
	font-style: italic; color: #B5C04A;
}
samp {
	color: #B5C04A; font-size: 1.0em;
}
span {
}
strong {
	color: #B5C04A; font-weight: bold;
}
var {
	color: #B5C04A; font-size: 1.0em;
}

/*////// Hypertext Module //////*/
a:link {
	color: #C3D13D; text-decoration: underline;
}
a:visited {
	color: #E0E984; text-decoration: underline;
}
a:hover {
	color: #E7FF01; text-decoration: underline;
}
a:active {
	color: #B5C04A; text-decoration: underline;
}

/*////// List Module //////*/
dl {
	margin-bottom: 1.2em;
}
dt {
	margin: 0; margin-top: 1.2em; font-weight: bold;
}
dd {
	margin: 0;
}
ol {
	margin-top: 0; margin-bottom: 1.2em;
}
ul {
	margin-top: 0; margin-bottom: 1.2em;
}
li {
}

/*////// Presentation Module //////*/
big {
}
hr {
	width: 100%; height: 1px; margin: 0 auto; margin-bottom: 0.6em; border-bottom: 1px solid #60624D; color: #60624D; padding: 0 20%; text-align: center;
	/* height: 0; margin: 0 auto; margin-bottom: 0.6em; margin-left: -1999px; */
}
small {
}
sup {
	color: inherit;
}
sub {
	color: inherit;
}

/*////// Forms Module //////*/
form {
	text-align: center;
}
fieldset {
	display: block; width: 37em; margin: 0em auto 0.6em auto; border: none; padding: 0; text-align: left;
}
legend {
	display: none; margin: 0em 0em 0.6em 0em; padding: 0; color: #B5C04A;
}
label {
	float: left; width: 15em; text-align: left;
}
input, select, textarea {
	width: 14.2em; font-size: 1em;
}
input: focus, select: focus {
	background: #EEEEEE; color: #B5C04A;
}
option {
}
textarea {
	font: 1em verdana, sans-serif;
}
submit, reset, .button {
	width: auto; margin: 0.8em 0 0.4em 15.3em; padding: 1px 4px;
	background: #95A02A; color: #EEEEEE; font-weight: bold;
}
.hiddenFields {
	display: none;
}
.radio {
	width: auto; padding-right: 1.0em;
}
.radio input {
	width: auto;
}

/*////// Table Module //////*/
table {
	margin-bottom: 1.2em; font-size: 1em; border: 1px solid #999999; background: #FFFFFF; border-collapse: separate; color: #000000; 
}
caption {
	padding: 4px 8px; font-size: 0.9em; font-weight: bold; color: #FFFFFF; 
}
thead {
	background: #CCCCCC;
}
tbody th {
	background: #EEEEEE;
}
tfoot {
	background: #DDDDDD;
}
th {
	padding: 4px 8px; text-align: left; font-weight: bold;
}
tr {
}
td {
	border: 1px solid #EFEDDE; padding: 4px 8px; text-align: left;
}

td form {
	margin: 0;
}

/*////// Image Module //////*/
img {
	display: block; margin: 0; border: none;
}



/*///////////////////////////////////////////////////////
CLASS and ID Styles
///////////////////////////////////////////////////////*/

/*////// Forms Module //////*/
form#clubMez {
	overflow: auto; clear: both; width: 37em; 
}

#clubMezz form {
}
#clubMezz fieldset {
	width: 17em; margin: 0; border: none; padding: 0; text-align: left;
}
#clubMezz legend {
	display: none; margin: 0; padding: 0; color: #B5C04A;
}
#clubMezz label {
	float: left; width: 15em; text-align: left;
}
#clubMezz input, select, textarea {
	width: 14em; font-size: 1em;
}
#clubMezz input: focus, select: focus {
	background: #EEEEEE; color: #B5C04A;
}
#clubMezz textarea {
	font: 1em verdana, sans-serif;
}
#clubMezz submit, reset, .button {
	background: #95A02A; color: #EEEEEE; font-weight: bold;
	margin-left: 2px; width: auto;
}

#clubImage {
	display: block; float: left; clear: left; 
	margin: 0.9em 2em 2em 0.5em; padding: 0; border: 3px #B0AB79 solid;
}

#container {
	position: relative; top: 0; left: 0; height: 100%; min-height: 480px;
	margin: 0; padding: 0 300px 0 0; background: transparent url('../images/bgContainer.jpg') no-repeat top right;
	/* Was 350px on the right margin and 20px on the left */
}

#skip {
	position: absolute; top: -999px; left: -999px;
}

#masthead {
	height: 99px; margin: 0; padding: 0; background: #6F6854 url('../images/logoGroveBar.gif') no-repeat top right;
}

#masthead h1 {
	margin: 0; padding: 0;
}

#masthead a {
	display: block; width: 418px; height: 0 !important; height /**/: 99px; overflow: hidden;
	margin: 0; padding: 0; padding-top: 99px; background: transparent url('../images/logoGeorges.gif') no-repeat top left;
}

#nav {
	float: left; clear: both; width: 100%; margin: 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 0; background: #CECAA2;
	text-align: left; font-size: 11px; line-height: 1.5;
}

#nav ul {
	width: 100%; margin: 0; padding: 5px 3px; list-style: none;
}

#nav li {
	float: left; margin: 0 0 5px 0.1em; padding: 0; font-size: 9px; 
}

#nav a {
	display: block; margin-bottom: 1px; border: 1px solid #CECAA2; padding: 3px 2px 3px 17px; _padding: 3px 5px 3px 20px; background: transparent url('../images/navArrow.gif') no-repeat -2px 7px;
	color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase;
}

#nav a:hover {
	background-color: #C4BF91;
	background-position: -2px -22px; border: 1px solid #E9E7D5;
	color: #4F5325;
}

#nav ul ul {
	display: none;
}

#content {
	clear: both; min-height: 291px; overflow-x: auto; /* overflow: auto; */
	margin: 0; border: none; padding: 1.4em; background: #30321B;
	color: #FFFFFF; text-align: left;
}

#footer {
	clear: both;
	margin: 0; border-top: 1px solid #B0AB79; padding: 0.4em 1.4em; background: #30321B;
	font-size: 0.9em; text-align: left;
}

#footer ul {
	margin: 0; padding: 0; list-style: none;
}

#footer li {
	display: inline; margin: 0 0.5em 0 0; padding: 0;
}

#footer a {
	padding: 0.4em; color: #B7B88E; text-decoration: none;
}

#footer a:hover {
	padding: 0.4em; color: #FFFFFF; text-decoration: underline;
}

#footer .mobile {
	display: none;
}

#validate {
	position: absolute; bottom: 0; right: 0;
	margin: 0; border: none; padding: 0.5em;
	font-size: 0.9em; text-align: right;
}

#validate ul {
	margin: 0; padding: 0; list-style: none;
}

#validate li {
	display: inline; margin: 0 0 0 0.5em; padding: 0;
}

#validate a {
	padding: 0.2em; color: #BBB78C; text-decoration: none;
}

#validate a:hover {
	padding: 0.2em; color: #565A27; background: #FFFFFF; text-decoration: underline;
}

.required {
	color: #B5C04A;
}

dl.address {
	overflow: auto; width: 100%; margin: 10px 0 1.2em 0;
}

dl.address dt {
	float: left; width: 15%; clear: left; margin-top: 0;
}

dl.address dd {
	width: 85%; clear: right;
}

.floatingMap {
	width: 100%; text-align: center;
}

.floatingMap img {
	border: 3px solid #B5C04A;
}

dl.addressWithMap {
	overflow: auto; width: 80%; margin: 10px 0 1.2em 0;
}

dl.addressWithMap dt {
	float: left; width: 25%; clear: left; margin-top: 0;
}

dl.addressWithMap dd {
	float: left; width: 75%; 
}

.bookingMap {
	float: right; width: 20%; clear: right; 
	margin: 0.9em 0.5em 2em 2em; padding: 0; text-align: right; 
}

.bookingMap img {
	border: 3px #B0AB79 solid;
}

.productThumb {
	width: 100%; margin: 10px 0 15px 0;
}

.productThumb li {
	float: left; width: 80px; height: 83px; margin: 0 18px 20px 0; border: 1px solid #B5C04A; padding: 2px; background: #40422B; text-align: center;
}

.productThumb li img {
	margin-bottom: 2px;
}

.productThumb li a {
	text-decoration: none;
}

.productThumb li a:hover {
	color: #FFFFFF;
}

.details {
	float: right; clear: right; margin: 0 0 1.0em 1.0em; 
}

.details thead {
	border: 1px solid #40422B;
}

.details thead th {
	color: #000000; background: #CECAA2; text-align: center;
}

.details tbody th {
	width: 25%; background: #EAEED2; color: #000000; 
}

.details tbody td {
	background: #FAFEE2; color: #000000; 
}

.location {
	margin-top: 0em;
}

blockquote {
	margin: 0.6em 0 1.5em 0;
}

blockquote cite {
	display: block; margin: 0; margin-top: -1em; text-align: right; color: #B5C04A;
}

#config	{
	float: right; margin: 0 0 1.5em 1.5em; width: 40%; 
}

.menus table {
	margin: 0; width: 100%; border: 0; background: #30321B; 
}

.menus td {
	text-align: center; border: 0; color: #B5C04A;
}

.menus img {
	border: 3px #B0AB79 solid; text-align: center;
}

.squareImage {
	float: right; 
	margin: 0.9em 0.5em 2em 2em; padding: 0; text-align: right; 
}

.squareImage img {
	border: 3px #B0AB79 solid;
}

a.highlight:link 		{ color: #FFFFFF; text-decoration: underline; }
a.highlight:visited 	{ color: #E0E984; text-decoration: underline; }
a.highlight:hover 	{ color: #E7FF01; text-decoration: underline; }
a.highlight:active 	{ color: #B5C04A; text-decoration: underline; }



#gallery {
	background: #CDCAA1; text-align: center;
}

#gallery p {
	font-weight: normal;
}

#gallery #container, #gallery #content {
	margin: 0; padding: 0; background: transparent; 
	color: #2F321D; text-align: center;
}

#gallery #masthead {
	height: 33px; margin: 0; padding: 0; background: #30321D url('../images/galleryMasthead.gif') no-repeat top left;
}

#gallery #masthead h1 {
	float: right; display: block; width: 210px; height: 0 !important; height /**/: 33px; overflow: hidden;
	margin: 0; padding: 0; padding-top: 33px; background: transparent url('../images/galleryLogo.gif') no-repeat top left;
}

#gallery #masthead h2 {
	float: left; width: 450px; height: 33px; margin: 0; padding: 2px 0 0 10px; color: #FFFFFF; text-align: left; 
}

#gallery ul.nav {
	margin: 0; padding: 0; list-style: none; 
}

#gallery ul.nav li {
	display: inline; width: 70px; margin: 0; padding: 0 0.5em; list-style: none; 
}

#gallery ul.nav li a {
	font-weight: bold; color: #32321A; text-decoration: none; 
}

#gallery ul.nav li a:hover {
	color: #797759;
}

#gallery #content {
	border-bottom: 15px solid #30321D; padding: 15px; background: transparent url('../images/galleryBg.gif') no-repeat top left;
}

#gallery #content span img {
	border: 3px solid #30321D; 
}

#gallery ul.thumbnail {
	margin: 0 40px; _margin: 0 70px; _padding: 5px 0px 0px 0px; _overflow: auto; 
}

#gallery ul.thumbnail li {
	float: left; width: 108px; _width: 114px; _height: 114px; list-style: none; 
	margin: 10px 10px 20px 10px; _margin: 0px 8px 10px 8px; list-style: none; 
}

#gallery ul.thumbnail li span a {
	display: table-cell; width: 108px; height: 114px; 
	margin: 0 0 3px 0; border: 3px solid #30321D; background: #606044;
	vertical-align: middle; text-align: center;
}

#gallery ul.thumbnail li span a img {
	margin: 0 auto; border: none !important; vertical-align: middle; text-align: center;
}

#gallery ul.thumbnail li a {
	font-family: Georgia, Times New Roman, serif; color: #57573D; text-decoration: none; 
}

#gallery ul.thumbnail li a:hover {
	font-weight: bold; 
}


hr {
	clear: both; 
}