/* Start by getting rid of excess margins, padding and list bullets: */
ul#navigation, ul#navigation ul, ul#navigation li, ul#navigation a
{padding:0; margin:0;}
ul#navigation, ul {list-style-type:none; width:130px;}

ul#navigation li {
  line-height:1.4em; /* Change to suit... */
}

/* This comment hides the following declaration from IE Mac. The
declaration itself should fix the big whitespace gaps between list
items in IE Win. For more information, google 'Holly Hack': \*/
* html #navigation li {height:1%;}
/* End hiding from IE Mac */

ul#navigation a { /* Styles for ALL first level navigation links: */
  display:block;
  
  font-family:helvetica,arial,tahoma,sans-serif;
  font-size:12px;
  line-height:1.4em;
/*  color:#003; */
  color: rgb(213, 204, 163);
  text-decoration:none;

	padding-top:3px;
	padding-bottom:3px;
  padding-left:20px; /* Put a big space at the left of each item for
your background image to appear in... */
}

ul#navigation ul a {/* Styles for ALL second level navigation links: */
	padding-left:40px; /* Put a bigger space at the left of each item in
a nested list... */
}


/* Styles for top level links in normal and visited states */
ul#navigation a:link,
ul#navigation a:visited {
  background-color: rgb(84, 64, 31) url(path/to/bullet_image.gif) no-repeat center
center; /* This the image you're using for a bullet... */
}

/* Styles for top level links in hover and active states */
ul#navigation a:hover,
ul#navigation a:active {
	color: rgb(84, 64, 31) url(path/to/bullet_image_ro.gif) no-repeat center
center; /* This is your rollover image */
  color:#fff;
}

/* Styles for second level links in normal and visited states */
ul#navigation ul a:link,
ul#navigation ul a:visited {
  background-color: rgb(84, 64, 31) url(path/to/bullet_image.gif) no-repeat center
center; /* This the image you're using for a bullet... */
}

/* Styles for second level links in hover and active states */
ul#navigation ul a:hover,
ul#navigation ul a:active {
	background-color: rgb(84, 64, 31) url(path/to/bullet_image_ro.gif) no-repeat center
center; /* This is your rollover image */
	color:#fff;
}