/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;	

position:relative; z-index:50	;

}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

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

	z-index:100	;

}

.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:4.0em; 				/* match top ul list item height */

}

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:			14em; /* match ul width */

	top:			0;

}

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:			14em; /* match ul width */

	bottom: 10em;

	top:			0;

}



/*** DEMO SKIN ***/

.sf-menu {

	float:			right;

	padding-right:0px;

	margin-bottom:	0;

}

.sf-menu a {

	padding: 		0.7em 1.75em;

	text-decoration:none;

}



/* Error / Success / Notice 

------------------------------------------------------------- */



.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }

.success	{ background:#ccfcd1; border:1px solid #60a400; }

.error		{ background:#f9e3e3; border:1px solid #e79e9e; }

.notice		{ background:#fcf0cc; border:1px solid #ecc735; }



.notes,.notice,.success,.error

			{

				padding:10px;

				font-size:10px;

				color:#000;

			}



.notes span,.notice span,.success span,.error span 

			{

				font-weight:bold;

				font-size:1.2em;

			}



.notes p,.success p,.error p,.notice p

			{

				margin:0px;

				padding:0px;

			}



#note {width:90%;margin:0 auto; }