/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-9999em;
	width:			110px;
	margin-left:	10px;
}
.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 {
	top:			29px; /* match top ul list item height */
	z-index:		9999;
}

/*** SKIN ***/
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		transparent;
	outline:		0;
}

ul#nav {position: absolute; z-index: 2000; left: 142px; top: 86px; clear: both; margin: 0; font-family: "Gotham",helvetica,arial,sans-serif;}
ul#nav li {height: 29px;}
ul#nav a {display: block; height: 29px; background-position: 0 0; text-decoration: none; color: #666; text-indent: -999em;}


ul#nav li.take-the-pledge {width: 138px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-take-on.png);}
ul#nav li.thirty-ways-in-thirty-days {width: 147px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-30ways-on.png);}
ul#nav li.local-events {width: 117px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-local-on.png);}
ul#nav li.partners {width: 91px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-partners-on.png);}
ul#nav li.about {width: 70px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-about-on.png);}
ul#nav li.advocate {width: 94px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-advocate-on.png);}
ul#nav li.donate {width: 87px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-donate-on.png);}

ul#nav li.take-the-pledge a{width: 138px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-take.png);}
ul#nav li.thirty-ways-in-thirty-days a{width: 147px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-30ways.png);}
ul#nav li.local-events a{width: 117px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-local.png);}
ul#nav li.partners a{width: 91px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-partners.png);}
ul#nav li.about a{width: 70px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-about.png);}
ul#nav li.advocate a{width: 94px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-advocate.png);}
ul#nav li.donate a{width: 87px; background-image: url(/sitefiles/img/minisites/ham2010/tnav2010-donate.png);}


/*position the submenus*/
ul#nav li.take-the-pledge ul {left: 0px;}
ul#nav li.thirty-ways-in-thirty-days ul {left: 8px;}
ul#nav li.local-events ul {left: -8px;}
ul#nav li.partners ul {left: -18px;}
ul#nav li.about ul {left: 0;}
ul#nav li.advocate ul {left: -6px;}
ul#nav li.donate ul {left: -36px;}
/*hovers*/
ul#nav li a:hover{background-image: none;}
/*on states*/
ul#nav li.take-the-pledge-on a,
ul#nav li.thirty-ways-in-thirty-days-on a,
ul#nav li.local-events-on a,
ul#nav li.partners-on a,
ul#nav li.about-on a,
ul#nav li.advocate-on a,
ul#nav li.donate-on a{background-image: none;}
/*hover states for IE6, and to persist when moving pointer down into the subnavs*/
ul#nav li.take-the-pledge-sfHover a,
ul#nav li.thirty-ways-in-thirty-days-sfHover a,
ul#nav li.local-events-sfHover a,
ul#nav li.partners-sfHover a,
ul#nav li.about-sfHover a,
ul#nav li.advocate-sfHover a,
ul#nav li.donate-sfHover a{background-image: none;}
/*subnav drop down states for IE6*/
ul#nav li.take-the-pledge-sfHover ul,
ul#nav li.thirty-ways-in-thirty-days-sfHover ul,
ul#nav li.local-events-sfHover ul,
ul#nav li.partners-sfHover ul,
ul#nav li.about-sfHover ul,
ul#nav li.advocate-sfHover ul,
ul#nav li.donate-sfHover ul{top: 29px; /* match top ul list item height */ z-index: 9999;}
/*subs*/
ul#nav li a.sf-with-ul{position: relative; z-index: 1000;}
ul#nav li span.sf-sub-indicator {position: absolute; z-index: 2000; left: 47%; bottom: 2px; width: 7px; height: 5px; display: block; background: url(/sitefiles/img/minisites/ham2010/tnav-subIndicator.png) 0 0 no-repeat;}
/*Hover state for subnav indicator*/
ul#nav li span.sf-sub-indicator-over {background-image: url(/sitefiles/img/minisites/ham2010/tnav-subIndicator-on.png);}
/*On state for subnav indicator*/
ul#nav li.give-on span.sf-sub-indicator,ul#nav li.local-events-on span.sf-sub-indicator,ul#nav li.stories-on span.sf-sub-indicator,ul#nav li.partners-on span.sf-sub-indicator,ul#nav li.advocacy-on span.sf-sub-indicator,ul#nav li.about-on span.sf-sub-indicator,ul#nav li.just-for-kids-on span.sf-sub-indicator{background-image: url(/sitefiles/img/minisites/ham2010/tnav-subIndicator-on.png);}

ul#nav ul {background: transparent url(/sitefiles/img/minisites/ham2010/tnav-subBg.png) bottom left no-repeat; padding: 5px 0 10px 0;}
ul#nav li li {height: auto;}
ul#nav li li a {text-indent: -1px; height: auto; width: 90px !important; padding: 7px 0; background-image: none !important; margin-left: 10px; border-top: 1px #ccc solid; text-align: center;}/*negative indent fixes submenu position shift*/
ul#nav li li.first a {border: none;}
ul#nav li li a:hover {color: #ff9900 !important;}

#search {padding: 7px 0 0 14px;}
#search input {vertical-align: middle;}
#search input.text {width: 144px; padding-left: 8px; font-family: georgia; font-size: 0.9em; color: #5d6c21; border: 1px #5d6c21 solid;}

/* overrides for kids section (no "give now" button */
ul#nav li.kids-give-now {width: 82px; background-image: url(/sitefiles/img/minisites/ham2010/tnav-give-now-kids.png) !important;}
ul#nav li.kids-give-now a {display: none !important; visibility: hidden !important;}