/* Display all <a> tags as block-level items */#menu a { display: block; } /* 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 */#topMenu li ul {  position: absolute;  left:     -999em;} /* 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 {  background-color: #336666;  /* Background color of top menu */  font-family: Arial, Helvetica, sans-serif;  /* Font used for all menu items */  font-size: 13px;  /* Font size of all menu items */  height: 22px;  /* Height of top menu items */  line-height: 21px;  /* Line height of top menu items (vertically adjust text) */  margin: auto;  /* Centers menu on page */  width: 750px;  /* 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 */ #topMenu 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: 149px;  /* Top menu item width (adjusted from 150px to account for border width) */}  .topMenuLink a {  color: #CCCCCC;  /* Set color of top menu text */  font-weight: bold;  /* Make top menu text bold */  text-align: center;  /* 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: 148px;  /* 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 black;  /* Add the right border back to the sub menus */  width: 150px;  /* Set the width of the sub menus */} .subMenu a {  color: #000000;  /* Set the font color of the sub menu items */  font-weight: normal;	  /* 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: 149px; }  /* Adjust width of last sub menu to align right border correctly */ .subMenu#last a { width: 148px; }  /* Adjust width of links in last sub menu to display right border on rollover *//* Display all <a> tags as block-level items */
#menu a { display: block; }

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

/* Move sub <strong class="highlight">menu</strong> items off the screen and out of view until called */
#topMenu li ul {
  position: absolute;
  left:     -999em;
}

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

#menu {
  background-color: #339933;  /* Background color of top <strong class="highlight">menu</strong> */
  font-family: Cambria;  /* Font used for all <strong class="highlight">menu</strong> items */
  font-size: 11.5px;  /* Font size of all <strong class="highlight">menu</strong> items */
  height: 20px;  /* Height of top <strong class="highlight">menu</strong> items */
  line-height: 19px;  /* Line height of top <strong class="highlight">menu</strong> items (vertically adjust text) */
  margin: auto;  /* Centers <strong class="highlight">menu</strong> on page */
  width: 921px;  /* Width of top <strong class="highlight">menu</strong> (must be set to center <strong class="highlight">menu</strong> on page) */
  border-color:white;
  border-width: 2px;
}

#menu li { float: left; }  /* Display top <strong class="highlight">menu</strong> items horizontally from left to right */

#topMenu a { 
  border: 1px solid #339933;  /* Put border around all <strong class="highlight">menu</strong> items */
  border-right-width: 0px;  /* Remove right border from all <strong class="highlight">menu</strong> items (to stop double borders between top <strong class="highlight">menu</strong> items) */
  text-decoration: none;  /* Remove underline from all <strong class="highlight">menu</strong> item links */
  width: 125px;  /* Top <strong class="highlight">menu</strong> item width (adjusted from 150px to account for border width) */
  border-bottom:1px;
}

.topMenuLink a {
  color: #ffffff;  /* Set color of top <strong class="highlight">menu</strong> text */
  font-weight: bold;  /* Make top <strong class="highlight">menu</strong> text bold */
  text-align: center;  /* Center top <strong class="highlight">menu</strong> text in <strong class="highlight">menu</strong> button */
}

.topMenuLink a:hover {
  background-color: #EFFDEE;  /* Set top <strong class="highlight">menu</strong> rollover background color */
  color: #000000;  /* Set top <strong class="highlight">menu</strong> rollover text color */
}

.topMenuLink a#lastMenu { 
  border-right-width: 1px;  /* Add right border to last top <strong class="highlight">menu</strong> item */
  border-right-color:white;
  width: 163px;  /* Adjust last top <strong class="highlight">menu</strong> item width to fit within top <strong class="highlight">menu</strong> */
}

.subMenu {
  background-color: #339933;  /* Set the background color of the sub menus */
  border-right: 2px solid #339933;  /* Add the right border back to the sub menus */
  width: 125px;  /* Set the width of the sub menus */
  text-align:center;
  padding-left:5px;
  padding-right:5px;
  font-size:13px;
  line-height:8px;

}

.subMenu a {
  color: #ffffff;  /* Set the font color of the sub <strong class="highlight">menu</strong> items */
  font-weight: normal;	  /* Return the font weight to normal for sub <strong class="highlight">menu</strong> items */
  height: 20px;  /* Set the height of the sub <strong class="highlight">menu</strong> items */
  line-height: 20px;  /* Set the line height of teh sub <strong class="highlight">menu</strong> items (for vertical alignment) */
  margin-top: -1px;  /* Set the top border of each sub <strong class="highlight">menu</strong> link to -1px to remove double borders */
}

.subMenu a:hover {
  background-color: #EFFDEE;  /* Set sub <strong class="highlight">menu</strong> rollover background color */
  color: #000000;  /* Set sub <strong class="highlight">menu</strong> rollover text color */
}

.subMenu#last { width: 149px; }  /* Adjust width of last sub <strong class="highlight">menu</strong> to align right border correctly */

.subMenu#last a { width: 148px; }  /* Adjust width of links in last sub <strong class="highlight">menu</strong> to display right border on rollover */