/*menu*/

#menuWrapper #mainMenu {
 position:relative;
 float:left;
 z-index:99999;
 min-width:445px;
 width:auto!important;
 width:445px;
 *margin-top:9px;
 margin-left:224px;
}

ul.cssMenu, ul.cssMenu ul {
 /* width: 110px;                  sets the size of the menu blocks */
 /* border: 1px solid #000000;      /* puts a black border around the menu blocks */
 /* background-color: #8aa;       makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */         
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  
  padding:0px 0px 0px 0px; /* stops the usual indent from ul = left value 4th value */
  text-align:left;
}

ul.cssMenu ul { /*defining a extra only for submenus*/
	width:187px;
	padding:0px 0px 0px 0px;
	margin-left: 0px; /* set the margin for vertical menu's to 0*/
	margin-top:19px;
	border-bottom:1px solid #545da6;
	border-right:1px solid #545da6;
	/*border-right:1px solid #2c4096;*/
	border-left:1px solid #545da6;
	z-index:100100;
	
}
ul.cssMenu ul li ul {margin-top:0px;}

ul.cssMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;        /*   makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: white;                 /* sets the default font colour to white */

  display:inline; /*use 3 following items to change menu to vertical - comment out overall ul with*/
  float:left;
  width:auto;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:3px;
  padding-top:3px;
  height:22px;
  text-align:center;
  font-size:11px;
}

/*expception for submenus when used as vertical menu*/
ul.cssMenu li ul li {
 width:171px;
 text-align:left;
 height:18px;
 padding-top:4px;
 font-size:11px;
}
/*end exception */


ul.cssMenu li ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
              /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 7px;                    /* position slightly lower than the parent menu item */
  *top:9px;
  left: -999em  ;                 /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
							  /* for vertical menus set left equal to desired value (0px)*/
  z-index:999; 				  /* when displaying vertical set z-index*/
}

/* exception - use this only for displaying new levels submenu's when vertical menu is used */
ul.cssMenu ul li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position:absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */
  left: 180px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
							  /* for vertical menus set left equal to desired value (0px)*/
  z-index:999; 				  /* when displaying vertical set z-index*/	
}
/* end exception*/

/* exceptions for IE6 and older*/
ul.cssMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display:block;              /* specially to go with the className changes in the behaviour file */
  top:8px;  /*display menu positioned correctly for older IE version lt 7*/
  left:-1px; /* display menu positioned correctly for older IE version lt 7*/
  background-color:#877ca3;
}
ul.cssMenu ul.CSStoShow li{
 top:0px;
}
ul.CSStoShow li ul.CSStoShow {
	top:0px;
	margin-left:188px;
}
ul.cssMenu ul.CSStoShow li.CSStoHighlight{
	background-color:#7e75ac;
}
ul.cssMenu li.CSStoHighlight{
	background-color:#7e75ac;
}
/* end exceptions for IE6 and older*/

ul.cssMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  left:1%;               /* makes the child block visible - one of the most important declarations */
  margin-left:-1px;
}


ul.cssMenu li:hover > ul li:hover > ul {
 display:block;
 left:188px;
 top:0px;
}
 

ul.cssMenu li:hover {
	background-image:url(../../images/site/liTopLevelHoverBackground.png);
	background-repeat:repeat-x;
}

ul.cssMenu li ul li:hover {
	background-image:url(../../images/site/liHoverBackground.png);
	background-repeat:repeat-x;
}

/* and some link styles */
ul.cssMenu li a { color:white; text-decoration: none; }
ul.cssMenu li a:hover, ul.cssMenu li a.CSStoHighLink { color:white; text-decoration: underline;}

/*exception for submenu*/
ul.cssMenu li ul li a { color:white; display: block; width: 100%; text-decoration:none; }
ul.cssMenu li ul li a:hover, ul.cssMenu li ul li a.CSStoHighLink { color:white; text-decoration: underline;}

.subLevel {padding-right:5px; z-index:auto!important;}
.hasKids, .noKids {border:none;}
.mainDrop, .subLevel {
	background-image:url(../../images/site/menuDropBackground.png);
}
#home {border-left:none;cursor:pointer;}