/* CSS Document */

/* use this to style the main menu */
#menubar1 ul.horizontal li.level1 {
font:bold 8pt verdana, arial, helvetica, sans-serif; }

/* controls the root menu's list item links, use this to style the main menus links */
#menubar1 ul.horizontal li.level1 a { color: #f4eca3;
text-decoration:none;
padding: 0px 15px;
margin:5px 0px 3px 0px;
border-left:1px solid #f4eca3;
}

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

#menubar1 ul.horizontal li#level1-1 a { border-left:0px; }

/* 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 {
width: auto;
  border: 1px solid #676231;
  margin-left:0px;
}

#menubar1 ul.flyout {
width: auto;
  border: 1px solid #676231;
}

/* 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 #e4dfcb 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: auto;
background:#e4dfcb;
border:0px;
margin: 0px;
font:bold 11px verdana, Arial, Helvetica, sans-serif;
text-align: left;
  color: #676231;
  padding: 6px 10px;
white-space:nowrap;
}

/* 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:#ffffff !important; color: #676231;
}


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

/* 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 { opacity: 1;
filter: alpha(opacity=100);
font-style: normal; }

/*#folders #menubar1 a{
display: inline-block;
color: #f4eca3;
font:bold 8pt verdana, arial, helvetica, sans-serif;
text-decoration:none;
padding: 0px 8px;
margin:5px 0px 3px 0px;
border-left:1px solid #f4eca3;
text-transform:uppercase; }

#folders #menubar1 a:hover { color:#ffffff; }

#folders #menubar1 .selected{
color: #ffffff;}

#folders #menubar1 .item1 { border:0px; }*/

#pages #menubar2 a{ width:164px;
display: block;
color: #676231;
font:bold 8pt verdana, arial, helvetica, sans-serif;
text-decoration:none;
padding: 7px 5px 9px 11px;
margin:0px;
background:url(../images/menu2BGOFF.gif) no-repeat bottom left; }

#pages #menubar2 a:hover { background:url(../images/menu2BGON.gif) no-repeat bottom left; } 




#menubar4 a{
display: inline-block;
color: #356e8b;
font: 7pt verdana, arial, helvetica, sans-serif;
text-decoration:none;
padding: 3px 8px 3px 11px;
background:url(../images/menu3BG.gif) no-repeat center left;
text-transform:uppercase; }

#menubar4 a:hover, #menubar4 .selected { color:#ffffff; }

#menubar4 .item1 { background-image:none; padding:3px 8px; }

#menubar3 a {
display: inline-block;
color: #FFFFFF;
font: 10pt verdana, arial, helvetica, sans-serif;
text-decoration:none;
padding: 3px 8px 3px 11px;
background:url(../images/menu3BG.gif) no-repeat center left;
text-transform:uppercase; }

#menubar3 a:hover {color:#A98B44;}

#menubar3 .selected { font-weight:bold; }

#menubar3 .item1, { background-image:none; padding:3px 8px; }