/* CSS Document */


/* Below is a set of CSS rules that will allow you to style the drop down menu bar. */

/* note: the term 'dropdown' refers to the second level menus, which drop down vertically. */
/* note: the term 'flyout' refers to the third level menus, which stick out from the second level drop down menus. */
/* note: you need to change #menubar to reflect the name of the menubar you are styling.
    if the menubar is called 'henry', then change #menubar to #henry
*/

/* use this to style the main menu */
#menubar1 ul.horizontal li.level1,
#menubar2 ul.horizontal li.level1,
#menubar3 ul.horizontal li.level1,
#menubar4 ul.horizontal li.level1,
#menubar5 ul.horizontal li.level1,
#menubar6 ul.horizontal li.level1,
#menubar7 ul.horizontal li.level1,
#menubar8 ul.horizontal li.level1,
#menubar9 ul.horizontal li.level1,
#menubar10 ul.horizontal li.level1  {
font-size: 11px;
font-family: 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,
#menubar2 ul.horizontal li.level1 a,
#menubar3 ul.horizontal li.level1 a,
#menubar4 ul.horizontal li.level1 a,
#menubar5 ul.horizontal li.level1 a,
#menubar6 ul.horizontal li.level1 a,
#menubar7 ul.horizontal li.level1 a,
#menubar8 ul.horizontal li.level1 a,
#menubar9 ul.horizontal li.level1 a,
#menubar10 ul.horizontal li.level1 a {
padding: 5 5 4 5;
font-weight: bold;
font-style: normal;
color: #000000;
text-decoration: none;
}

/* controls the root menu's list item links when a cursor is over them (mouseover) */
#menubar1 ul.horizontal li.level1 a:hover,
#menubar2 ul.horizontal li.level1 a:hover,
#menubar3 ul.horizontal li.level1 a:hover,
#menubar4 ul.horizontal li.level1 a:hover,
#menubar5 ul.horizontal li.level1 a:hover,
#menubar6 ul.horizontal li.level1 a:hover,
#menubar7 ul.horizontal li.level1 a:hover,
#menubar8 ul.horizontal li.level1 a:hover,
#menubar9 ul.horizontal li.level1 a:hover,
#menubar10 ul.horizontal li.level1 a:hover {
color: #000000;
background-color: #ffffff; 
}

/* 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,
#menubar2 ul.dropdown,#menubar2 ul.flyout,
#menubar3 ul.dropdown,#menubar3 ul.flyout,
#menubar4 ul.dropdown,#menubar4 ul.flyout,
#menubar5 ul.dropdown,#menubar5 ul.flyout,
#menubar6 ul.dropdown,#menubar6 ul.flyout,
#menubar7 ul.dropdown,#menubar7 ul.flyout,
#menubar8 ul.dropdown,#menubar8 ul.flyout,
#menubar9 ul.dropdown,#menubar9 ul.flyout,
#menubar10 ul.dropdown,#menubar9 ul.flyout {
width: 135px;
background-color: #FFFFFF;
border: 1px #8F9136 solid;
}

/* 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,
#menubar2 ul.dropdown li.level2,#menubar2 ul.flyout li.level3,
#menubar3 ul.dropdown li.level2,#menubar3 ul.flyout li.level3,
#menubar4 ul.dropdown li.level2,#menubar4 ul.flyout li.level3,
#menubar5 ul.dropdown li.level2,#menubar5 ul.flyout li.level3,
#menubar6 ul.dropdown li.level2,#menubar6 ul.flyout li.level3,
#menubar7 ul.dropdown li.level2,#menubar7 ul.flyout li.level3,
#menubar8 ul.dropdown li.level2,#menubar8 ul.flyout li.level3,
#menubar9 ul.dropdown li.level2,#menubar9 ul.flyout li.level3,
#menubar10 ul.dropdown li.level2,#menubar10 ul.flyout li.level3 {
border-bottom: 1px #8F9136 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,
#menubar2 ul.dropdown li.level2 a,#menubar2 ul.flyout li.level3 a,
#menubar3 ul.dropdown li.level2 a,#menubar3 ul.flyout li.level3 a,
#menubar4 ul.dropdown li.level2 a,#menubar4 ul.flyout li.level3 a,
#menubar5 ul.dropdown li.level2 a,#menubar5 ul.flyout li.level3 a,
#menubar6 ul.dropdown li.level2 a,#menubar6 ul.flyout li.level3 a,
#menubar7 ul.dropdown li.level2 a,#menubar7 ul.flyout li.level3 a,
#menubar8 ul.dropdown li.level2 a,#menubar8 ul.flyout li.level3 a,
#menubar9 ul.dropdown li.level2 a,#menubar9 ul.flyout li.level3 a,
#menubar10 ul.dropdown li.level2 a,#menubar10 ul.flyout li.level3 a {
width: 135px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #ffffff;
padding: 2px 5px 2px 5px;
background-color: #8F9136;
}

/* 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,
#menubar2 ul.dropdown li.level2 a:hover,#menubar2 ul.flyout li.level3 a:hover,
#menubar3 ul.dropdown li.level2 a:hover,#menubar3 ul.flyout li.level3 a:hover,
#menubar4 ul.dropdown li.level2 a:hover,#menubar4 ul.flyout li.level3 a:hover,
#menubar5 ul.dropdown li.level2 a:hover,#menubar5 ul.flyout li.level3 a:hover,
#menubar6 ul.dropdown li.level2 a:hover,#menubar6 ul.flyout li.level3 a:hover,
#menubar7 ul.dropdown li.level2 a:hover,#menubar7 ul.flyout li.level3 a:hover,
#menubar8 ul.dropdown li.level2 a:hover,#menubar8 ul.flyout li.level3 a:hover,
#menubar9 ul.dropdown li.level2 a:hover,#menubar9 ul.flyout li.level3 a:hover,
#menubar10 ul.dropdown li.level2 a:hover,#menubar10 ul.flyout li.level3 a:hover {
color: #8F9136;
background-color: #FFFFFF;
}

/* This is a set of CSS rules that allow the drop down menubar to function properly. Change these at your own risk!  */

/* this controls the div that is wrapped around the entire menubar */
#menubar1,#menubar2,#menubar3,#menubar4,#menubar5/*,#menubar6*/ { position: relative; float: left; }

/* 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,
#menubar2 ul,
#menubar3 ul,
#menubar4 ul,
#menubar5 ul,
#menubar6 ul,
#menubar7 ul,
#menubar8 ul,
#menubar9 ul,
#menubar10 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,
#menubar2 ul li,
#menubar3 ul li,
#menubar4 ul li,
#menubar5 ul li,
#menubar6 ul li,
#menubar7 ul li,
#menubar8 ul li,
#menubar9 ul li,
#menubar10 ul li { list-style: none; }

/* controls the list item link tag. */
#menubar1 ul li a,
#menubar2 ul li a,
#menubar3 ul li a,
#menubar4 ul li a,
#menubar5 ul li a,
#menubar6 ul li a,
#menubar7 ul li a,
#menubar8 ul li a,
#menubar9 ul li a,
#menubar10 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,
#menubar2 ul.horizontal li.level1,
#menubar3 ul.horizontal li.level1,
#menubar4 ul.horizontal li.level1,
#menubar5 ul.horizontal li.level1,
#menubar6 ul.horizontal li.level1,
#menubar7 ul.horizontal li.level1,
#menubar8 ul.horizontal li.level1,
#menubar9 ul.horizontal li.level1,
#menubar10 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,
#menubar2 ul.horizontal > li.level1 a,
#menubar3 ul.horizontal > li.level1 a,
#menubar4 ul.horizontal > li.level1 a,
#menubar5 ul.horizontal > li.level1 a,
#menubar6 ul.horizontal > li.level1 a,
#menubar7 ul.horizontal > li.level1 a,
#menubar8 ul.horizontal > li.level1 a,
#menubar9 ul.horizontal > li.level1 a,
#menubar10 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,
#menubar2 ul li a,
#menubar3 ul li a,
#menubar4 ul li a,
#menubar5 ul li a, 
#menubar6 ul li a,
#menubar7 ul li a,
#menubar8 ul li a,
#menubar9 ul li a,
#menubar10 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,
#menubar2 ul.dropdown,#menubar2 ul.flyout,
#menubar3 ul.dropdown,#menubar3 ul.flyout,
#menubar4 ul.dropdown,#menubar4 ul.flyout,
#menubar5 ul.dropdown,#menubar5 ul.flyout,
#menubar6 ul.dropdown,#menubar6 ul.flyout,
#menubar7 ul.dropdown,#menubar7 ul.flyout,
#menubar8 ul.dropdown,#menubar8 ul.flyout,
#menubar9 ul.dropdown,#menubar9 ul.flyout,
#menubar10 ul.dropdown,#menubar10 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,
#menubar2 ul,
#menubar3 ul,
#menubar4 ul,
#menubar5 ul,
#menubar6 ul,
#menubar7 ul,
#menubar8 ul,
#menubar9 ul,
#menubar10 ul { z-index: 1 !important; }

#menubar1 #bridgetools,
#menubar2 #bridgetools,
#menubar3 #bridgetools,
#menubar4 #bridgetools,
#menubar5 #bridgetools,
#menubar6 #bridgetools,
#menubar7 #bridgetools,
#menubar8 #bridgetools,
#menubar9 #bridgetools,
#menubar10 #bridgetools { margin-bottom: 0px; height: 5px; white-space: nowrap;}

#menubar6, #menubar6-root, #menubar6-root a,
#menubar7, #menubar7-root, #menubar7-root a,
#menubar8, #menubar8-root, #menubar8-root a,
#menubar9, #menubar9-root, #menubar9-root a,
#menubar10, #menubar10-root, #menubar10-root a { display: block; white-space: nowrap; }

#menubar1 #bridgetools a,
#menubar2 #bridgetools a,
#menubar3 #bridgetools a,
#menubar4 #bridgetools a,
#menubar5 #bridgetools a,
#menubar6 #bridgetools a,
#menubar7 #bridgetools a,
#menubar8 #bridgetools a,
#menubar9 #bridgetools a,
#menubar10 #bridgetools a { width: 90px; }