/* ++++ 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:#033e68;
	}

.FadingMenu.TopMenu li{
	background-color:transparent;
	background-image:url(../images/button.png);
	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:#033e68;
/*	background-image:url(../images/sub-button.png);*/
	background-image:none;
	}


		
/*Hovering*/


.FadingMenu li a {
	color:#000;
	background-color:#6cbfa1;
	border-bottom:1px solid #fff;
	background-image:none;
		}
		
.FadingMenu.TopMenu li a{
	background-color:transparent;
	background-image:url(../images/button-over.png);
	background-repeat:no-repeat;
}		

/*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:#6cbfa1;
	border-bottom:1px solid #fff;
	/*background-image:url(../images/sub-button-over.png);*/
	background-image:none;
		}	


		
/* +++ TopMenu +++ */
	

.TopMenu {
	font-size:85%;
	z-index:10;
	}
.TopMenu.Horizontal {
	height:1em;
	margin-bottom:20px; /* sum of element paddings*/
	}
	
.TopMenu a span {
	padding:10px 20px;
	}
	
/* +++ 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:120px;
	/*border-right:1px solid #fff;*/
	}


/*.BlockMenu li.last{
width:120px;
border-right:0px;
}
*/		
	
	
	
/* submenus */
.BlockMenu li ul,
.BlockMenu li ol,
#subMenusContainer .BlockMenu ul,
#subMenusContainer .BlockMenu ol{
	width: 10em;
	width:200px;
}

.BlockMenu li li{
	width:100%;
}
	
/* +++ FluidMenu +++ */
/* width scales with text for top level */

/*Top levels*/

.FluidMenu li li {
	width:160px;
}



/* submenus */
.BlockMenu li ul,
.BlockMenu li ol,
#subMenusContainer .BlockMenu ul,
#subMenusContainer .BlockMenu ol{
	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:200px;
	border-left:1px solid #fff;
}


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

.SideMenu ul {

}
.SideMenu li {
}
.SideMenu a {
border-bottom:1px solid #fff;
font-size:90%;
}


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