/* @group NAVBAR */
.menubar {
	font: 10pt Tahoma;
	width: 100%;
	height: 31px;
	margin: 0 auto;
	z-index :9000;
}

#navmenu {
	height: 31px;
	margin: 0px 0px 0px 0px;        /* top, right, bottom, left margins */
	position: relative;
	padding: 0px;
	z-index: 900;
	float: none;
	width: 100%;                  	 /* total width of the menu titles across the menu bar */
}

#navmenu ul {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#navmenu ul li {
	position: relative;
}


/*PARENT MENU*/

#navmenu a {
	font-weight: bold;                    /* Show the top-level Menu Headings as Bold */
	float: left;
	color: #FFFFFF;                       /* Colour of the Menu Headings [ White ] */
	text-decoration: none;
	display: block;
	cursor: pointer;                       /* The cursor as a hand that indicates a link */
	line-height: 31px;                    /* Set the distance between lines */
	height: 31px;                          /* Set the height of the element */
	padding: 0 0.6em 0 0.6em;      /* top, right, bottom, left padding */
	background: #C40000;
}

/*PARENT MENU ITEM HOVER*/
#navmenu li a:hover {
	height: 31px; 
}

/*ALL LISTS*/

#navmenu li {
	float: left;
	padding: 0;
	background: none;
}
#navmenu ul ul a {
	background: none;
}
#navmenu li:hover ul, 
#navmenu li li:hover ul, 
#navmenu li li li:hover ul, 
#navmenu li li li li:hover ul,
#navmenu li.iehover ul, 
#navmenu li li.iehover ul, 
#navmenu li li li.iehover ul,
#navmenu li li li li.iehover ul {
	background: #B40000;
}

/*PARENT ITEM SEPARATOR**/
#navmenu li a {
}

/*DEFINE HOVER COLORS*/

#navmenu li:hover a, #navmenu li.iehover a {
	color: #ffffff;
}

#navmenu ul li a:hover,
#navmenu ul li ul li a:hover,
#navmenu ul li ul li ul li a:hover {
	color: #FFFF66; 		/* Change the text color when hovering over */
}

/*POSSIBLE TO SHOW PARENT INDICATOR HERE (NEEDS PADDING)*/
#navmenu a.haschild, #navmenu li.active a.haschild {
	/* top, right, bottom, left padding */
	background-image: url(images/buttons/arrowright.gif);
	background-repeat: no-repeat;                                         /* don't repeat the background image */
	background-position: 85% 80%; padding-top:0; padding-right:15pt;  padding-bottom:0pt; padding-left:0pt; }          /*100%=right  80%=towards the bottom  padding for the arrow*/


/*SUBLEVEL EXTEND PARENT INDICATORS*/
#navmenu ul ul a.child, #navmenu ul ul a.child:hover {
	background-image: url(images/buttons/arrowdown.gif);
  	background-repeat: no-repeat;                                          /* don't repeat the background image */
  	background-position: 100% 50%; padding-top:0; padding-right:0pt;  padding-bottom:0pt; padding-left:0pt;}           /*100%=right  50%=towards the bottom  padding for the arrow*/


/*SUBLEVEL STYLES*/

/*SUBLEVEL TEXT STYLES*/

#navmenu li li a {
	font-weight: normal;                      /* text is normal pitch */
	padding: 0px;
	height: 24px;                                /* Set the height of the element */
	line-height: 24px;                          /* Set the distance between lines */
	text-indent: 10px;				  /* Indent the sub-level text in from the left edge by 10 pixels*/
}

#navmenu ul ul a {
	display: block;
	color: #FFFFFF;                          /* Colour of the Sub-menu Headings [ White ] */
	text-decoration: none;                 /* Default. Don't show underline, blinking etc */
 	width: 140px;                             /* Use the full width of the Sub-menu text box to display the text */
	text-transform: none;                  /* Default. Defines normal text, with lower case letters and capital letters*/
}

#navmenu li li {
	padding: 0;
	background: none;

/*DONT SHOW THE BACKGROUND IMAGE*/
	border-bottom: 1px solid #AF100E;
	border-top: 1px solid #E60203;
}

/*SUBLEVEL POSITIONING*/

#navmenu li ul {
	top: 31px;
	position: absolute;
	left: -999em;		                 /*need to hide as I.E does not always like display:none*/
	height: auto;
	width: 140px;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid #E60203;
	border-left: 1px solid #E60203;
	border-bottom: none;
}

#navmenu li li {             /*defines the sub-level 1 parameters*/
	float: left;
	padding: 0;
	width: 140px;         /* width of the containing box */
}

#navmenu li ul ul {                          /* parameters for expanding sub-levels - top, right, bottom, left */
	margin: -32px 0px 0px 140px;    /* -32px aligns the top of the expanded option to the sub-level 1 box */
}                                                   /* 140px aligns the expanded box directly next to the sub-level 1 box. */
                                                    /* if other box sizes adjusted, then may need to adjust this value also */

#navmenu li:hover, #navmenu li.iehover {
	left: 0;
}



/*SUBLEVEL HOVER STYLES*/

#navmenu ul ul a:hover {          /* remove this code if you wish to see */
	background: none;              /* movement of the text and box heights */
	height: 24px;                      /* when hover over the sub-menus. */
	line-height: 24px;
	padding: 0;
	margin: 0;
}

#navmenu li li:hover {
	background: #C40000;
	border-bottom: 1px solid #AF100E;
}

#navmenu li ul {                                  /* defines the sub-level 1 parameters*/
	top: 31px;
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px;					/* defines where the right border edge of the box will be*/
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
	border-right: 1px solid #E60203;
	border-left: 1px solid #E60203;
	border-bottom: none;
}

/* NO ACTIVE STYLES */

#navmenu li li.active, #navmenu li li.active {
	background-image: none;
}

/* HIDE OTHER LISTS FROM IE */
#navmenu li:hover ul ul, 
#navmenu li:hover ul ul ul,
#navmenu li:hover ul ul ul ul,  
#navmenu li.iehover ul ul, 
#navmenu li.iehover ul ul ul, 
#navmenu li.iehover ul ul ul ul {
	left: -999em;
}
#navmenu li:hover ul, 
#navmenu li li:hover ul, 
#navmenu li li li:hover ul, 
#navmenu li li li li:hover ul,
#navmenu li.iehover ul, 
#navmenu li li.iehover ul, 
#navmenu li li li.iehover ul,
#navmenu li li li li.iehover ul {
	z-index: 100;
	left: 0;
}
/* BECAUSE IE DOESNT UNDERSTAND CSS EVEN IN 2007 */
#navmenu li.iehover ul li.iehover
 {
	background: #C40000;
	border-bottom: 1px solid #AF100E;