@charset "UTF-8";
/* CSS Document */

#subnav {
	margin: 0 0 0 227px;
	padding: 0 0 0 0px;
	background-color: #fff;
	position: relative;
	left: 0px;
	background-image: url(../images/_tmpl/home/subnav_bgd.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#sharebutton 
{
	position:absolute;
	left: 586px;
	top: 29px;
	z-index: 100;
}
#subnav_menu, #subnav_menu * {
	margin:0;
	padding:0;
}

#subnav_menu {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	height: 60px;

}
#subnav_menu ul {
	float: left;
	position:relative;
}
#subnav_menu li {
	margin: 0;
	float: left;
	display: block;
	padding: 0px 10px 10px 10px;
	list-style-type: none;
/*	z-index:999; */
	z-index:80;
}

#subnav_menu li ul {
	/*put the subnav_menu below and hide them all*/
	position: absolute;
	top: 25px;
	height: 30px;
	left: 0px;
	margin-top: 0px;
	padding-top: 5px;
	background-image: url(../images/_tmpl/home/subnav_bgd.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#subnav_menu li.current ul {
/*	z-index: 999; */
	z-index: 80;
}
#subnav_menu li.sfHover ul,
ul#subnav_menu li:hover ul {
/*	z-index: 1000; */
	z-index: 81;
}
#subnav_menu a {
	color: #666;
	display: block;
	height: 15px;
	padding: 5px 10px;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
}
#subnav_menu li ul {
	width: 675px;
	left:0px;
	top:-999em;
	position:absolute;
/*	background: transparent; */
}
#subnav_menu a {
	text-decoration: none;
	font-size: 0.9em;
	white-space: nowrap;
}

#subnav_menu li.current ul a, #subnav_menu li ul a {
	border: 0;
	color: #ddd;
	margin-top: -5px;
	font-size: 0.8em;
}

#subnav_menu li.current a {
	background: #ccc;
}

#subnav_menu li.sfHover a,
#subnav_menu li.current a,
#subnav_menu a:focus, #subnav_menu a:hover, #subnav_menu a:active {
	border-bottom: none;
}
#subnav_menu li li.current a {
	font-weight: bold;
}

#subnav_menu li:hover ul, /* pure CSS hover is removed below */
body #subnav_menu li.current ul, /* this must be more specific than the .superfish override below */
ul#subnav_menu li.sfHover ul {
	top:25px;
}

#subnav_menu li:hover li ul,
#subnav_menu li.sfHover li ul {
	top:-999em;
}
#subnav_menu li li:hover ul, /* pure CSS hover is removed below */
ul#subnav_menu li li.sfHover ul {
	top:2.5em;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

#subnav_menu li.current li a {
	background: transparent;
}

#subnav_menu li a:hover, 
#subnav_menu li:hover a,
#subnav_menu li.sfHover a {
	color: #fff;
	background-color: #0F334F;
}

/* Submenu visible */
#subnav_menu li ul a:hover, 
#subnav_menu ul li:hover a, 
#subnav_menu li:hover li a,
#subnav_menu ul li.sfHover a,
#subnav_menu li.sfHover li a {
	background: transparent;
	color: #ddd;
}

/* submenu item hovered */
#subnav_menu li:hover li a:hover,
#subnav_menu li.sfHover li a:hover {
	background: #aaa;
	color: #333;
}

/* For the vertical third level of menus */
#subnav li li {
	position: relative; /* this makes the vertical third tiers line up under their parent li */
}
#subnav li li ul {
	background-color: transparent;
	background-image:none;
	position: relative; 
	margin-top: -46px;
}
#subnav li li li {
	background-color: #296B9F;
	background-image:none;
	/* only the css below this point (plus the line indicated a couple lines up from here) was added to turn the 3-tiered horizontal menu into the Richard Willis menu */
	float: left;
	width:9.45em;
	padding-top: 6px;
	padding-bottom: 6px;
}
#subnav li li ul {
	width:9.45em;
}
#subnav li li li a {
	float: none;
}