/* Background colour for the entire menu */
.background {
background-color:#00ADEF;
background-repeat:no-repeat;
height:32px;
margin-left:2px;
width:933px;
}
/* background colour for the drop down */
.background2 {
background-color:#ffffff;
background-repeat:no-repeat;
height:32px;
}

/*========================= TOP OF THE MENU CASCADE =========================*/
.menu {
border:0 none;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:32px;
margin:0;
padding:0;
position:relative;
text-align:left;
width:936px;
float:left;
}

.menu img {
	vertical-align: top;
/* prevent images from being pushed down by text */
}

.menu a {
	color: #000000;
	padding: 5px 0px 0px 5px;
	font-weight: normal;
}

.menu ul {
	margin: 0;
	list-style-type: none;
/* we don't want to view the list as a list */
	line-height: 1.5em;
/* globally set the menu's item spacing. note */
}

/* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
	float: left;
	margin: 0;
	position: relative;
	width: 112px;
	margin: 8px 10px 0px 0px !important;
  height: 24px;
}

.menu ul li table {
	margin: -1px 0;
/* IE5 needs -1px top and bottom table margins */
	margin: 0;
/* re-zero the table margins for everyone but IE5 */
	border-collapse: collapse;
/* IE5 needs this for the sub-menus to work */
	font-size: 12px;
/* this sets the base font size for our entire menu */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
	display: none;
/* initially hide the entire list hierarchy */
	padding: 1px;
/* this is our box border width */
}

.menu ul li a, .menu ul li a:visited {
/* unselected top-level menu items */
	display: block;
	float: left;
	text-decoration: none;
	height: 19px;
}

.menu ul li:hover a, .menu ul li a:hover {
background-color:#EF5A00;
background-image:none;
background-repeat:no-repeat;
color:#FFFFFF;
height:19px;
padding:5px 0 0 5px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul, .menu ul li a:hover ul {
/* 2nd level drop-down box */
	display: block;
	position:  absolute;
	margin:  0;
	top: 14px;
	left:  -1px;
	height: 20px;
	width: 112px;
	color: #143753;
	font-size: 9px;
	Text-align: left;
	z-index: 3;
	font-weight: bold;
}
.menu ul li:hover ul, .menu ul li a:hover ul li {
	background-image: none;
	color: #000000;
}
.menu ul li:hover ul.leftbutton, .menu ul li a:hover ul.leftbutton {
/* our first dropdown should not be skewed */
	left: 0px;
}
.menu ul li:hover ul.skinny, .menu ul li a:hover ul.skinny {
/* 2nd level skinny drop-down box */
	width: 112px;
/* with a 12px default font, this is 97px width (97/12) */
}
.menu ul.rightmenu li:hover ul, .menu ul.rightmenu li a:hover ul {
/* 2nd level neighborhood drop-down box */
	left: auto;
	right: 0;
/* nudge the right menu right to line up under the border */
	width: 112px;
/* with a 12px default font, this is 228px width (228/12) */
}
* html .menu ul.rightmenu li a:hover ul {
/* IE5/6 needs a tweak here */
	right: -1px;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
/* 2nd level unselected items */
	margin: 0;
	border: 0px;
	padding: 0px;
	color: #143753;
	font-weight: bold;
/* this sets the unselected drop-down text color */
/* this sets the drop-down menu background color */
	width: 280px;
	background-color: #ffffff;
	border-top: 1px solid #cccccc;
	background-repeat: repeat-x;
	height: 32px;
	padding: 8px 0px 0px 3px;
}
.menu ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover {
/* 2nd level selected item */
	color: #5F9CC7;
	background-color: #ffffff;
	background-repeat: repeat-x;
	height: 32px;
	border-top: 1px solid #cccccc;
	width: 280px;
}
.menu ul li:hover ul.skinny li a, .menu ul li a:hover ul.skinny li a, .menu ul li:hover ul.skinny li a:hover, .menu ul li a:hover ul.skinny li a:hover {
/* 2nd level un+selected items */
	width: 112px;
}