/*** ESSENTIAL STYLES ***/


.sf-menu, .sf-menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}


.sf-menu {

	line-height: 1.0;

}


.sf-menu ul {

	position: absolute;

	top: -999em;

	width: 140px; /* left offset of submenus need to match (see below) */

}


.sf-menu ul li {

	width: 100%;

}


.sf-menu li:hover {

	visibility: inherit; /* fixes IE7 'sticky bug' */

}


.sf-menu li {

	float: left;

	position: relative;

}


.sf-menu a {

	display: block;

	position: relative;

}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {

	left: 0;

	top: 40px; /* match top ul list item height */

	z-index: 100;

}


ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {

	top: -999em;

}


ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 140px; /* match ul width */
	
	top: 0px;

}


ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {

	top: -999em;

}


ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {

	left: 140px; /* match ul width */

	top: 0px;

}




/** CUSTOM STYLE */




.sf-menu {

	position: absolute;

	bottom: 0px;

	left: 0px;

	margin: 0px;

	padding: 0px;

	list-style: none;

}



ul.children li a {

	padding: 0px;

}



ul#menu li a:hover, ul#menu li.current-cat a {

	background: url(../img/bg-menu-hover-blue.png) repeat-x left top;

}



ul.children li a:hover, ul.children li.current-cat a {

	background: none;

}



.sf-menu a {

	height: 40px;

	line-height: 40px;

	padding: 0 20px;

	text-decoration:none;

}


.sf-menu li ul {

	border: 1px solid #3a3a3a;

	border-top: none;

}


.sf-menu li li ul, .sf-menu li li li ul {

	border: 1px solid #3a3a3a;

	border-top: none;

}


.sf-menu a, .sf-menu a:hover, .sf-menu a:visited  {
 /* visited pseudo selector so IE6 applies text colour*/

	color: #fff;

}


.sf-menu li li {

	background: #2a2a2a;

}


.sf-menu li li li {

	background: #2a2a2a;

}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	outline: 0;

}


.sf-menu li li a, .sf-menu li li a:hover {

	height: auto;

	line-height: 1.0;

	padding: 10px 20px;

	background: #2a2a2a;

}


.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {

	color:#f8dec7;

	outline: 0;

}



.sf-menu .children li a:focus, .sf-menu .children li a:hover, .sf-menu .children li a:active {

	background: #2a2a2a!important;

}


/* this is my copy */


/*** ESSENTIAL STYLES ***/


.sf2-menu, .sf2-menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}


.sf2-menu {

	line-height: 1.0;

}


.sf2-menu ul {

	position: absolute;

	top: -999em;

	width: 140px; /* left offset of submenus need to match (see below) */

}


.sf2-menu ul li {

	width: 100%;

}


.sf2-menu li:hover {

	visibility: inherit; /* fixes IE7 'sticky bug' */

}


.sf2-menu li {

	float: right;

	position: relative;

}


.sf2-menu a {

	display: block;

	position: relative;

}


.sf2-menu li:hover ul,
.sf2-menu li.sfHover ul {

	left: 0;

	top: 40px; /* match top ul list item height */

	z-index: 100;

}


ul.sf2-menu li:hover li ul,
ul.sf2-menu li.sfHover li ul {

	top: -999em;

}


ul.sf2-menu li li:hover ul,
ul.sf2-menu li li.sfHover ul {
	left: 140px; /* match ul width */
	
	top: 0px;

}


ul.sf2-menu li li:hover li ul,
ul.sf2-menu li li.sfHover li ul {

	top: -999em;

}


ul.sf2-menu li li li:hover ul,
ul.sf2-menu li li li.sfHover ul {

	left: 140px; /* match ul width */

	top: 0px;

}




/** CUSTOM STYLE */




.sf2-menu {

	position: absolute;

	bottom: 0px;

	left: 0px;

	margin: 0px;

	padding: 0px;

	list-style: none;

}



ul.children li a {

	padding: 0px;

}



ul#menu2 li a:hover, ul#menu li.current-cat a {

	background: url(../img/bg-menu-hover-blue.png) repeat-x left top;

}



ul.children li a:hover, ul.children li.current-cat a {

	background: none;

}



.sf2-menu a {

	height: 40px;

	line-height: 40px;

	padding: 0 20px;

	text-decoration:none;

}


.sf2-menu li ul {

	border: 1px solid #3a3a3a;

	border-top: none;

}


.sf2-menu li li ul, .sf2-menu li li li ul {

	border: 1px solid #3a3a3a;

	border-top: none;

}


.sf2-menu a, .sf2-menu a:hover, .sf-menu a:visited  {
 /* visited pseudo selector so IE6 applies text colour*/

	color: #fff;

}


.sf2-menu li li {

	background: #2a2a2a;

}


.sf2-menu li li li {

	background: #2a2a2a;

}


.sf2-menu li:hover, .sf-menu li.sfHover,
.sf2-menu a:focus, .sf2-menu a:hover, .sf2-menu a:active {

	outline: 0;

}


.sf2-menu li li a, .sf2-menu li li a:hover {

	height: auto;

	line-height: 1.0;

	padding: 10px 20px;

	background: #2a2a2a;

}


.sf2-menu li li:hover, .sf2-menu li li.sfHover,
.sf2-menu li li a:focus, .sf2-menu li li a:hover, .sf2-menu li li a:active {

	color:#f8dec7;

	outline: 0;

}



.sf2-menu .children li a:focus, .sf2-menu .children li a:hover, .sf2-menu .children li a:active {

	background: #2a2a2a!important;

}