/* Display all <a> tags as block-level items */
#menu a 
{ 
  display: block; 
  padding:    0px;
  margin:     0px;
  font-weight : bold;
}

/* Set margin and padding to 0px and remove bullets from all list items */
#menu ul 
{ 
  padding:    0px;
  margin:     0px;
  list-style: none;
  text-align: left;
}

/* Move sub menu items off the screen and out of view until called */
#topMenu li ul 
{
  text-align: left;
  padding:    0px;
  margin:     0px;
  position: absolute;
  left:     -999em;
  z-index: 1000;
}

/* Display sub menus when the mouse hovers over the top menu item (Used by JavaScript) */
#topMenu li:hover ul, #topMenu li.showMenu ul { left: auto; }

#menu 
{
  /*padding: 0px;*/
  background-color: #336666;  /* Background color of top menu */
  font-family: Arial, Helvetica, sans-serif;  /* Font used for all menu items */
  font-size: 10px;  /* Font size of all menu items */
  height: 18px;  /* Height of top menu items */
  /*line-height: 11px;*/  /* Line height of top menu items (vertically adjust text) */
 /*margin: 0;*/  /* Centers menu on page */
  width: 116px;  /* Width of top menu (must be set to center menu on page) */
  text-align: left;
  font-weight: bold;
}

#menu li { float: left; }  /* Display top menu items horizontally from left to right */

#topMenu a 
{ 
  border: 0px solid black;  /* Put border around all menu items */
  border-right-width: 0px;  /* Remove right border from all menu items (to stop double borders between top menu items) */
  text-decoration: none;  /* Remove underline from all menu item links */
  width: 114px;  /* Top menu item width (adjusted from 150px to account for border width) */
  font-weight : bold;
  border-right: solid 1px #dadada;
  border-left: solid 1px #dadada;
}


.topMenuLink a 
{
  border: solid 0px #ffffff;
  color: #CCCCCC;  /* Set color of top menu text */
  font-weight: bold;  /* Make top menu text bold */
  text-align: left;  /* Center top menu text in menu button */
}

.topMenuLink a:hover 
{
  background-color: #909090;  /* Set top menu rollover background color */
  color: #000000;  /* Set top menu rollover text color */
}

.topMenuLink a#lastMenu 
{ 
  border-right-width: 1px;  /* Add right border to last top menu item */
  width: 116px;  /* Adjust last top menu item width to fit within top menu */
}

.subMenu 
{
  /*background-color: #FFFFFF;*/  /* Set the background color of the sub menus */
  /*border-right: 1px solid #dadada;*/  /* Add the right border back to the sub menus */
  width: 116px;  /* Set the width of the sub menus */
}

.subMenu a 
{
  background-color: #FFFFFF;
  border-right: 1px solid #dadada;
  border-left: 1px solid #dadada;
  color: #000000;  /* Set the font color of the sub menu items */
  font-weight: bold;	  /* Return the font weight to normal for sub menu items */
  height: 20px;  /* Set the height of the sub menu items */
  line-height: 20px;  /* Set the line height of teh sub menu items (for vertical alignment) */
  margin-top: -1px;  /* Set the top border of each sub menu link to -1px to remove double borders */
}

.subMenu a:hover 
{
  background-color: #D2D2E1;  /* Set sub menu rollover background color */
  color: #000000;  /* Set sub menu rollover text color */
}

.subMenu#last { width: 116px; }  /* Adjust width of last sub menu to align right border correctly */

.subMenu#last a { width: 116px; }  /* Adjust width of links in last sub menu to display right border on rollover */

.subMenu .bottom
{
	width: 116px;
	height: 9px;
	background: url(images/guide_bottom.gif) no-repeat;
}

.subMenu span.test, span.colored
{
	font-size: 9px; 
	font-weight: bold !important;
	text-align: left;
}

.subMenu span.colored
{
	color: #7e8808;
}