.sf-menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.sf-menu * {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.sf-menu {
	LINE-HEIGHT: 1.0;
}
.sf-menu UL 
{
	WIDTH: 14em; /* drop down menu box width. left offset of submenus need to match (see below) */
	POSITION: absolute; 
	TOP: -999em
}
.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 {
	Z-INDEX: 99; LEFT: 0px; TOP: 2.6em
}
.sf-menu LI.sfHover UL {
	Z-INDEX: 99; 
	LEFT: 0px; 
	TOP: 2.6em; /* distance between the 1st layer and 2nd layer dropdown button.*/
}
UL.sf-menu LI:hover LI UL {
	TOP: -999em
}
UL.sf-menu LI.sfHover LI UL {
	TOP: -999em
}
UL.sf-menu LI LI:hover UL {
	LEFT: 14em; /* second layer spacing from the 1st layer (horizontal) */
	TOP: 0px
}
UL.sf-menu LI LI.sfHover UL {
	LEFT: 14em; /* second layer spacing from the 3rd layer (horizontal) */
	TOP: 0px
}
UL.sf-menu LI LI:hover LI UL {
	TOP: -999em
}
UL.sf-menu LI LI.sfHover LI UL {
	TOP: -999em
}
UL.sf-menu LI LI LI:hover UL {
	LEFT: 10em; 
	TOP: 0px
}
UL.sf-menu LI LI LI.sfHover UL {
	LEFT: 14em; /* third layer spacing from the 2nd layer (horizontal) */
	TOP: 0px
}

/*** DEMO SKIN ***/
.sf-menu {
	FLOAT: left; MARGIN-BOTTOM: 1em
}
.sf-menu A {
	PADDING-RIGHT: 1em; 
	BORDER-TOP: #fff 1px solid; /* White Colour between dropdown button  */
	PADDING-LEFT: 1.0em; /* Position of Text in 1st layer button  */
	PADDING-BOTTOM: 0.75em; 
	BORDER-LEFT: #fff 1px solid; /* White Colour between each button in 1st layer  */
	PADDING-TOP: 0.75em; /* Height of button in 1st layer  */
	PADDING: 	.79em 1.4em;  /* width of each button in 1st layer  */
	TEXT-DECORATION: none
}
.sf-menu A {
	COLOR: #FFFFFF; /* Text Colour each button */
}
.sf-menu A:visited {
	COLOR: #FFFFFF; /* Text Colour each button */
}
.sf-menu LI {
	BACKGROUND: #0094d1; /* Colour 1st Layer Button */
}
.sf-menu LI LI {
	BACKGROUND: #0094d1; /* Colour 2nd Layer Button */
}
.sf-menu LI LI LI {
	BACKGROUND: #0094d1; /* Colour 3rd Layer Button */
}





.sf-menu LI:hover {
	background: #ff1901;/* mouse over button colour */
	outline: 0
}
.sf-menu LI.sfHover {
	background: #ff1901;/* mouse over button colour */
	outline: 0
}
.sf-menu A:focus {
	background: #ff1901;/* mouse over button colour */
	outline: 0
}
.sf-menu A:hover {
	background: #ff1901;/* mouse over button colour */
	outline: 0
}
.sf-menu A:active {
	background: #ff1901;/* mouse over button colour */
	outline: 0
}
.sf-menu A.sf-with-ul {
	PADDING-RIGHT: 2.25em; MIN-WIDTH: 1px
}
.sf-sub-indicator 
{
	DISPLAY: block; 
	RIGHT: 0.75em; 
	BACKGROUND: url(../images/arrows-ffffff.png) no-repeat -10px -100px; 
	OVERFLOW: hidden; 
	WIDTH: 10px; 
	TEXT-INDENT: -999em; 
	POSITION: absolute; 
	TOP: 1.05em; 
	HEIGHT: 10px
}
A > .sf-sub-indicator {
	BACKGROUND-POSITION: 0px -100px; TOP: 0.8em
}
A:focus > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px -100px
}
A:hover > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px -100px
}
A:active > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px -100px
}
LI:hover > A > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px -100px
}
LI.sfHover > A > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px -100px
}
.sf-menu UL .sf-sub-indicator {
	BACKGROUND-POSITION: -10px 0px
}
.sf-menu UL A > .sf-sub-indicator {
	BACKGROUND-POSITION: 0px 0px
}
.sf-menu UL A:focus > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px 0px
}
.sf-menu UL A:hover > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px 0px
}
.sf-menu UL A:active > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px 0px
}
.sf-menu UL LI:hover > A > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px 0px
}
.sf-menu UL LI.sfHover > A > .sf-sub-indicator {
	BACKGROUND-POSITION: -10px 0px
}
.sf-shadow UL 
{
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(../images/shadow.png) no-repeat right bottom; 
	PADDING-BOTTOM: 9px; 
	PADDING-TOP: 0px; 
	-moz-border-radius-bottomleft: 17px; 
	-moz-border-radius-topright: 17px; 
	-webkit-border-top-right-radius: 17px; 
	-webkit-border-bottom-left-radius: 17px
}

.sf-shadow UL.sf-shadow-off {
	BACKGROUND: none transparent scroll repeat 0% 0%
}