/*menu*/
#mainMenu {
	display:block;
	position:relative;
	height:45px;
	padding:0px;
	margin:31px 0px 0px 228px;
	z-index:10000;
	width:670px;
}

/*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:9px;
  padding-right:9px;
  padding-bottom:10px;
  padding-top:15px;
  min-height:19px;
  height:auto!important;
  height:16px;
  text-align:center;
  font-weight:bold;
  background-image:url(/images/site/menuDivider.png);
  background-repeat:no-repeat;
  background-position:top right;
  border-left:1px solid transparent;
  border-right:1px solid transparent;
}
ul.cssMenu > li.hasKids:hover{
	margin-left:0px;
	color:#12b09a;
	border-left:1px solid white;
	border-right:1px solid white;
	background-image:none;
	background-color:#00c39a;
}
ul.cssMenu li.hasKids:hover > a {color:#0283c4;}

/*sublevel 1 */
ul.cssMenu li ul { /*defining a extra only for submenus*/
	width:199px;
	padding:0px 0px 0px 0px;
	margin: 23px 0px 0px 0px; /* set the margin for vertical menu's to 0*/
	cursor: default;             /* gives an arrow cursor */
	text-align:left;
	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*/
	border-bottom:1px solid #ffffff;
}

ul.cssMenu li:hover ul,ul.cssMenu li.pressed 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:-2px;
   left:1px;
}

ul.cssMenu li ul li {
 width:180px;
 text-align:left;
 min-height:18px;
 height:auto!important;
 height:18px;
 padding:4px 9px 3px 8px;
 border:none;
 background:none;
}
ul.cssMenu li:hover ul li:hover>a { color:#0283c4; }

/*sublevel 2 */
ul.cssMenu li ul li ul {
	padding:0px 0px 0px 0px;
	margin: 4px 0px 0px 0px; /* set the margin for vertical menu's to 0*/
	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 */
}
ul.cssMenu li:hover ul li:hover > ul,ul.cssMenu li.pressed ul li.pressed > ul{

  display:block;
  left:201px;
  top:-4px;
}

/*sublevel 2 */
ul.cssMenu li 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;
}


/* 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{ color:#ffffff; 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:#ffffff; display: block; width: 110%; text-decoration:none; }
ul.cssMenu li ul li a:hover{ color:#0283c4; 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:#00c39a;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
}
#home {cursor:pointer;color:#ffffff;border-left:none!important;}
#home:hover{ color:#12b09a; }