/*** MENU SKIN ***/
body {}
.sf-menu {
	float:left;
	margin-bottom:1em;
	*width:37.6em; /* The *width is for IE only because all other browsers don't need a width to work properly and this is an IE Hack */
	background:#666 url('../images/menu.jpg') repeat-x left top;
	font-size:16px;
	font-weight:bold;
}
.sf-menu a {
	padding:.4em 1em .5em;
	text-decoration:none!important;
}

.sf-menu li li a {
	padding:.75em 1em;
	border-right:1px solid #ccc;
	border-top:1px solid #fff;
	font-size:.9em;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff;
}
.sf-menu li {
	margin-right:1px;
	background:#666 url('../images/menu.jpg') repeat-x left -200px;
	text-align:center;
}
.sf-menu li li {
	background:#666 url('../images/menu.jpg') repeat-x left -200px;
	text-align:left;
}
.sf-menu li li li {
	background:#666 url('../images/menu.jpg') repeat-x left -200px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-position:left -100px;
	outline:0;
	color:#fff!important;
	text-decoration:none!important;	
}

/* overrides */
.sf-menu {
	line-height:1.0;
}
.sf-menu li.sfHover ul {
	left:0;
	top:2.1em; /* match top ul list item height */
	z-index:99;
}
.sf-sub-indicator {
	top:1.05em; /* IE6 only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:.7em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* top level button widths (commented out)
#btn1 { margin-left:1px; }

#btn1 {width:6.532em;}
#btn2 {width:6.532em;}
#btn3 {width:6.532em;}
#btn4 {width:8.85em;}
#btn5 {width:8.85em;}
#btn4 { width:9.390625em;}*/