/* ===================================================================
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_horizontal.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
======================================================================
Other menu techniques incorported here from:
http://wellstyled.com/css-nopreload-rollovers.html
http://alistapart.com/articles/sprites
http://ryanfait.com/articles/2006/10/22/forcing-vertical-scrollbars
October 2008
Richard Lewis
*/
html {
	height: 100%;
	}
body {
	font-family: helvetica, arial, palatino, "palatino linotype", sans-serif; 
	font-size:90%; 
	text-align:center; 
	background:#EFECCB; 
	border:0; 
	padding:0; 
	margin:0; 
	height: 100%;
	}
/* for use with floating index page */
#indexcontainer {
	position:absolute;
	left:50%; 
	width:640px; 
	margin-top:-220px; 
	margin-left:-320px; 
	top:50%; 
	text-align:left;
	}
/* for use with anchored pages and footer hacks */
#container {
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2em;
	text-align:left;
	width: 640px;
	}
* html #container	{
	height: 100%;
	}
/* for use with calendar and other content wider than 640px */
#widecontainer {
	text-align:center;
	}
#gazetteleft {
	clear:left;
	float:left;
	width:315px;
	margin:0 4px 0 0;
	}
#gazetteright {
	clear:right;
	float:right;
	width:315px;
	margin:0 0 0 4px;
	}
p {
	text-align:justify; 
	font-size:90%; 
	margin:10px 0 10px 0;
	}
h1, h2, h3 {
	font-weight:normal; 
	margin:0; 
	text-transform:uppercase; 
	color:#666666; 
	padding-left:0;
	}
h4 {
	font-weight:normal; 
	font-size:120%; 
	margin:0; 
	padding:0; 
	color:#666666;
	}
/* for general use */
h3 {
	border-top:1px dotted #47890B;
	}
table {
	border-collapse: collapse;
	}
img {
	border:0px;
	}
:link,:visited {
	color:#47890B;
	text-decoration:none;
	}
a:hover {
	color:#fff; 
	background:#47890B;
	}

/* various image placement options */
#clubmgrbutton {
	margin:0;
	padding:0;
	}
#clubmgrbutton a {
	margin:0;
	padding:0;
	display:block;
	float:right;
	}
#floatingpic1 {
	position:absolute; 
	top:478px; 
	right:0px; 
	background:transparent url(../pictures/course/cart-02.jpg); 
	width:206px; 
	height:128px; 
	overflow:hidden; 
	z-index:300; 
	background-image:  url(../pictures/course/cart-02.jpg);
	}
#floatinglogo {
	position:absolute; 
	width:402px; 
	height:224px; 
	top:80px; 
	left:100px; 
	background:transparent url(../pictures/logos/logo_wgc.jpg); 
	overflow:hidden; 
	z-index:30; 
	background-image: url(../pictures/logos/logo_wgc.jpg);
	}
.copyrightleft {
	float:left;
	}
.copyrightright{
	float:right;
	}
/* browser independant styling for custom page components */
#header {
	width:640px; 
	height:130px; 
	background:#fff  url(../pictures/assets/wideangle.jpg); 
	margin:auto auto;
	}
.title {
	width:640px; 
	text-align:left; 
	margin:10px auto 10px auto; 
	position:relative; 
	background:#eee url(../pictures/assets/gradient-03.gif) 0 0 repeat-y; z-index:10;
	}
.ribbon {
	width:640px; 
	height:20px; 
	margin:0 auto 0 auto; 
	font-size:75%; 
	background:#eee url(../pictures/assets/gradient-03.gif) 0 0 repeat-y;
	}
.photo {
	text-align:center; 
	padding:0 2px 0 2px;
	}
.photo img {
	padding:1px 1px 1px 1px;
	}
.photonote {
	font-style:italic; 
	font-size:85%; 
	text-align:center;
	}
.bullets li {
	text-align:justify; 
	font-size:90%; 
	margin:10px 0 5px 0;
	} /* same as p designation but for list bullets */
.cardtable table {
	 table-layout:fixed;
	 width:400px;
	 }
.nonmenutable td {
	border:1px solid #47890B; 
	text-align:right;
	}
.nonmenutable th {
	text-align:right;
	}

/* for hole by hole and card styles */
.blue {
	color:#0000FF;
	}
.white {
	color:#FFFFFF;
	}
.red {
	color:#FF0000;
	}
.yellow {
	color:#FFFF00;
	}
.clear {
	clear:both;
	}

/* for card layout */
.hilight {
	background-color:#E5E2AF;
	}

/* for calendar layout and style */
.month {
	text-align:center; 
	font-weight:bold; 
	font-size:150%;
	}

/* styling for the vertical h-flyout menu - for IE6/7 use align left */
.menucontainer {width:628px; height:159px; background:#fff  url(../pictures/assets/grass-menu2.jpg); margin: auto auto; padding:5px; border:1px solid #000; text-align:left;}
.menu {font-family: arial, sans-serif; width:131px; height:180px; position:relative; margin:0; font-size:11px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:120px; height:30px; border:1px solid #5a3; border-width:1px 1px 0 0; background:transparent  url(../pictures/assets/opaque.png); line-height:29px; font-size:11px; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers that do link hovers properly */
.menu ul li:hover a {color:#fff; background:#47890B;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:640px; background:transparent;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {display:block; background:transparent  url(../pictures/assets/opaque.png); color:#000; width:120px; float:left;}
.menu ul li:hover ul li a:hover {background:#99C161; color:#000;}

/* footer hacks */
#buffer {
	height: 2em;
	}
#footer {
	border-top:1px dotted #47890B;
	bottom: 0;
	font-size:75%;
	height: 2em;
	left: 0;
	margin: -2em auto 0 auto;
	position: relative;
	width: 640px;
	}
* html #footer	{
	margin-top: -2em;
	}
#footerpic {
	width:639px; 
	height:378px;
	background:#fff  url(../pictures/offers/wannaplayaround.jpg); 
	margin:auto auto;
	}
#footerpic a {
	text-decoration:none;
	font-weight:normal; 
	text-transform:uppercase; 
	color:#666666; 
	padding-left:0;
	}
#footerpic :hover {
	background:#EFECCB;
	}