div#s1 {
	width:230px;
	color:#000000;
	float:left;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
/*	background-image: url(../images/membership.gif);*/
/*	background-repeat: no-repeat;*/
/*	background-position: center bottom;*/
}

div#s1 ul {
	/*  background-color: #036; get rid of background */
    list-style-type: none;  /*get rid of the bullets */
 	padding:0;             /* no padding */
	margin:0;              /* no margin for IE either */
	
	
}

div#s1 ul li {
  margin: 0;
  padding: 0;
/*  background-color: #036; get rid of background */
  display:block;
/*  border-top: 1px solid white;  lines */
}

div#s1 ul li a {
	display: block;         /* lines extend to right, make area clickable */
	color: #333333;
	margin:0;
	text-decoration: none;
	height: 15px;           /* hint for IE, alternatively remove whitespace from HTML */
	padding: 3px 3px 3px 40px;
	margin-top: 10px;
}

div#s1 ul ul li a {
	margin-left: 12px;     /* indent level 1 */
	font-size: 9pt;
	font-weight: normal;
	margin-top: 0px;
}

div#s1 ul ul ul li a {
  margin-left: 20px;     /* indent level 2 */
}


div#s1 li ul {
	top: 0;
	left: 0; /* Set 1px less than menu width */
	display: none;
	list-style: none;
	padding: 0;
	position: relative;
}



div#s1 li ul, div#s1 li.open li.closed ul {
  display: none;         /* collapse */
}

div#s1 li.open ul {
  display: block;        /* expand */
}
 
div#s1 ul li.open a {
  background-image: url(../images/NavBar/bullet_open.gif);
  background-repeat: no-repeat;
}

div#s1 ul li.closed a {
  background-image: url(../images/NavBar/bullet_closed.gif);
  background-repeat: no-repeat;
}

div#s1 ul li.leaf a {
  background-image: url(../images/NavBar/bullet_leaf.gif);
  background-repeat: no-repeat;
}
 
/* --- Casino Links --- */

#nav-casino div#s1 ul li.open a		{ background-image: url(../images/NavBar/bullet-c_open.gif);  background-repeat: no-repeat; }
#nav-casino div#s1 ul li.closed a	{ background-image: url(../images/NavBar/bullet-c_closed.gif);  background-repeat: no-repeat; }
#nav-casino div#s1 ul li.leaf a 	{ background-image: url(../images/NavBar/bullet-c_leaf.gif);  background-repeat: no-repeat; }

#nav-casino div#s1 li.active a				{ background-position: 0px -15px; color: #ec001a; /* highlight text */ }
#nav-casino div#s1 ul li a:hover 			{ color: #ec001a; /* rollover effect */ }
#nav-casino div#s1 li.active ul li a		{ background-position: 0px -15px; color: #333333; /* highlight text */ } /* This stops sub links from being active colour */
#nav-casino div#s1 li.active ul li a:hover	{ color: #ec001a; /* highlight text */ } /* This stops sub links from being active colour */



/* --- Horse Links --- */

#nav-horse div#s1 ul li.open a		{ background-image: url(../images/NavBar/bullet-h_open.gif);  background-repeat: no-repeat; }
#nav-horse div#s1 ul li.closed a	{ background-image: url(../images/NavBar/bullet-h_closed.gif);  background-repeat: no-repeat; }
#nav-horse div#s1 ul li.leaf a 		{ background-image: url(../images/NavBar/bullet-h_leaf.gif);  background-repeat: no-repeat; }

#nav-horse div#s1 li.active a				{ background-position: 0px -15px; color: #26874e; /* highlight text */ }
#nav-horse div#s1 ul li a:hover 			{ color: #26874e; /* rollover effect */ }
#nav-horse div#s1 li.active ul li a			{ background-position: 0px -15px; color: #333333; /* highlight text */ } /* This stops sub links from being active colour */
#nav-horse div#s1 li.active ul li a:hover	{ color: #26874e; /* highlight text */ } /* This stops sub links from being active colour */


/* --- Contact Links --- */

#nav-contact div#s1 ul li.open a		{ background-image: url(../images/NavBar/bullet-cu_open.gif);  background-repeat: no-repeat; }
#nav-contact div#s1 ul li.closed a		{ background-image: url(../images/NavBar/bullet-cu_closed.gif);  background-repeat: no-repeat; }
#nav-contact div#s1 ul li.leaf a 		{ background-image: url(../images/NavBar/bullet-cu_leaf.gif);  background-repeat: no-repeat; }

#nav-contact div#s1 li.active a				{ background-position: 0px -15px; color: #09a0de; /* highlight text */ }
#nav-contact div#s1 ul li a:hover 			{ color: #09a0de; /* rollover effect */ }
#nav-contact div#s1 li.active ul li a		{ background-position: 0px -15px; color: #333333; /* highlight text */ } /* This stops sub links from being active colour */
#nav-contact div#s1 li.active ul li a:hover	{ color: #09a0de; /* highlight text */ } /* This stops sub links from being active colour */



/* --- Generic Links --- */

#nav-generic div#s1 ul li.open a		{ background-image: url(../images/NavBar/bullet_open.gif);  background-repeat: no-repeat; }
#nav-generic div#s1 ul li.closed a	{ background-image: url(../images/NavBar/bullet_closed.gif);  background-repeat: no-repeat; }
#nav-generic div#s1 ul li.leaf a 	{ background-image: url(../images/NavBar/bullet_leaf.gif);  background-repeat: no-repeat; }

#nav-generic div#s1 li.active a				{ background-position: 0px -15px; color: #fba002; /* highlight text */ }
#nav-generic div#s1 ul li a:hover 			{ color: #fba002; /* rollover effect */ }
#nav-generic div#s1 li.active ul li a		{ background-position: 0px -15px; color: #333333; /* highlight text */ } /* This stops sub links from being active colour */
#nav-generic div#s1 li.active ul li a:hover	{ color: #fba002; /* highlight text */ } /* This stops sub links from being active colour */



/* Redundant code????? 

div#s1 li.active li a {
  background-position: 0px 0px;
  color: #333333;          /* fix lower levels 
}
--- */

