/* overall font sizes and styles */	
body {
	font-family: Verdana, Arial, sans-serif;
	/* font-size: 0.8em; */
    }

/* wrapper div (needed to relatively position the navigation) */		
#primary-nav-wrap {
		margin: 0;
		padding: 0;
		height: 68px;
		width: 963px;
		overflow:hidden;
		
	}
.civicrm #primary-nav-wrap { width: 100%;}
.umblogs #primary-nav-wrap { width: 100%;}	

/* Makes menu shorter when there's no third level. Written for every body id*/
/*.nav2-find-jobs #primary-nav-wrap,
.nav1-my-account #primary-nav-wrap,
.nav1-browse-content #primary-nav-wrap,
.nav2-donate #primary-nav-wrap,
.nav1-my-city #primary-nav-wrap,
.nav1-browse-content #primary-nav-wrap
{ 
height:46px;} */
.nav1-volunteers #primary-nav-wrap,
.nav1-organizations #primary-nav-wrap,
.nav1-churches #primary-nav-wrap,
.nav1-internships #primary-nav-wrap,
.nav1-my-city #primary-nav-wrap,
.nav1-about #primary-nav-wrap,
.nav1-my-account #primary-nav-wrap
{ 
background: url(/imgs/navbar_bg.gif) repeat-x;
height: 68px;
}

/* position and size for navigation menu */
	#primary-nav {
		position: relative;
		margin:0;
		height:68px;
		width: 100%;
		padding-left:20px;
	}

/* remove padding/margin on the subnav (needed to fix the broken IE box model) */
#primary-nav li ul, #primary-nav li ul {
		margin: 0;
		padding: 0;
	}

/* no links are underlined */
	#primary-nav a {
		text-decoration: none;
		font-size:12px;
	}
	
/* float the main list items */
	#primary-nav li { 
		margin: 0;
		float: left;
		display: block;
		padding-right: 8px;
	}

/* hide secondary-nav by default */
	#primary-nav li ul { display:none;}

/*put secondary-nav below*/
	#primary-nav li.level-1 ul  { 
		position: absolute;
		top: 26px;
		left: 0;
		background: #F3AD57;
		height: 20px;
		width: 100%;
	}

/* background for active secondary-nav */
	.nav1-browse-content #primary-nav #item-browse-content ul {
		background: #F3AD57;
	}
	.nav1-browse-content #primary-nav #item-home ul { /*for ministeriourbano.com*/
		background: #F3AD57;
	}

	.nav1-volunteers #primary-nav #item-volunteers ul {
		background: #F3AD57;
	}
	
	.nav1-organizations #primary-nav #item-organizations ul {
		background: #F3AD57;
	}
	
	.nav1-churches #primary-nav #item-churches ul {
		background: #F3AD57;
	}
	
	.nav1-about #primary-nav #item-about ul {
		background: #F3AD57;
	}
	
	.nav1-internships #primary-nav #item-internships ul {
		background: #F3AD57;
	}
	
	.nav1-my-account #primary-nav #item-my-account ul {
		background: #F3AD57; 
	}
	/* secondary-nav link formatting */
	#primary-nav li a {
		color:#EFDAC2;
		font-weight: bold;
		display: block;
		width: 110px; 
		padding: 0px;
	}
	#primary-nav li a:hover{ color: #FFF;}

	/* active primary nav link text color */
	.nav1-browse-content #primary-nav #item-browse-content a span{
		color: #4D4D4D;
	}
	.nav1-browse-content #primary-nav #item-home a span{ /*for ministeriourbano.com*/
		color: #4D4D4D;
	}
	
	.nav1-volunteers #primary-nav #item-volunteers a span{
		color: #4D4D4D;
	}
	
	.nav1-organizations #primary-nav #item-organizations a span {
		color: #4D4D4D;
	}
	
	.nav1-churches #primary-nav #item-churches a span {
		color: #4D4D4D;
	}
	.nav1-my-calling #primary-nav #item-my-calling a span {
		color: #4D4D4D; 
	}
	.nav1-my-city #primary-nav #item-my-city a span {
		color: #4D4D4D; 
	}
	
	.nav1-internships #primary-nav #item-internships a span {
		color: #4D4D4D; 
	}
	
	.nav1-about #primary-nav #item-about a span {
		color: #4D4D4D;		
	}
	
	.nav1-my-account #primary-nav #item-my-account a span {
		color: #4D4D4D;
	}

	ul#secondary-nav-1 li.level-2, ul#secondary-nav-2 li.level-2, ul#secondary-nav-3 li.level-2, ul#secondary-nav-4 li.level-2, ul#secondary-nav-5 li.level-2, ul#secondary-nav-6 li.level-2 {
		border-right: 1px solid #BF7D2F;
		padding:3px 20px 2px;}


ul#secondary-nav-1 li#item-help.level-2,
ul#secondary-nav-5 li#item-help.level-2

{border-right: none;}

.nav1-organizations #primary-nav #item-organizations li.level-2{ padding:3px 10px 2px; }
		
	ul#secondary-nav-1 li.level-3, ul#secondary-nav-2 li.level-3, ul#secondary-nav-3 li.level-3, ul#secondary-nav-4 li.level-3, ul#secondary-nav-3 li.level-3, ul#secondary-nav-6 li.level-3 {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 3px;}
	
	.nav1-volunteers #primary-nav #item-volunteers li.level-3 a, .nav1-about #primary-nav li.level-3 a { color:#333; }
	.nav1-volunteers #primary-nav #item-volunteers li.level-3 a:hover, .nav1-about #primary-nav li.level-3 a:hover{ text-decoration:underline; color: #00F;}
	.nav1-volunteers #primary-nav #item-volunteers li.level-3 a:active, .nav1-about #primary-nav li.level-3 a:active {text-decoration: underline; color: #4D4D4D; font-weight: bold;}
	
	
	/* secondary-nav link formatting */
	#primary-nav li.level-1 ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #4D4D4D;
		width: auto;
	}

	/* show active secondary-nav by default */
	.nav1-browse-content #primary-nav #item-browse-content ul {
		display: block;
	}
	.nav1-browse-content #primary-nav #item-home ul {
		display: block;
	}  /*for ministeriourbano.com*/
	
	.nav1-volunteers #primary-nav #item-volunteers ul {
		display: block;
	}
	
	.nav1-organizations #primary-nav #item-organizations ul {
		display: block;
	}
	
	.nav1-churches #primary-nav #item-churches ul {
		display: block;
	}
	.nav1-my-calling #primary-nav #item-my-calling ul {
		display: block;
	}
	.nav1-my-city #primary-nav #item-my-city ul {
		display: block;
	}
	
	.nav1-internships #primary-nav #item-internships ul {
		display: block;
	}
	
	.nav1-about #primary-nav #item-about ul {
		display: block;
	}
	
	.nav1-my-account #primary-nav #item-my-account ul {
		display: block;
	}
	
	/* change primary link color on hover */
	 #primary-nav li.level-1 a:active { 
		color: #FFF; 
	}
	#primary-nav li.level-2 a:hover {
		text-decoration:underline;
	}
	#primary-nav li.level-2 a:active {
		text-decoration:underline;
	}
	
	/* text positioning in top tabs */
	#primary-nav li span {
		display: block;
		text-align: center;
		padding-top: 9px;
	}
	
	/* background and alignment for top tabs */
	a.level-1 {
		display: block;
		position: relative;
		height: 26px;
		background: url(../images/bk-menu-um.gif) no-repeat; /*contains all hover states*/
	} 

/* --- Tab Images --- */

/* first, put the initial states in place*/

li.level-1 a {
	background-position: 0 0;
}
#item-my-account.level-1 a {background-position: 0 -109px;} /*my account shows the bottom part of the sprite- maroon*/

/*active area - based on a body class */
 
  .nav1-browse-content #item-browse-content a {
 	background-position: 0 -144px; 
 }
  
 .nav1-browse-content #item-home a {  /* for ministeriourbano.com*/
 	background-position: 0 -37px; 
 }
 
  .nav1-volunteers #item-volunteers a {
 	background-position: 0 -37px;
 }

 .nav1-organizations #item-organizations a {
 	background-position: 0 -37px;
 }

 .nav1-churches #item-churches a {
 	background-position: 0 -37px;
 }
 
  .nav1-my-calling #item-my-calling a {
 	background-position: 0 -37px;
 }
 
  .nav1-my-city #item-my-city a {
 	background-position: 0 -37px;
 }
 
 .nav1-internships #item-internships a {
 	background-position: 0 -37px;
 }
 
  .nav1-about #item-about a {
 	background-position: 0 -37px;
 }
 
  .nav1-my-account #item-my-account a {
 	background-position: 0 -37px;
 }


/* hover states (need to be explicit b/c of precedence rules) */
#item-browse-content a {
background-position: 0 -144px;	/* diff. color for browse menu */
}

#item-browse-content a:hover, #item-browse-content:hover a, #item-browse-content.over a {
	background-position: 0 -179px;
	
}
#item-home a:hover, #item-home:hover a, #item-home.over a { /* for ministeriourbano.com*/
	background-position: 0 -73px;
}


#item-volunteers a:hover, #item-volunteers:hover a, #item-volunteers.over a {
	background-position: 0 -73px;
}

#item-organizations a:hover, #item-organizations:hover a, #item-organizations.over a {
	background-position: 0 -73px;
}

#item-churches a:hover, #item-churches:hover a, #item-churches.over a {
	background-position: 0 -73px;
}

#item-about a:hover, #item-about:hover a, #item-about.over a {
	background-position: 0 -73px;
}

#item-my-account a:hover, #item-my-account:hover a, #item-my-account.over a {
	background-position: 0 -73px;
}
#item-my-calling a:hover, #item-my-calling:hover a, #item-my-calling.over a {
	background-position: 0 -73px;
}
#item-my-city a:hover, #item-my-city:hover a, #item-my-city.over a {
	background-position: 0 -73px;
}

#item-internships a:hover, #item-internships:hover a, #item-internships.over a {
	background-position: 0 -73px;
}
/* secondary nav text formatting (needs to be at bottom b/c of precedence rules) */

#primary-nav li.level-1 ul a {
	display: block;
	/*color: #fff; */
}

/* hide third level navigation - only needed for item-volunteers and item-about*/

#primary-nav #item-volunteers li.level-2 ul {display: none; top: 20px; background-color: #FFE2AF; border-left: none;}

#primary-nav #item-volunteers li.level-3 { background-color: #FFE2AF;} 

#primary-nav #item-about li.level-2 ul {display: none; top: 20px; background-color: #FFE2AF; border-left: none;}

/* border-left: none; --there's a border that is coming from navigation.css, remove later*/

#primary-nav li.level-3  a { font-weight:normal; color:#666;} 
#primary-nav ul#tertiary-nav-1, #primary-nav ul#tertiary-nav-2, #primary-nav ul#tertiary-nav-3, #primary-nav ul#tertiary-nav-4, #primary-nav ul#tertiary-nav-5{
/*padding-left: 20px;*/}
li#item-our-board.level-3 a, li#item-wiki.level-3 a 
{padding-left: 20px;} 

/* show third level navigation based on page */
.nav2-find-opportunities #primary-nav #item-volunteers #tertiary-nav-1 { display: block; }

.nav2-learn #primary-nav #item-volunteers #tertiary-nav-2 { display: block;}

.nav2-blog #primary-nav #item-volunteers #tertiary-nav-3 { display: block;}

.nav2-about-techmission #primary-nav #item-about #tertiary-nav-4 { display: block;}

.nav2-programs #primary-nav #item-about #tertiary-nav-5 { display: block;}

/* how the naming convention would go for the second level */

/* Highlight on a second level when active - for UM menu*/
.nav2-learn #primary-nav #item-learn,
.nav2-find-jobs #primary-nav #item-find-jobs,
.nav2-blog #primary-nav #item-blog,
.nav2-create-account #primary-nav #item-create-account,
.nav2-login #primary-nav #item-login,
.nav2-password #primary-nav #item-settings-password,
.nav2-edit-profile #primary-nav #item-edit-profile,
.nav2-view-profile #primary-nav #item-view-profile,
.nav2-reset-password #primary-nav #item-reset-password,
.nav2-settings-password #primary-nav #item-settings-password,
.nav2-annual-report #primary-nav #item-annual-report,
.nav2-bible-studies #primary-nav #item-bible-studies,
.nav2-sermon-outlines #primary-nav #item-sermon-outlines,
.nav2-donate #primary-nav #item-donate,
.nav2-get-grants #primary-nav #item-get-grants,
.nav2-get-nonprofit-discounts #primary-nav #item-get-nonprofit-discounts,
.nav2-recruit-staff #primary-nav #item-recruit-staff,
.nav2-programs #primary-nav #item-programs, 
.nav2-help #primary-nav #item-help
{ background-color: #FFE2AF ; /*#EAE9D4;*/
padding-bottom: 3px;}

/* UM menu - Third Level - Highlighted Items */
.nav3-social-justice-causes #primary-nav #item-learn #tertiary-nav-2 li#item-social-justice-causes a,
.nav3-sermon-downloads #primary-nav #item-learn #tertiary-nav-2 li#item-sermon-downloads a,
.nav3-wiki #primary-nav #item-learn #tertiary-nav-2 li#item-wiki a,
.nav3-volunteer-training #primary-nav #item-learn #tertiary-nav-2 li#item-volunteer-training a,
.nav3-courses-in-urban-ministry #primary-nav #item-learn #tertiary-nav-2 li#item-courses-in-urban-ministry a,
.nav3-getting-started #primary-nav #item-blog #tertiary-nav-3 li#item-getting-started a,
.nav3-add-widgets #primary-nav #item-blog #tertiary-nav-3 li#item-add-widgets a,
.nav3-urbanministry-org #primary-nav #item-programs #tertiary-nav-5 li#item-urbanministry-org a
{text-decoration: underline; font-weight:bold; padding-left: 10px;
background: transparent url(../images/pointer.png) no-repeat center left;}


li#item-browse-content.level-1 a span{
/* graphic arrow is to the right of the browse-menu item */
background:transparent url(http://www.urbanministry.org/imgs/pointer_down_white.png) no-repeat scroll right center;
width: 100px;
height:25px;
}
li#item-my-calling.level-1 a span {
background:url("http://www.urbanministry.org/imgs/fb_tiny_icon.gif") no-repeat scroll left center transparent;
height:25px;
width:125px;
}
/* tabbed menu styles*/

#navigation { background-color:#FFF;}

#browse-menu { 
position: absolute; 
display: none;
z-index:500;}

#browse-menu li { 
list-style-type: none;
width: 160px;
}
li.browse-item a {display:block; text-decoration:none; color:#FFF; font-size:12px; padding: 5px; border-bottom: 1px solid #7B5A32;}

#browse-menu li.browse-item a:hover { 
/* graphic arrow is to the right of the browse-menu item */
color: #FFF;
text-decoration:none;
border:1px dotted #FFF;
}
#browse-menu li.browse-item:hover {
background:#7F623F url(http://www.urbanministry.org/imgs/pointer_white.png) no-repeat scroll 145px;
}

#browse-menu ul {
background: #9F7A4F;
color: #fff;
font-weight:bold;
font-size: 14px;
padding-left: 0px;
}
#browse-menu li.browse-item a{ }
#browse-menu ul .sub-browse-menu{
background-color:#FFE2AF;
color: #4D4D4D;
border:1px solid #999;
}
#browse-menu ul .sub-browse-menu a{ color:#4D4D4D; border:none;}

.sub-browse-menu { position: absolute; display: none; }
ul.sub-browse-menu{ float:left;}

a.more {font-weight:bold;}

#browse-menu ul.sub-browse-menu ol.causes li{
	/* graphic arrow is to the left of the sub-browse item */
	background:transparent url(http://www.urbanministry.org/imgs/bullet_sideways_pointer.png) no-repeat scroll left center; 
	padding-left: 15px;}

#browse-menu ul.sub-browse-menu ol.causes li a { font-size:11px; padding: 5px 0;}

#browse-menu li.browse-item ul.sub-browse-menu a:hover { 
color: #900;
text-decoration:underline;
border: none;
backround-color:#FFE2AF;
}
	
ul.sub-browse-menu ol.causes { 
float:left; 
font-size:12px; 
font-weight: normal; 
width: 160px; 
list-style:none;
padding-left: 5px;
//margin-left:5px;}

ul.sub-browse-menu.college_courses ol.causes {width: 190px;}

.browse-bumper {
position: absolute;
display: none;
}

#browse-bumper-left, #browse-bumper-right { width: 100px; height: 280px; }

#browse-bumper-bottom { width: 300px; height: 100px; }

ul.sub-browse-menu{width: 800px;}
ul.sub-browse-menu.content_types { 
width:370px; 
//width:400px;}
ul.sub-browse-menu.by_cause { 
width:830px; 
//width: 850px;}
ul.sub-browse-menu.by_audience { 
width:500px; 
//width:580px;}
ul.sub-browse-menu.top_speakers{ 
width:670px; 
//width:760px;}
ul.sub-browse-menu.by_popular { 
width:350px; 
//width:380px;}
ul.sub-browse-menu.by_organization { 
width:200px; 
//width:230px;}
ul.sub-browse-menu.wiki { 
width:200px; 
//width:230px;}
ul.sub-browse-menu.jobs { 
width:700px; 
//width:760px;}
ul.sub-browse-menu.christian_grants { 
width:700px; 
//width:760px;}
ul.sub-browse-menu.consultants { 
width:330px; 
//width:390px;}
ul.sub-browse-menu.college_courses { 
width:600px; 
//width:630px;}
