/*menu*/
#mainMenu {
	display:block;
	position:relative;
	height:37px;
	padding:0px;
	margin:5px 0px 0px 37px;
	z-index:10000;
	width:750px;
	float: left;
	display: inline;
}

/*topLevel*/
ul.cssMenu { 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 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: #ffffff;                 /* sets the default font colour to #303498 */
  	
  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:9px;
  padding-bottom:3px;
  padding-top:12px;
  min-height:24px;
  height:auto!important;
  height:24px;
  text-align:center;
  
  font-weight: bold;
  color: #fffffe;
}
ul.cssMenu > li.hasKids:hover{
	/*background-image:url(/images/site/liTopLevelHoverBackground.png);
	background-position:top;
	background-repeat:repeat-x;
	border-left:1px solid #bdbeb8;
	border-right:1px solid #bdbeb8;
	margin-left:-1px;
	padding-right:7px;
	background-color:#FFFFFF;*/
	margin-left:0px;
	/*color:#000000;*/
}
ul.cssMenu li.hasKids:hover > a,ul.cssMenu li.hasKids:hover > a:hover {/*color:#872013;*/}


/*sublevel 1 */

ul.cssMenu, ul.cssMenu ul {
  cursor: default;             /* gives an arrow cursor */
  text-align:left;
}
ul.cssMenu ul { /*defining a extra only for submenus*/
	width:213px;
	padding:0px 0px 0px 0px;
	margin: 24px 0px 0px 0px; /* set the margin for vertical menu's to 0*/
}

/*sublevel 2*/
ul.cssMenu ul li ul {
	padding:0px 0px 0px 0px;
	margin: 4px 0px 0px 0px; /* set the margin for vertical menu's to 0*/
	border-left:0px;
}
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: 15px;                    /* position slightly lower than the parent menu item */
  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*/

	width: 159px;
}

ul.cssMenu li ul li {
 width:144px;
 text-align:left;
 min-height:14px;
 height:auto!important;
 height:14px;
 padding:4px 7px 4px 8px;
 background-image: url(/images/site/menuListBg_new.png);
 background-repeat: repeat-y ;
 font-weight: normal;
 border-top: 1px solid #fcfcfc;
 border-bottom: 1px solid #4181b1;
}

ul.cssMenu li ul li:hover  {
	/*background-image:url(/images/site/liHoverBackground.png);
	background-position:0px 1px;
	border-right:none;*/
	/*background-color:#e3ecf2;*/
}
ul.cssMenu li ul li:hover > a {color:#d2762b;}
/*sublevel 3*/

ul.cssMenu ul li ul li ul {
	padding:0px 0px 2px 0px;
	margin: 8px 0px 0px 0px; /* set the margin for vertical menu's to 0*/
	border-left:0px;
}
ul.cssMenu li 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 */
   				  /* when displaying vertical set z-index*/
	
  background-image: url(/images/site/bottomList.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 21px;
}

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;
   left:1px;
}



ul.cssMenu li:hover ul li:hover > ul{
  /*border-top:1px solid #007ac3;*/
  display:block;
  left:160px;
  top:-4px;
}
ul.cssMenu li:hover ul li ul li:hover a{ color:#d2762b; }

/**********IE6*******************************************************/
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 */
  margin-top:9px;  /*display menu positioned correctly for older IE version lt 7*/
  left:0px; /* display menu positioned correctly for older IE version lt 7*/
}
ul.cssMenu ul.CSStoShow li{
 top:0px;
}
ul.CSStoShow li ul.CSStoShow {
	top:0px;
	margin-top:4px; 
	margin-left:180px;

}
ul.cssMenu li.CSStoHighlight {
	/*background-image:url(/images/site/liTopLevelHoverBackground.png);
	background-position:top;
	background-repeat:repeat-x;
	border-left:1px solid #bdbeb8;
	border-right:1px solid #bdbeb8;
	margin-left:-1px;
	padding-right:7px;*/
	margin-left:0px;
	color:#33db72;
}

ul.cssMenu li.CSStoHighlight ul li.CSStoHighlight{
	/*background-image:url(/images/site/liHoverBackground.png);
	border-right:none;*/
	background-color:#e3ecf2;
}

ul.cssMenu li.CSStoHighlight ul.CSStoShow {    /* 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 */
   left:0px;
   margin-left:-1px;
   	
}
ul.cssMenu li.CSStoHighlight ul.CSStoShow li.CSStoHighlight ul.CSStoShow{
  display:block;
  left:190px;
  top:-4px;
}
/********* end exceptions for IE6 ***********************************/


/* and some link styles */
ul.cssMenu li a,ul.cssMenu li a:active,ul.cssMenu li a:visited {  color:#ffffff; text-decoration: none; }
ul.cssMenu li a:hover, ul.cssMenu li a.CSStoHighLink { color:#005da4; text-decoration: none;}

/*exception for submenu*/
ul.cssMenu li ul li a,ul.cssMenu li ul li a:active,ul.cssMenu li ul li a:visited {color:#005da4; display: block; width: 100%; text-decoration:none; }
ul.cssMenu li ul li a:hover, ul.cssMenu li ul li a.CSStoHighLink { color:#d2762b; text-decoration: none;}

.subLevel {padding-right:5px; z-index:auto!important; }
.hasKids, .noKids {border:none;}

ul li.hasKids > a {
	/*background-image:url(/images/site/pijl.gif);
	background-repeat:no-repeat;
	background-position:160px 0px;*/
}

.mainDrop, .subLevel {
	/*background-color:#ffffff;*/
}
#home {background-image:none;cursor:pointer;color:#ffffff;}