@charset "UTF-8";

ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; cursor: default; width: auto; }

ul.MenuBarActive { z-index: 1000; }

ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; position: relative; text-align: left; cursor: pointer; width: auto; float: left; }

ul.MenuBarHorizontal ul li { }

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }

ul.MenuBarHorizontal ul { }
ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: transparent; padding: 0.5em 0.75em; color: #999; text-decoration: none; }

ul.MenuBarHorizontal a:link { color: #999; }



ul.MenuBarHorizontal a:visited { color: #999; }


ul.MenuBarHorizontal a:hover     { color: #CCC; }

ul.MenuBarHorizontal a:active { color: #FFF; }


/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {

ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; }
}

ul.MenuBarActive { z-index: 1000; }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
}

#membership { background: url(../images/membership-logo.png) no-repeat -10px -15px; margin-top: 75px; font-size: 10px; height: 65px; padding-left: 80px; padding-top: 15px; display: block; line-height: 1.5em; width: 40%; }

#membership acronym { border-bottom: 1px dashed #999; }
