/* ++++ 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;
	text-transform:uppercase;
	font-weight:bold;
	}

.FadingMenu li.one{
	color:#fff;
	background-color:#f00;
	}
.FadingMenu li.two{
	color:#fff;
	background-color:#ff972d;
	}
.FadingMenu li.three{
	color:#fff;
	background-color:#ffc84a;
	}
.FadingMenu li.four{
	color:#fff;
	background-color:#aaad3f;
	}
.FadingMenu li.five{
	color:#fff;
	background-color:#2b6e3b;
	}
	
/*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;*/
	border-top:1px solid #fff;
	}
	
		

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

/*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:#f30;
	border-bottom:1px solid #fff;
	background-image:none;*/
}
		
/* +++ TopMenu +++ */
	

.TopMenu {
	font-size:95%;
	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:192px;
	}
.BlockMenu a {
	height:50px;
}

.BlockMenu a span {
	padding-top:18px;
}

.Horizontal.BlockMenu {
	height:50px;
	margin-bottom:20px;
}
	
	
/* submenus */
.BlockMenu li ul,
.BlockMenu li ol,
#subMenusContainer .BlockMenu ul,
#subMenusContainer .BlockMenu ol{
	width:192px;
}

.BlockMenu li li a,
#subMenusContainer .BlockMenu li a {
	height:30px;
}

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

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

/*Top levels*/

.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;
}


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