/* CSS Document */

#menubar1 ul.horizontal li.level1 {
font: 11px Arial, Helvetica, sans-serif;
}

#menubar1 ul.horizontal li.level1 a { 
font-weight:bold;
  color: #999999;
  text-decoration: none;
  background: url(../images/menuLinkBG.gif) no-repeat center left;
  padding: 2px 14px 2px 14px;
  margin: 16px 0px 14px 0px;
  text-transform:uppercase;
}

/* controls the root menu's list item links when a cursor is over them (mouseover) */
#menubar1 ul.horizontal li.level1 a:hover {
color: #323522;
}

#menubar1 ul.horizontal li#level1-1 a { background:none; }

/* this controls the style of the dropdown and flyout menus, A great deal of the styling will be done here, probably. */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown,
#menubar1 ul.flyout {
width: 150px;
 border: 1px solid #dcdcdc;
}

/* this controls the styles of the list items that are in the dropdown and flyout menus.
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2,
#menubar1 ul.flyout li.level3 {
border-bottom: 1px #dcdcdc solid;
}

/* this controls the styles of the list item's links that are in the dropdown and flyout menus */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2 a,
#menubar1 ul.flyout li.level3 a { width: 150px;
border:1px solid #ffffff;
font: 7pt Arial, Helvetica, sans-serif;
text-align: left;
color: #999999;
padding: 1px 10px 0px 10px;
margin:0px;
background: #f0f0f0 !important; 
}

/* this controls the style of the list item's links that are in the dropdown and flyout menus when a cursor is over them. (mouseover) */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown li.level2 a:hover,
#menubar1 ul.flyout li.level3 a:hover {
  background:#e4e7d8 !important; color:#323522;
}


/* this controls the div that is wrapped around the entire menubar */
#menubar1 { position: relative; float: left; z-index:2; }

/* controls the unordered list tag, I don't think styling should be done here either. Use more specific selectors to style the menu. */
#menubar1 ul { margin: 0px; padding: 0px; list-style: none; }

/* controls a list item in an unordered list tag, I don't think styling should be done here either. Use more specific selectors to style the menu. */
#menubar1 ul li { list-style: none; }

/* controls the list item link tag. */
#menubar1 ul li a { float: left; display: block; }

/* controls the root menu's list items. use this to style the main menu */
#menubar1 ul.horizontal li.level1 { float: left; }

/* controls the width of a list item's link tag. DON'T CHANGE UNLESS YOU KNOW WHAT YOU ARE DOING.
This is needed for things to function well. */
#menubar1 ul.horizontal > li.level1 a { width: auto; }

/* More functional css, don't change unless you know what you are doing */
/* Commented Backslash Hack hides rule from IE5-Mac */
#menubar1 ul li a { float:none; }
/* End IE5-Mac hack */

/* this controls the style of the dropdown and flyout menus, A great deal of the styling will be done here, probably. */
/* note that the comma needs to be there, don't remove it. */
#menubar1 ul.dropdown,
#menubar1 ul.flyout { position: relative; top: 0px; left: 0px; visibility: hidden; }

/* don't change this unless you know what you are doing, this makes sure that the menus appear on the top like they are supposed to */
#menubar1 ul { z-index: 1 !important; }

#menubar1 #bridgetools { margin-bottom: 0px; height: 5px; white-space: nowrap;}

#menubar1 #bridgetools a {
background-color:#FFCC00 !important;
background-image:none !important;
border-color:#8C8C8C rgb(112, 112, 112) rgb(0, 0, 0) rgb(155, 155, 155) !important;
border-style:solid !important;
border-width:1px 2px 2px !important;
color:#000000 !important;
font-family:Verdana,Helveltica,Arial,sans-serif !important;
font-size:8pt !important;
font-weight:normal !important;
height:auto;
letter-spacing:0pt !important;
padding-bottom:1px;
padding-left:3px !important;
padding-right:3px !important;
padding-top:0px !important;
text-decoration:none !important;
opacity: 1;
filter: alpha(opacity=100);
margin:0px;
}
#menubar1 #bridgetools a:hover {
background-color:#FFDD55 !important;
color:#000000 !important;
}


#menubar2 a{
display: inline-block;
text-decoration:none;
color: #323522;
background: #FFFFFF url(../images/menu2BG.gif) no-repeat right center;
font: 10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding: 0px 10px 0px 10px;
}
#menubar2 a:hover{ text-decoration: underline;
}

#menubar3 { padding-top: 1px; }

#menubar3 a{
display: inline-block;
text-decoration:none;
color: #323522;
background: #FFFFFF url(../images/menu2BG.gif) no-repeat left center;
font: 10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding: 0px 10px 0px 10px;
vertical-align:top;
}
#menubar3 a:hover{
text-decoration: underline;
}