/*
    Superfish CSS - Carefully read comments before editing.  This file will allow
    a theme to specify it's own look and feel of the superfish navigation including
    colors and positions of top level menu items and submenus
*/

/* positioning of the dropdowns */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:			2.5em; /* distance between dropdown menu, and main menu #{submenuTop} */
}

/* styling the menu text and anchor tags */
.sf-menu a {
	padding-top:    .5em;	/* !!! #{paddingTopBottom} */
	padding-bottom: .5em;	/* !!! #{paddingTopBottom} */
	padding-left:   1em;		/* !!! #{paddingSides} */
	padding-right:  1em;		/* !!! #{paddingSides} */
	text-transform: none;		/* !!! #{textTransform} */
	font-family:    Verdana, Geneva, sans-serif;				/* !!! #{font} */
	font-size:      12px;			/* !!! #{fontSize} */
}

.sf-menu li a {
	border:          none;			/* !!! main menu border #{mainBorder} */
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;			/* !!! main menu text color #{mainColor} */
}
.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;			/* !!! sub menu text color #{subColor} */
}

/* styles and colors of menu items */
.sf-menu li {
	background:		none;		/* !!! main menu background color #{mainBackground} */ 
}
.sf-menu > li { /* first level only */	
	margin-left:   0;		/* !!! #{verticalSpacing} */
}
.sf-menu li li {
	background:		#648098;		/* !!! sub menu background color #{subBackground} */ 
}
.sf-menu li li li {
	background:		#648098;		/* !!! sub menu background color #{subBackground} */ 
}
.sf-menu li li a {
	border:          1px solid #ffffff;			/* !!! sub menu border #{subBorder} */ 
}
.sf-menu li li li a {
	border:          1px solid #ffffff;			/* !!! sub menu border #{subBorder} */ 
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		none;	/* !!! main menu background color hover #{mainBackgroundHover} */ 
	color:			#dcdcdc;		/* !!! main menu text color hover #{mainColorHover} */ 
}

.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 {
	background:		#81a6c5;	/* !!! sub menu background color hover #{subBackgroundHover} */ 
	color:			#ffffff;		/* !!! sub menu text color hover #{subColorHover} */ 
}