/*
body div div#ja-mainnav div#nav
*/

/* mini reset for the nav items... */
body div div#ja-mainnav div#nav ul a,
body div div#ja-mainnav div#nav ul li {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: auto;
	height: auto;
	border: 0;
	background: none;
	background-color: none;
	background-image: none;
}

/* main nav styles... */
body div div#ja-mainnav div#nav ul a {
	text-align: center;
	padding: 7px 0 8px;
}

body div div#ja-mainnav div#nav ul li {
	border-right: 1px solid #5a5a5a;
}

body div div#ja-mainnav div#nav ul ul a {
	width: 120px !important;
	text-align: left;
	padding: 4px;
	border: 0 !important;
}

body div div#ja-mainnav div#nav ul li#nav-home a {
	width: 62px;
}

body div div#ja-mainnav div#nav ul li#nav-about a {
	width: 82px;
}

body div div#ja-mainnav div#nav ul li#nav-projects a {
	width: 76px;
}

body div div#ja-mainnav div#nav ul li#nav-donations a {
	width: 86px;
}

body div div#ja-mainnav div#nav ul li#nav-fundraising a {
	width: 95px;
}

body div div#ja-mainnav div#nav ul li#nav-news a {
	width: 60px;
}

body div div#ja-mainnav div#nav ul li#nav-faqs a {
	width: 55px;
}

body div div#ja-mainnav div#nav ul li#nav-contacts a {
	width: 93px;
}

body div div#ja-mainnav div#nav ul li#nav-nz a {
	width: 102px;
}

body div div#ja-mainnav div#nav ul li#nav-onlinedonations {
	background: #fc761d;
}
body div div#ja-mainnav div#nav ul li#nav-onlinedonations a {
	width: 133px;
}
body div div#ja-mainnav div#nav ul li#nav-onlinedonations {
	border: 0;
}
body div div#ja-mainnav div#nav ul li#nav-onlinedonations a:hover {
	color: #000;
}

/* current nav items */
body#home div div#ja-mainnav div#nav #nav-home a,
body#about div div#ja-mainnav div#nav #nav-about a,
body#projects div div#ja-mainnav div#nav #nav-projects a,
body#donations div div#ja-mainnav div#nav #nav-donations a,
body#fundraising div div#ja-mainnav div#nav #nav-fundraising a,
body#news div div#ja-mainnav div#nav #nav-news a,
body#faqs div div#ja-mainnav div#nav #nav-faqs a,
body#contacts div div#ja-mainnav div#nav #nav-contacts a,
body#nz div div#ja-mainnav div#nav #nav-nz a,
body#onlinedonations div div#ja-mainnav div#nav #nav-onlinedonations a  {
	border-bottom: 4px solid #Fc761D;
	margin-top: -4px;
	padding-top: 11px;
	padding-bottom: 4px;
}
body#onlinedonations div div#ja-mainnav div#nav #nav-onlinedonations a  {
	border-color: #fff;
}

/* sub menu items */
body div div#ja-mainnav div#nav ul ul {
	/* border-top: 1px solid #5a5a5a; */
	margin-top: 31px;
	height: 30px !important;
	clear: both;
}

body div div#ja-mainnav div#nav ul ul li {
	border-bottom: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;
	background: #e8e8e8;
}

/* IE7 has an issue where if the body of the page is clicked and then the menus
   hover actions are performed, the menus stay visible when the mouse leaves the
   "hover zone". adding a border to active ul's remedies that.... */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	border-bottom: 1px none #fff;
}