/* ++++ Overall menu settings ++++ */

.Horizontal a,
.Vertical a,
#subMenusContainer a {
	text-decoration:none;
}

.Horizontal a span,
.Vertical a span,
#subMenusContainer a span {
	display:block;
}

/*Rounded layout*/
.Rounded a {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.Rounded li {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}



.Rounded li ol, .Rounded li ul,
#subMenusContainer .Rounded ol, #subMenusContainer .Rounded ul{	
	/*border around submenu goes here*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border:1px solid #C3D46A; 
	magin-top:-1px;
}
.Rounded.FadingMenu div {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
	
/*Fading menu*/
.FadingMenu li a {
	width:100%;
	padding:0;
	}	
	
/*Background colour changes on hover. If the fadingmenu.js is altered, other attibutes can change here as well*/
	

/*Normal*/
.FadingMenu li{
	color:#fff;
	background-color:#000;
	background-image:url(../images/button.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
	
/*level 2 menu non-hovering - comment this out if you require the menu to look the same as level 1*/
.FadingMenu.TopMenu li li,
#subMenusContainer .FadingMenu.TopMenu li {
	color:#fff;
	background-color:#000;
	background-image:none;
	}
	
		

/*Hovering*/
.FadingMenu li a {
	color:#000;
	background-color:#99CC33;
	
		}

/*level 2 menu hovering - comment this out if you require the menu to look the same as level 1 */
.FadingMenu.TopMenu li li a,
#subMenusContainer .FadingMenu.TopMenu li a {
	color:#000;
	background-color:#99CC33;
	border-bottom:1px solid #fff;
	background-image:none;
}
		
/* +++ TopMenu +++ */
	

.TopMenu {
	font-size:90%;
	z-index:10;
	}
	
/* +++ Menu colours +++ */

.TopMenu ul {
	/*background-color:#fff;*/
	}
	
.TopMenu a {
	background-color: #fff;
	}
	
	
.TopMenu li ul,
#subMenusContainer .TopMenu ul{
	/*border-left:1px solid #fff;*/
	}

.TopMenu a:hover, 
.TopMenu a:focus, 
.TopMenu a.mainMenuParentBtnFocused, 
.TopMenu a.subMenuParentBtnFocused{
	background-color:#000;
	color:#FFF;
}

/* +++ BlockMenu +++ */
/* fixed width, top, may be popup and/or fading*/

/* ++ Menu item dimensions ++ */

/*Top levels*/
.BlockMenu a span{
	text-align:center;
	}
.BlockMenu li {
	width:10em;
	width:160px;
	}

.BlockMenu a {
	height:40px;
}
		
.BlockMenu a span {
	padding-top:10px;
}
	
.Horizontal.BlockMenu {
	height:40px;
}
	
/* submenus */
.BlockMenu li ul,
.BlockMenu li ol,
#subMenusContainer .BlockMenu ul,
#subMenusContainer .BlockMenu ol{
	width: 10em;
	width:160px;
}
	
.BlockMenu li li a,
#subMenusContainer .BlockMenu li a {
	height:30px;
}

.BlockMenu li li a span,
#subMenusContainer .BlockMenu li span {
	padding-top:5px;
}

/* +++ FluidMenu +++ */
/* width scales with text for top level */

/*Top levels*/

.FluidMenu.Horizontal {
	height:1em;
	margin-bottom:20px; /* sum of element paddings*/
}

.FluidMenu a span {
	padding:10px 20px;
}



/* submenus */
.FluidMenu li ul,
.FluidMenu li ol,
#subMenusContainer .FluidMenu ul,
#subMenusContainer .FluidMenu ol{
	width: 160px;
}

.FluidMenu li li {
	width:160px;
}



/* +++ SideMenu +++ */
/* May be popup */


/* ++ Menu item dimensions ++ */

/*Top levels*/

.SideMenu a span {
	padding:5px;
}

.SideMenu.PopupMenu>ol,
.SideMenu.PopupMenu>ul {

}

/* submenus */


.SideMenu li ul a,
.SideMenu li ol a, 
#subMenusContainer .SideMenu ul,
#subMenusContainer .SideMenu ol{
	width:10em;
	width:100%;
}

.SideMenu ul,
.SideMenu ol, 
#subMenusContainer .SideMenu ul,
#subMenusContainer .SideMenu ol{
	width:10em;
	width:100%;
    list-style:none;
    margin: 0;
}


/* +++ Menu colours +++ */

.SideMenu ul {
	background-color:#fff;
}
.SideMenu li {
}
.SideMenu a {
border-bottom:1px solid #fff;
}


.SideMenu a:hover, 
.SideMenu a:focus, 
.SideMenu a.mainMenuParentBtnFocused, 
.SideMenu a.subMenuParentBtnFocused{
	background-color:#000 ;
	color:#FFF;
	/*border-left:1px solid #fff;*/
}