/* some correction over the cascade from the normal style sheet */
#nav ul li ul li a, #nav  ul li ul li a:visited {
	height: 29px; 		/* the height of the drop-down menus */
	line-height: 29px;  /* the line-height - ie. centers the text vertically */
}

#nav ul li ul , #nav  ul li ul, #nav ul li ul li , #nav  ul li ul li {
	height: 29px; /* and the second level drop downs */
}

/* common styling */
.menu {
	/*font-family: arial, sans-serif;
	width:749px; 
	height:30px; 
	position:relative; 
	margin:0; 
	font-size:11px; 
	margin:50px 0; 
	background:#fff; */
	position:relative;  /* affects the way the position:absolute works further down... */
}

.menu ul li {
	float:left;
	/*border-left:1px solid #eee;
	width:106px;*/
}

.menu ul li a, .menu ul li a:visited {
	display:block;
	float:left;
	/*width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#000; background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat; */
}

.menu ul li ul {display: none;}

/* specific to non IE browsers */
/*.menu ul li:hover a {color:#fff; background:#b3ab79;}*/

.menu ul li:hover ul {
	display: block;
	position: absolute; /* absolute in relative means positioning is relative to the containing element not the window */
	width: 760px;
	top: 45px;  /* controls where the top of the first level drop down will appear */
	left: 0;
	background:#051D43;  /* this is the colour of the first level drop-down */
	color:#fff; /* and the text on that drop-down */
}

.menu ul li:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;} /* borders of second level menu */

.menu ul li:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;} /* this isnt used in our case */

.menu ul li:hover ul li a.hide {
	background:#051D43 url(../../graphics/drop2.gif) bottom right no-repeat; /* background for inactive stub for second level menu */
	color:#fff;
}

.menu ul li:hover ul li:hover a.hide {
	background:#FFFFFF;
	color:#fff;
}

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li a { 
	display:block;
	background:#051D43; /* background for inactive first level elements */
	color:#fff;
}

.menu ul li:hover ul li a:hover {  
	background:#051D43; /* background for first level active lements */
	color:#000;
}

.menu ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: -10px;
	top: 29px;  /* determines top of the second level drop out in relation to the first level menu (not the root) */
	color: #000;
	background: #051D43; /* background colour of second level drop-down */
}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover a.hide {
	background: #051D43; /* background for second level stub - when secondd level is active */
	color: #000;
}

.menu ul li:hover ul li:hover ul li a {
	background: #051D43;	/* background for inactive second level elements */ 
	color: #000;
}

.menu ul li:hover ul li:hover ul li a:hover {
	background:#051D43; /* background for active second level elements */
	color:#fff;
}