/* MAIN NAVIGATION */
 
.menu_style {
	background-image: url(images/rt/grey_bar.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	width: 100%;
	FONT-SIZE: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    position: relative;  
    z-index: 9999;  
}

.menu_style ul {
	margin: 0px auto; /* This centers the table Only when width is specified */
	width: 944px; /* total width= (column-width x count) + paddding etc*/
	padding: 0px;	/* This ensures that list items are below each heading */
	height:32px;	/* Height of headings */
	list-style-type: none; /* Ensure there is no styling */
	text-align:center; /*Center text*/
	border-right: solid 1px white; /* place next to last heading so there is a border on either side of heading */	
}

.menu_style ul ul {
	display: none; /* Ensure table is not displayed by default*/
	height: auto; /* override parent height */
	width: 180px; /* override parent width */
	position: absolute; /* Set an absolute position below table usign top and left */
	top: 32px; /* used with absolute position*/
	left: 0px; /* used with absolute position*/
	border-right:none;
	border-bottom: 1px solid #FF0000; /* provide last border edge for sub headings*/
    z-index: 9999;
}

.menu_style ul ul ul {
	top: 0px; /* used with absolute position*/
	left: 180px; /* used with absolute position*/
}

.menu_style li {
	width:117px; /* Width of heading */
	position:relative; /*ensures that cells are positioned relative to each other */
	float: left; /*Ensures heading list is horizontal*/
	border-left: solid 1px white; /*place a border next to each heading. (see how to close final heading above)*/
	line-height:32px; /*must be same as height to middle the text vertically (vertical-align only applies to table cells) */
}

.menu_style li li {	
	height: 25px;
	width: 178px;
	line-height:25px;
	border-top: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-left: 1px solid #FF0000;
}
	
.menu_style li a {
	display: block; /* fills the entire element with the anchor tag*/
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	text-decoration: none; /* Ensure anchor is not underlined*/
}

.menu_style li li a {
	color: black;
	background: #ffffff;
	height:25px;
	line-height:25px;
	text-align:left;
	padding:0px 0px 0px 10px;
	font-size: 11px;
}

.menu_style li li li a {
	color: black;
	background: #ffffff;
	height:25px;
	line-height:25px;
	text-align:left;
	padding:0px 0px 0px 10px;
	font-size: 11px;
}

.menu_style li:hover a { /* if a mouse is hovering over the root list item of  */
	background-color: #FF0000;
}

.menu_style li:hover li a { /* if a mouse is hovering over the root list item of menustyle then set the child anchors with white backgroud */
	background-color: #FFFFFF;
}

.menu_style li:hover ul { /* if a mouse is hovering over the root list item of menustyle then set all child lists with the following styles */
	display: block;
	float: left;
}

.menu_style li:hover ul ul  { /* hide child child elements that have been until the list is hovered over */
	display: none;
	float: left;
}

.menu_style li li:hover ul  { /* show child child elements when parent is hovering over them */
	display: block;
	float: left;
}

.menu_style li li a:hover { /* Set backgrounds of anchors grey when hovering */
	background: #666666;
	color: #ffffff;
}

.menu_shadow {
	height:7px;
	background-image: url(images/menu/menu_shadow.jpg);
	background-repeat:repeat-x;
}

/* END MAIN NAVIGATION */