/* -------------------------------------------------------------- 
  
   Navigation
   
-------------------------------------------------------------- */
ul.sf-menu {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1.1em; 	/* 11px */
	list-style-type: none;	
}
ul.sf-menu li {
	float: left;
	position: relative;
	background:	#53453c;
}
ul.sf-menu li:hover {
	color: #000000;
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
ul.sf-menu li a {		/* topNav Bars */
	display: block;
	position: relative;	
	text-decoration: none;
	margin: 0;
	padding: 3px 19px 3px 19px;
}
ul.sf-menu li a:hover {		/* topNav Bars */
	color: #000000;
	text-decoration: none;
}
ul.sf-menu li a { /* visited pseudo selector so IE6 applies text colour */
	color: #ffffff;
	border-bottom: 11px solid #ffffff;
}


/* top bars hover
-------------------------------------------------------------- */
ul.sf-menu li:hover, ul.sf-menu li.sfHover,
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active {
	background:	#b8e441;
	color: #000000;
	outline: 0;
}
/* About - left triangles
-------------------------------------------------------------- */
ul.sf-menu li a#first {
	padding-left: 37px;
	color: #ffffff;
	background: #53453c url(../images/triangle_left_brown.jpg) no-repeat left;
	border-bottom: none;
}
ul.sf-menu li a:hover#first,
ul.sf-menu li a#first.selected,
ul.sf-menu li a:hover#first.selected,
ul.sf-menu li.sfHover a#first.selected,
ul.sf-menu li.sfHover a#first {
	color: #000000;
	background: #b8e441 url(../images/triangle_left_green.jpg) no-repeat left;
}
/* Contact - right triangles
-------------------------------------------------------------- */
ul.sf-menu li a#last {
	padding-right: 37px;
	background: #53453c url(../images/triangle_right_brown.jpg) no-repeat right;
	border-bottom: none;
}
ul.sf-menu li a:hover#last,
ul.sf-menu li a#last.selected,
ul.sf-menu li a:hover#last.selected,
ul.sf-menu li.sfHover a#last.selected {
	color: #000000;
	background: #b8e441 url(../images/triangle_right_green.jpg) no-repeat right;
}

ul.sf-menu li a.selected {
	color: #000000;
	background:	#b8e441;	
}


/* dropdown subnav
-------------------------------------------------------------- */
ul.sf-menu li:hover ul, 
ul.sf-menu li.sfHover ul {
	left: 0;
	top: 32px;			/* position subNav DropDown */
	z-index: 2;
}
ul.sf-menu li.sfHover a,
ul.sf-menu li.sfHover a#first {
	color: #000000; 
}

ul.sf-menu li ul#firstDropDown {
	margin-left: 3px;
}
ul.sf-menu li ul#lastDropDown li a {	/* DropDown links */	
	width: 97px;
}
ul.sf-menu li ul {	/* subNav DropDown */
	margin: 0;
	padding: 0;
	position: absolute;	
	z-index: 1;	
	
	border-left: dashed 1px;
	border-bottom: dashed 1px;
	border-right: dashed 1px;
	background: #fcfbfa;
	
	display: none;	/* hides subNav DropDown while page is loading */
}
ul.sf-menu li ul li {
	list-style-type: none;
	font-weight: normal;
	color: #000000;
}
ul.sf-menu li ul li a {		/* DropDown links */	
	margin: 0;
	padding: 3px 0 3px 19px;
	width: 104px;
	text-decoration: none;
	color: #313030;
	background: #fcfbfa url(../images/green_arrow.gif) no-repeat 0 4px;
	border-bottom: none;
}
ul.sf-menu li ul li a, 
ul.sf-menu li ul li a:visited {
	color: #313030;
}
ul.sf-menu li ul li a:hover {
	background: #f0f7d9 url(../images/green_arrow_hover.gif) no-repeat 0 4px;
}

/* dropdown margins
-------------------------------------------------------------- */
ul.sf-menu li ul li.top {
	margin-top: 10px;
}
ul.sf-menu li ul li.bottom {
	margin-bottom: 10px;
}