/*menu*/
.menuMobile{
	display: none;
	visibility: hidden;
}


.menuWrapper{
	 width:100%;
	height:102px;
	background-image: url('images/menu.jpg');
	background-repeat: repeat-x;
	position: relative;
}

.menuWrapper a{
	color:rgb(254,254,254);
}

/*menu*/
.menuDesktop{
	margin: 0 auto;
    max-width: 986px;
	position:relative;
	/*height:38px;*/
	padding-left:10px;
	z-index:10000;
	text-align: right;
	min-height:102px;
	font-family: Arial;
	font-weight: 500;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: left;
}


.Bottomtext{
	margin: 0 auto;
    max-width: 996px;
	position:relative;
	/*height:38px;*/
	padding:0px;
	z-index:10000;
	text-align: right;
	min-height:102px;
	font-family: 'Roboto Slab', serif;
	font-weight: 200;
	color: #ffffff;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: left;
}

.menuInner{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	width:900px;
}

/*topLevel*/
ul.cssMenu {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

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:18px;
	padding-right:19px;
	/*padding-bottom:10px;*/
	/*padding-top:46px;*/
	min-height:19px;
	height:auto!important;
	height:102px;
	text-align:center;
	border-right:1px dotted transparent;
	border-left:1px dotted transparent;
	line-height:102px;
	font-size: 0.845em;
	cursor:pointer;
	text-transform: uppercase;
}

ul.cssMenu li.hasKids{
	background-image: url('images/downarrow.png');
	background-repeat: no-repeat;
	background-position: center 68px;
}

ul.cssMenu li:last-child{
	padding-right:0px;
}

ul.cssMenu > li:hover{
	color: rgb(0, 0, 0);
	border-right:1px dotted rgb(255, 255, 255);
	border-left:1px dotted rgb(255, 255, 255);
	padding-top:18px;
	background-image: none;
	color: rgb(255, 255, 255);
	height:84px !important;
}

ul.cssMenu > li:hover:last-child{
	border-right: 1px solid transparent;
}


ul.cssMenu li.hasKids:hover > a{
	color: rgb(255, 255, 255);
}

ul.cssMenu li.hasKids:hover > a:hover {
	color: rgb(255, 255, 255);
}


/*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:216px;
	padding:0px 0px 0px 0px;
	margin: 25px 0px 0px 0px; /* set the margin for vertical menu's to 0*/
	border-right:1px dotted rgb(255, 255, 255);
	border-left:1px dotted rgb(255, 255, 255);
	border-bottom:1px dotted rgb(255, 255, 255);
	background-image: url('/images/site/submenuBG.png');
	background-repeat: repeat;
}


/*sublevel 2*/
ul.cssMenu ul li ul {
	padding:0px 0px 0px 0px;
	margin: 5px 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: 77px;                    /* 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 ul li {
	width:188px;
	text-align:left;
	min-height:18px;
	height:auto!important;
	height:33px;
	padding:4px 9px 3px 18px;
	border-bottom:1px dotted rgb(255, 255, 255);
	line-height:33px;
	color: rgb(255, 255, 255);
}

ul.cssMenu li ul li.hasKids{
	background-image: url('/images/site/arrowSubmenu.png');
	background-repeat: no-repeat;
	background-position: 95% center;
}

ul.cssMenu li ul li:last-child {
	border-bottom:none;

}
ul.cssMenu li ul li:hover  {}
ul.cssMenu li ul li:hover > a {
	color: rgb(255, 255, 255);
}

ul.cssMenu li ul li.hasKids:hover > a {
	color: rgb(255, 255, 255) !important;
}

/*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*/
}

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 > ul{
 /* border-top:1px solid #ffffff;
  border-bottom:1px solid #ffffff!important;*/
}
ul.cssMenu li:hover ul li:hover > ul, ul.cssMenu li.pressed ul li.pressed > ul{
  display:block;
  left:217px;
  top:-6px;
}

ul.cssMenu li:hover ul li ul li{
	border-left:1px dotted rgb(255, 255, 255);
}

ul.cssMenu li:hover ul li ul li:first-child{
	border-top:1px dotted rgb(255, 255, 255);
}

ul.cssMenu li:hover ul li ul li:hover a,ul.cssMenu li:hover ul li ul li.pressed a{
	color: rgb(255, 255, 255);
}

/* and some link styles */
ul.cssMenu li a,ul.cssMenu li a:active,ul.cssMenu li a:visited {  color:#ffffff; text-decoration: none; display:block;}
ul.cssMenu li a:hover, ul.cssMenu li a.CSStoHighLink {
	color: rgb(255, 255, 255);
	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, ul.cssMenu li ul li a.CSStoHighLink {
	color: #dadada;
	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:#6c7478;
}
#home {
	cursor:pointer;
	padding-left:18px;
	padding-right:19px;
	line-height:102px;
	background-image: none;
    color: #fff;
    cursor: pointer;
	}
#home:hover{
	color: rgb(255, 255, 255);
}

@media (min-width: 750px) and (max-width: 1200px) {
	.menuInner{
		width: auto;
		margin-right:106px;
	}

	ul.cssMenu li{
		padding-left:8px;
		padding-right:9px;
		font-size: 0.8em;
	}
}