BODY
{
    FONT-FAMILY:arial, helvetica;
    color:#FFFFFF;
}
H1
{
    COLOR: white;
    FONT-FAMILY:arial, helvetica;
}
H2
{
    COLOR: white;
    FONT-FAMILY:arial, helvetica;
}
H3
{
    COLOR: #c3a857;
    FONT-FAMILY:arial, helvetica;
	line-height: normal;
}
H4
{
    COLOR: #c3a857;
    FONT-FAMILY:arial, helvetica;
}
H5
{
    COLOR: #c3a857;
    FONT-FAMILY:arial, helvetica;
}
H6
{
    COLOR: #c3a857;
    FONT-FAMILY:arial, helvetica;
}
TH {
 	color: #c3a857;
}

A:LINK {
    COLOR: #c3a857;
}

A:VISITED {
	color: #c3a857;
}

A:HOVER {
	color: #00ff40;
}

HR {
	color: silver
}

B {
	color: #c3a857;
}
IMG {
	border-color: #c3a857;
	border-style: groove;
}

a.headerMenu
{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

a.headerMenu:visited
{
	color:#000000;
}
a.headerMenu:hover
{
	color:#000000;
}

/* ####################   Navigation bar CSS styling   ################## */ 

.mynavbar {
   position: relative;
  width: 100%;
  height: 23px; /* corresponds to 'line-height' of a.navbartitle below */
  margin: 0; padding: 0;
  border-style:outset;
  background-color: #CFB53B; 
}

a.navbartitle {
  display: block; 
  float: left;
  color: white;
  background-color:  #CFB53B;
  font-family:arial,helvetica;
  font-size: 16px;
  font-weight: bold;
  margin: 0; border: 0; padding: 0;
  line-height: 23px; /* corresponds to 'top' value of .submenu below */
  text-align: center;
  text-decoration:none;
}
a.navbartitle:hover {
  background-color: #CFB53B;
  color:#FFFFFF;
  
}
a.navbartitle:visited
{
	color:#FFFFFF;
}

.submenu {
	position:absolute;
    z-index: 2;
    top: 23px; /* corresponds to line-height of a.navbartitle above */
    padding: 0; margin: 0; 
	width:166px; /* If adjust this, then adjust width of .submenu below a too */
	color: white;
	background-color:  #CFB53B;
    font-family:arial,helvetica;
	font-size: 11px;
}
/* Fix IE formatting quirks. */
* html .submenu { width: 148px; } /* IE needs narrower than width of .submenu above */
/* End */

/* position of each sub menu */
/* We just eyeball the position of each submenu here -- can move left or right as needed. 
   If you adjust menu title text, you might want to adjust these too. */
#golfCourseSubMenu {  left: 55px; visibility: hidden;  }
#proShopSubMenu {  left: 160px; visibility: hidden;  }
#drivingrangeSubMenu {  left: 250px; visibility: hidden; }
#tournamentsSubMenu {  left: 385px; visibility: hidden; }
#banquetsSubMenu { left: 510px; visibility: hidden; }
#lessonsSubMenu { left: 600px; visibility: hidden; }

.submenu a
{
  display: block;
  color: #FFFFFF; 
  background-color: #CFB53B;
  width: 300px; /* This should be width of .submenu above minus right-side padding on next line */
  padding: 5px 0px 4px 20px;
  text-decoration: none;
  border-bottom: #000000 dotted 1px; 
}


ul { position: relative; display: block; width:300px }
li { position: relative; display: block; width:300px; }

.submenubox { 
  margin: 0; padding: 0; 
  border-left-style:outset;
  border-right-style:outset;
  border-bottom-style:outset;
}
.submenubox ul
{
  margin: 0; padding: 0; border: 0;
}

.submenubox ul li { 
  margin: 0; padding: 0; border: 0;
}

.submenubox ul li a:link {color: #FFFFFF; font-size:medium; }
.submenubox ul li a:visited {color: #FFFFFF; font-size:medium; }
.submenubox ul li a:hover
{
  color: #FFFFFF; /* text color for submenu items */
  font-size:medium;
  background-color:#F3AF10;
  border-bottom: #000000 dotted 1px; 
}