/* ------------------------------------------------------------------------------------------------------------------------ */
/* Main Menu 																																																								*/
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Set layout properties for the image to the left of the first menu item */
.california {
	position: relative;
	left: 0px;
	z-index: 100;
	border-bottom: solid 1px white;
}

/* Set layout properties for the end of the menu */
.menuend {
	position: absolute;
	top: 0px;
	left: 684px;
	width: 94px;
	height: 21px;
	z-index: 50;
	background: #9999a3;
	border: #fff 1px solid;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* Menu 1 layout																																																						*/
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Set layout properties for the top level menu */
.menu1 {
	position: absolute;
	left: 210px;
	top: 0px;
	font-size: 11px; 
	float: left;
	margin: 1px 0px 0px 0px;
	width: 90px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	z-index: 100;
}

/* set properties for sub menu drop down position */
.menu1 UL LI:hover UL {
	margin-top: 1px;
	display: block;
	left: 0px;
	width: 90px;
	position: absolute;
	top: 20px
}

/* set properties for sub menu drop downs i.e - background colour */
.menu1 UL LI:hover UL LI A {
	padding: 4px 10px 4px 10px;
	border-top: #fff 1px solid;
	border-bottom: #000 0px solid;
	display: block;
	background: #9999a3;
	width: 97px;
	color: #fff;
	line-height: 15px;
	height: auto;
	font-weight: normal;
}

/* background property for top menu - rolloff state */
.menu1one {
	background: #9999a3;
	color: #eee;
	border-right: 1px solid white;
	width:78px;
}

/* background property for top menu - rollover / on state */
.menu1oneon {
	background: #5c5c61;
	color: #eee;
	border-right: 1px solid white; 
	width:78px;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* Menu 2 layout																																																						*/
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Set layout properties for the top level menu */
.menu2 {
	position: absolute;
	left: 299px;
	top: 0px;
	font-size: 11px; 
	float: left;
	margin: 1px 0px 0px 0px;
	width: 181px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	z-index: 100; 
}

/* set properties for sub menu drop down position */
.menu2 UL LI:hover UL {
	margin-top: 1px;
	display: block;
	left: 0px;
	width: 90px;
	position: absolute;
	top: 20px
}

/* set properties for sub menu drop downs i.e - background colour */
.menu2 UL LI:hover UL LI A {
	padding: 4px 10px 4px 10px;
	border-top: #fff 1px solid;
	display: block;
	background: #9999a3;
	width: 247px;
	color: #fff;
	line-height: 15px;
	border-bottom: #000 0px solid;
	height: auto;
	font-weight: normal;
}

/* background property for top menu - rolloff state */
.menu2one {
	background: #9999a3;
	color: #eee;
	border-right: 1px solid white;
	width:160px;
}

/* background property for top menu - rollover / on state */
.menu2oneon {
	background: #5c5c61;
	color: #eee;
	border-right: 1px solid white; 
	width:160px;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* Menu 3 layout																																																						*/
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Set layout properties for the top level menu */
.menu3 {
	position: absolute;
	left: 480px;
	top: 0px;
	font-size: 11px; 
	float: left;
	margin: 1px 0px 0px 0px;
	width: 181px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	z-index: 100; 
}

/* set properties for sub menu drop downs i.e - background colour */
.menu3 UL LI:hover UL LI A {
	padding: 4px 10px 4px 10px;
	border-top: #fff 1px solid;
	display: block;
	background: #9999a3;
	width: 170px;
	color: #fff;
	line-height: 15px;
	border-bottom: #000 0px solid;
	height: auto;
	font-weight: normal;
}

/* background property for top menu - rolloff state */
.menu3one {
	background: #9999a3;
	color: #eee;
	border-right: 1px solid white;
	width: 125px;
}

/* background property for top menu - rollover / on state */
.menu3oneon {
	background: #5c5c61;
	color: #eee;
	border-right: 1px solid white; 
	width:125px;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* Menu 4 layout																																																						*/
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Set layout properties for the top level menu */
.menu4 {
	position: absolute;
	left: 626px;
	top: 0px;
	font-size: 11px; 
	float: left;
	margin: 1px 0px 0px 0px;
	width: 60px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	z-index: 100; 
}

/* set properties for sub menu drop downs i.e - background colour */
.menu4 UL LI:hover UL LI A {
	padding: 4px 10px 4px 10px;
	border-top: #fff 1px solid;
	display: block;
	background: #9999a3;
	width: 170px;
	color: #fff;
	line-height: 15px;
	border-bottom: #000 0px solid;
	height: auto;
	font-weight: normal;
}

/* background property for top menu - rolloff state */
.menu4one {
	background: #9999a3;
	color: #eee;
	border-right: 1px solid white;
	width: 38px;
}

/* background property for top menu - rollover / on state */
.menu4oneon {
	background: #5c5c61;
	color: #eee;
	border-right: 1px solid white; 
	width: 38px;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* Menu 5 layout																																																						*/
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Set layout properties for the top level menu */
.menu5 {
	position: absolute;
	left: 685px;
	top: 0px;
	font-size: 11px; 
	float: left;
	margin: 1px 0px 0px 0px;
	width: 56px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	z-index: 100; 
}

/* set properties for sub menu drop downs i.e - background colour */
.menu5 UL LI:hover UL LI A {
	padding: 4px 10px 4px 10px;
	border-top: #fff 1px solid;
	display: block;
	background: #9999a3;
	width: 170px;
	color: #fff;
	line-height: 15px;
	border-bottom: #000 0px solid;
	height: auto;
	font-weight: normal;
}

/* background property for top menus */
.menu5one {
	background: #339933;
	color: #eee;
	border-right: 1px solid white;
	width: 34px;
}

/* top menu rollover style */
.menu5 UL LI:hover A.menu5one {
	border-color: #fff;
	color: #fff;
	background: #6eb86e;
}

/* ------------------------------------------------------------------------------------------------------------------------ */
/* Common menu elements	- these are grouped but can be set individually																											*/
/* ------------------------------------------------------------------------------------------------------------------------ */

/* Set layout properties for the ul style - the drop down */
.menu1 UL, .menu2 UL, .menu3 UL, .menu4 UL, .menu5 UL {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
}

/* Sets the position of the drop down right or left aligned */
.menu1 UL LI, .menu2 UL LI, .menu3 UL LI, .menu4 UL LI, .menu5 UL LI {
	float: left;
	position: relative;
}

/* Set layout properties for the ul style for the top level */
.menu1 UL LI A {
	padding: 0px 0px 0px 10px;
	display: block; 
	float: left; 
	color: #fff;
	line-height: 20px; 
	height: 21px;
	text-decoration: none;
}

.menu2 UL LI A, .menu3 UL LI A, .menu4 UL LI A, .menu5 UL LI A {
	padding: 0px 10px 0px 10px;
	display: block; 
	float: left; 
	color: #fff;
	line-height: 20px; 
	height: 21px;
	text-decoration: none;
}

/* Set the width for the hover state of the dropdown - how wide before you rollout */
.menu1 UL LI:hover, .menu2 UL LI:hover, .menu3 UL LI:hover, .menu4 UL LI:hover, .menu5 UL LI:hover {
	width: auto;
}

/* hides the dropdown menu items */
.menu1 UL LI UL, .menu2 UL LI UL, .menu3 UL LI UL, .menu4 UL LI UL, .menu5 UL LI UL {
	display: none;
}

/* top menu rollover style */
.menu1 UL LI:hover A.menu1one, .menu2 UL LI:hover A.menu2one, .menu3 UL LI:hover A.menu3one,
.menu4 UL LI:hover A.menu4one {
	background: #5c5c61;
}

/* set third tier menu properties */

/* set third tier menu left border properties */
.menu_left_border {
	border-left: solid 1px white;
}

/* set third tier menu properties - background and font colour */
.menu1 UL LI:hover UL LI A.drop {
	background: #ff0000;
	color: #fff;
	font-weight: normal;
}

/* set properties for sub menu drop downs rollover state */
.menu1 UL LI UL LI A:hover, .menu2 UL LI UL LI A:hover {
	background: #5c5c61;
	color: #fff;
	font-weight: normal;
}

/* set properties third tier menu drop downs rollover state */
.menu1 UL LI UL LI A.drop:hover {
	background: #5c5c61;
	color: #fff;
	font-weight: normal;
}

/* set properties third tier menu drop downs position from the sub menu */
.menu1 UL LI:hover UL LI:hover UL {
	display: block;
	left: 89px;
	position: absolute;
	top: -1px;
	font-weight: normal;
}

.menu1 UL LI:hover UL LI:hover UL.left {
	left: -253px;
	font-weight: normal;
}

.menu1 UL LI A:hover UL.endstop {
	left: -92px;
}