/***********						NOTICE							  **********
Please make all necessary configuration changes to the menu styles in this file.
      The comments below will explain what each section affects and how.
Please also note that if an area doesn't seem to be having the proper effect,
try adding !important; to the end of it, especially in areas where one or more
attributes already have this label.
*******************************************************************************/

/*Place all font and size related tags here (except for atributes beginning with
  text-* and the atribute color(see below for example)*/
#menux {
font: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

/*This is the top level menu. All settings defined here apply to the lower levels
  as well unless they are overriden inside of those levels (defined below).
  Also, please try to avoid changing the padding or margin at this point as
  it can mess up the alignment of the menus. There will be a spot to do that
  later on this page.*/
#menu li a{
	background-color: none; /*Sets background color*/
	background-image: none; /*can be used to add backgrounds*/
	text-decoration: none; /*Removes underline*/
	text-align: center; /*Centers all text*/
	color: #000000; /* Changes text color*/
}

/*These are the modifications added to the top level menu when one of its items is
  hovered over with the mouse*/
#menu li:hover a, #menu li.sfhover a {
	background-color: #CCCCCC;
	background-image: none;
	color: #000000; /* Changes text color*/
}

/*This is the second level menu. All setting defined here apply to the 3rd level
  as well unless they are overriden inside of that level (defined below).*/
#menu2 li a:link, #menu2 li a:visited {
	background-color: #EAEAEA;
	background-image: none;
}

/*These are the modifications added to the second level menu when one of its items
  is hovered over with the mouse*/
#menu2 li:hover a, #menu2 li.sfhover a {
	background-color: #CCCCCC !important; /*DO NOT REMOVE !important*/
	background-image: none;
	color: #000000;
}

/*This is the third level menu.*/
#menu3 li a:link, #menu3 li a:visited {
	background-color: #B9B9B9 !important; /*DO NOT REMOVE !important*/
	background-image: none;
	color: #000000;
}

/*These are the modifications added to the third level menu when one of its items
is hovered over with the mouse*/
#menu3 li:hover a, #menu3 li.sfhover a {
	background-color: #CCCCCC!important; /*DO NOT REMOVE !important*/
	background-image: none;
}

/*These are the modifications added to the top level menu item of the currently displaying page*/
#menuCurrent a{
	background-color: #B9B9B9 !important; /*DO NOT REMOVE !important*/
}

/*Below is the code for changing the width and height of the boxes.*/

/*Top Level Menu Spacing*/
/*Use these two lines if you want dynamic spacing (resize boxes with text)*/
#menu a { padding-left: 1em; padding-right: 1em; padding-top: 0em; padding-bottom: 0em;} /*determine how much extra space is put around the text*/

/*Use this line and comment out the previous one if you want static spacing (all boxes the same size regardless of text)*/
/*#menu a, #menu li { width: 10em; height: 3em; }*/

/*These lines control the actual drop down menus (always statically spaced and both lines must be equal)*/
#menu ul a, #menu ul li, #menu li ul { width: 15em; height: 2em;}
#menu li ul ul { margin-left/*width*/: 15em; margin-top/*height with negative sign*/: -2em; }

/*Adjust this value until the text is vertically centered (or if using 3rd level
  menus until they are properly aligned). Please note that this method will fail
  if the text in any one box takes up more than one line. Also note that this
  value should never have to be more than the height value*/
#menux {line-height: 2em;}