/* CSS Document */



/* use this to style the main menu */

#menubar1 ul.horizontal li.level1 {

width: 150px;

font-size: 12px;

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 {

width: 150px;

background:url(../images/menuBG.png) repeat;

  font-weight: bold;

  color: #ffffff;

  text-decoration: none;

  padding: 3 5 3 5;

  display:block;

}



/* controls the root menu's list item links when a cursor is over them (mouseover) */

#menubar1 ul.horizontal li.level1 a:hover {

background: url(../images/menuBGon.png) repeat;

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 {

width: 140px;

  border: 1px solid transparent; 

}



/* 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.flyout li.level2,

#menubar1 ul.flyout li.level3 {

  border-bottom: 1px #000000 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.flyout li.level2 a,

#menubar1 ul.flyout li.level3 a {

border: 0px;

width: 140px;

background: url(../images/menuBG.png) repeat;

font-size: 11px;

font-family: Arial, Helvetica, sans-serif;

  font-weight: normal;

  color: #ffffff;

  padding: 1px 5px 1px 5px;

  margin: 0px;

  display:block;

}



/* 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.flyout li.level2 a:hover,

#menubar1 ul.flyout li.level3 a:hover {

background: url(../images/menuBGon.png) repeat;

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 { position: absolute; top:160px; float:left; width:150px; }



/* 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; position:relative; z-index:2; left:0px;}



#menubar1 #bridgetools a { background-image:none !important; background-color:#ffcc00 !important; }



#menubar1 #bridgetools a:hover { background-color:#ffdd55 !important; }



#visible_area_menu {

	width:640px;/*required*/

	overflow:hidden;/*required*/

	position:relative;/*required*/

	height:215px;/*required but obviously adjustable*/



}

#menubar3{

	display:block;

	float:left;

	white-space:nowrap;

	overflow:visible;

	height: 215px;

	padding-right: 130px;

}

#menubar3 a {

	width: 100px;

	height:auto;

	margin: 0px 8px 0px 0px;

	text-decoration:none;

}

#menubar3 .navlabel {

	font: bold 9px arial, helvetica, sans-serif;

	color: #000000;

	position:absolute;

	top: 202px;

	text-decoration:none; 

}



#menubar3 .navicon { 

	position: relative;

	left: 130px;

}



#menubar3 #bridgetools { position:absolute; top: 10px; left: 10px; z-index:1; }