/* Display all <a> tags as block-level items */
#menu a { display: block; width: 91px;}

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

/* Move sub menu items off the screen and out of view until called */
#nav li ul {
  position: absolute;
  width: 120px;
  left:     -999em;
}
#nav li li {
	padding-right: 0px;
	width: 120px;
}
#nav li ul a {
	padding-right: 0px;
	width: 119px;
}

#nav li:hover { /* prevents sticky nav in IE7 */
background-position: 0 0;
}

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

#menu {
 /* background-color: #336666;   Background color of top menu */
  font-family: Verdana, Arial, Helvetica, sans-serif;  /* Font used for all menu items */
  font-size: 13px;  /* Font size of all menu items */
  height: auto;  /* Height of top menu items */
  line-height: 28px;  /* Line height of top menu items (vertically adjust text) */
  margin: auto;  /* Centers menu on page */
  width: 767px;  /* Width of top menu (must be set to center menu on page) */
}

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

#nav a { 
  border: 1px 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: 91px;  /* Top menu item width (adjusted from 150px to account for border width) */
  padding: 4px 0px 4px 0px;
}

.navLink a {
  color: #553311;  /* Set color of top menu text */
  font-weight: normal;  /* Make top menu text bold or normal */
  text-align: center;  /* Center top menu text in menu button */
  height: 28px;
}

.navLink a:hover {
  background-color: #666699;  /* Set top menu rollover background color */
  color: #ffffff;  /* Set top menu rollover text color */
}

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

.subMenu {
  background-color: #666699;  /* Set the background color of the sub menus */
  width: 120px;  /* Set the width of the sub menus */
}

.subMenuLink {
border-right: 1px solid black;  /* Add right border back to dropdowns */
border-top-width: 0px;  /* remove top border from dropdowns */
margin: 0px 0px 0px 0px;
}

.subMenu a {
  color: #ffffff;  /* Set the font color of the sub menu items */
  font-weight: normal;	  /* Return the font weight to normal for sub menu items */
  height: auto;  /* Set the height of the sub menu items */
  line-height: 13px;  /* 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: #B9C8D8;  /* Set sub menu rollover background color */
  color: #000000;  /* Set sub menu rollover text color */
}