/*
 * Structural stuff
 */
.leftmenu, .leftmenu * {
	margin:			0;
	list-style:		none;
}
.leftmenu {
	line-height:	1.0;
}
.leftmenu ul {
	position:		absolute;
	top:			-999em;
	width:			187px; /* left offset of submenus need to match (see below) */
	padding:0;
	margin:0;
}
.leftmenu ul li {
	width:			100%;
}
.leftmenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.leftmenu li {
	float:			left;
	position:		relative;
}
.leftmenu a {
	display:		block;
	position:		relative;
}
.leftmenu li:hover ul, .leftmenu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.leftmenu li:hover li ul,
ul.leftmenu li.sfHover li ul {
	top:			-999em;
}
ul.leftmenu li li:hover ul,
ul.leftmenu li li.sfHover ul {
	left:			187px; /* match ul width */
	top:			0;
}
ul.leftmenu li li:hover li ul,
ul.leftmenu li li.sfHover li ul {
	top:			-999em;
}
ul.leftmenu li li li:hover ul,
ul.leftmenu li li li.sfHover ul {
	left:			187px; /* match ul width */
	top:			0;
}




/*
 * Generic Stuff (applies throughout the menu - be careful)
 * Good for colouring links throughout, backgrounds etc
 * Avoid widths/sizes here
 */

/* Links */
.sf-menu.leftmenu a {
	font-size: 80%;
	text-decoration: none;
	background: url('images/button-off.gif') no-repeat;
}
.sf-menu.leftmenu a, .sf-menu.leftmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #6D6E71;

}



/*  Rollover */
.sf-menu.leftmenu li:hover, 
.sf-menu.leftmenu li.sfHover, 
.sf-menu.leftmenu a:focus, 
.sf-menu.leftmenu a:hover, 
.sf-menu.leftmenu a:active {
	outline:		0;
}






/*
 * Main menu
 */
 
/* The UL */
.sf-menu.leftmenu {
	float: right;

}

/*  Every li element */
.leftmenu li {
	color: #6D6E71;
	width:187px;
}

/* Rollover */
.sf-menu.leftmenu li:hover, .leftmenu .menu-items li:hover, .leftmenu .menu-items li.sfHover, .leftmenu .menu-items a:focus, .leftmenu .menu-items a:hover, .leftmenu .menu-items a:active {
	background: url('images/button-on.gif') no-repeat;
	color: #ffffff;
}



/* The A */
.menu-links {
	color: #A7A9AC;
	padding:9px;
}

/*
 * </MAINMENU>
 */
 
 
 
 
 
/*
 * 4. <1ST SUBMENU>
 */

/* The UL */
ul.submenu-container {
	
}

/* The LI */
.submenu-items {
	/*border: 1px solid #C60751;*/
	background-color: #fff;
	background: url('images/button-off.gif') no-repeat;
	height: 30px;
	list-style: none;
}

/* The A */
.submenu-items a {
	padding: 9px;
	width: 187px;
}


/* Rollover */
.submenu-container li:hover, 
.submenu-items li:hover, 
.submenu-items li.sfHover, 
.submenu-items a:focus, 
.submenu-items a:hover, 
.submenu-items a:active {
	background-color: #fff;
	color: #C60751;
}


/*
 * </1ST SUBMENU>
 */
 

/*
 * 5. <2ND SUBMENU>
 */
.subsubmenu-container {
	
	list-style: none;
	margin-left: -25px;
	left: -30px;
	width: 50px;
}
.subsubmenu-items {
	margin-left: 0;
	width: 187px;
}




/*
 * </2ND SUBMENU>
 */
 











 

/*
 * 8. <VERTICAL>
 */

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	187px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	187px;
	top:	0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { margin-left: 10px; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { margin-left: 10px; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	margin-left: 10px;
}

/*
 * </VERTICAL>
 */




 
 
 
 
 
 
/**********************************TOP MENU STYLES *******************************************/



/*
 * 1. <INTEGRAL>
 */
.sf-menu.topmenu, .sf-menu.topmenu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu.topmenu {
	line-height:	1.0;
}
.sf-menu.topmenu ul {
	position:		absolute;
	top:			-999em;
	width:			0em; /* left offset of submenus need to match (see below) */
}
.sf-menu.topmenu ul li {
	width:			100%;
}
.sf-menu.topmenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu.topmenu li {
	float:			left;
	position:		relative;
}
.sf-menu.topmenu a {
	display:		block;
	position:		relative;
}
.sf-menu.topmenu li:hover ul,
.sf-menu.topmenu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu.topmenu li:hover li ul,
ul.sf-menu.topmenu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu.topmenu li li:hover ul,
ul.sf-menu.topmenu li li.sfHover ul {
	left:			0em; /* match ul width */
	top:			0;
}
ul.sf-menu.topmenu li li:hover li ul,
ul.sf-menu.topmenu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu.topmenu li li li:hover ul,
ul.sf-menu.topmenu li li li.sfHover ul {
	left:			0em; /* match ul width */
	top:			0;
}

/*
 * </INTEGRAL>
 */

/*
 * 2. <GENERIC>
 */

/* Links */
.sf-menu.topmenu a {
	font-size: 14px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.sf-menu.topmenu a, .sf-menu.topmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
	padding: 8px 14px 8px 14px;

}

/*  Every element rollover */
.sf-menu.topmenu li:hover, .sf-menu.topmenu li.sfHover, .sf-menu.topmenu a:focus, .sf-menu.topmenu a:hover, .sf-menu.topmenu a:active {
	color: #F8FD6C;
	outline:		0;
}

/*
 * </GENERIC>
 */

/*
 * 3. <MAINMENU>
 */
 
/* Container */
.sf-menu.topmenu {
	float: right;
}

/*  Every li element */
.sf-menu.topmenu li {
	/*color:#cecece;*/
}

/* Main menu rollover */
.sf-menu.topmenu li:hover, .menu-items li:hover, .menu-items li.sfHover, .menu-items a:focus, .menu-items a:hover, .menu-items a:active {
	color:#F8FD6C;
}

.menu-items, .menu-links {
	color:#A7A9AC;
}

/*
 * </MAINMENU>
 */