/* 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;
		background:transparent url(http://www.christianvolunteering.org/template_include/navbar_bg.gif) repeat-x scroll 0 0;
		height:68px;
		width: 830px;
		overflow:hidden;
		margin-left: 19px;
	}

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

/* 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: 5px;
	}

/* 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: #566999;
		height: 20px;
		width: 100%;
	}

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

	.nav1-volunteers #primary-nav #item-volunteers ul {
		background: #566999;
	}
	
	.nav1-organizations #primary-nav #item-organizations ul {
		background: #566999;
	}
	
	.nav1-churches #primary-nav #item-churches ul {
		background: #566999;
	}
	
	.nav1-about #primary-nav #item-about ul {
		background: #566999;
	}

	.nav1-my-account #primary-nav #item-my-account ul {
		background: #566999; 
	}
	/* secondary-nav link formatting */
	#primary-nav li a {
		color: #DFDFDF;
		font-weight: bold;
		/* font-size: 0.9em; */
		display: block;
		width: 98px; /* was 120 */
		padding: 0;
	}
	#primary-nav li a:hover{ color: #FFF;}

	/* active primary nav link text color */
	.nav1-browse-content #primary-nav #item-browse-content a span{
		color: #fff;
	}
	
	.nav1-volunteers #primary-nav #item-volunteers a span{
		color: #fff;
	}
	
	.nav1-organizations #primary-nav #item-organizations a span {
		color: #fff;
	}
	
	.nav1-churches #primary-nav #item-churches a span {
		color: #fff;
	}
	
	.nav1-about #primary-nav #item-about a span {
		color: #fff;		
	}
	
	.nav1-my-account #primary-nav #item-my-account a span {
		color: #fff;
	}
	
	/* change secondary-nav bg color when active primary nav link is hovered (2nd rule is for IE) */
	/* .nav1-browse-content #primary-nav #item-browse-content:hover ul, .nav1-churches #primary-nav #item-browse-content.over ul {
		background: #224d6f;
	}
	
	.nav1-volunteers #primary-nav #item-volunteers:hover ul, .nav1-volunteers #primary-nav #item-volunteers.over ul {
		background: #224d6f;
	}
	
	.nav1-organizations #primary-nav #item-organizations:hover ul, .nav1-organizations #primary-nav #item-organizations.over ul {
		background: #224d6f;
	}

	.nav1-churches #primary-nav #item-churches:hover ul, .nav1-churches #primary-nav #item-churches.over ul {
		background: #224d6f;
	}
	
	.nav1-about #primary-nav #item-about:hover ul, .nav1-about #primary-nav #item-about.over ul {
		background: #224d6f;
	}
	
	.nav1-my-account #primary-nav #item-my-account:hover ul, .nav1-my-account #primary-nav #item-my-account.over ul {
		background: #224d6f;
	} */
	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 #FFF;
		padding:3px 20px 2px;}

ul#secondary-nav-4 li#item-contact-us.level-2
{border-right: none;}
		
	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: #00F;
		width: auto;
	}

	/* show active secondary-nav by default */
	.nav1-browse-content #primary-nav #item-browse-content ul {
		display: block;
	}
	
	.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-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-tm.gif) no-repeat; /*contains all hover states*/
	}

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;
//width:110px;
}

/* --- 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 0;} /* on non- TM my account shows the bottom part of the sprite- green ( 0 -108px)*/

/*active area - based on a body class */
 
  .nav1-browse-content #item-browse-content a {
 	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-about #item-about 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-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:hover, #item-browse-content:hover a, #item-browse-content.over a {
	background-position: 0 -73px; /* for special browse menu it was 0 -144px */
}

#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-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-my-account a:hover, #item-my-account:hover a, #item-my-account.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;
}
/* 
#item-browse-content a {
background-position: 0 -179px;	
}
#item-browse-content a:hover, #item-browse-content:hover a, #item-browse-content.over a {
	background-position: 0 -144px;
} 
*/

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

#primary-nav #item-volunteers li.level-2 ul {display: none; top: 21px; background-color: #DEE0DD; border-left: none;  1px solid #7F7F7F;}

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

#primary-nav #item-about li.level-2 ul {display: none; top: 21px; background-color: #CFCFCF; border-left: none; border-bottom: 1px solid #7F7F7F;}

/* 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,  #primary-nav ul#tertiary-nav-6 {
/*padding-left: 20px;*/}

li#item-our-board.level-3 a, 
li#item-wiki.level-3 a,
li#item-christianvolunteering-org.level-3 a, 
li#item-crisis.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;}

.nav2-our-vision #primary-nav #item-about #tertiary-nav-6 { display: block;}

/* Highlight on a second level when active - for TM menu*/
.nav2-our-vision #primary-nav #item-our-vision,
.nav2-programs #primary-nav #item-programs,
.nav2-about-techmission #primary-nav #item-about-techmission,
.nav3-contact-us #primary-nav #item-contact-us
{ background-color: #45516F;}

.nav2-about-techmission.nav3-contact-us #primary-nav #item-about-techmission{
	background: none;}


/* TM menu - Third Level*/
.nav3-the-opportunity #primary-nav #tertiary-nav-6 li#item-opportunity a,
.nav3-the-results #primary-nav #tertiary-nav-6 li#item-results a,
.nav3-how-to-help #primary-nav #tertiary-nav-6 li#item-how-to-help a,
.nav3-the-crisis #primary-nav #tertiary-nav-6 li#item-crisis a,
.nav3-our-board #primary-nav #tertiary-nav-4 li#item-our-board a,
.nav3-our-staff #primary-nav #tertiary-nav-4 li#item-our-staff a,
.nav3-our-history #primary-nav #tertiary-nav-4 li#item-our-history a,
.nav3-our-partners #primary-nav #tertiary-nav-4 li#item-our-partners a,
.nav3-our-testimony #primary-nav #tertiary-nav-4 li#item-our-testimony a,
.nav3-budget-and-funders #primary-nav #tertiary-nav-4 li#item-budget-and-funders a
{text-decoration: underline; font-weight:bold; padding-left: 10px;
background: transparent url(../images/pointer.png) no-repeat center left;}


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

.nav3-search-all #primary-nav #item-volunteers #tertiary-nav-1 li#item-search-all a {}

.nav3-our-board #primary-nav #item-about #tertiary-nav-1 li#item-our-board a { }

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;
/* color:#FFF;*/
}
/* other styles*/

#navigation { background-color:#FFF;} 
#browse-menu { 
position: absolute; 
display: none;
z-index:500;}

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

#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:#6F99FF url(http://www.urbanministry.org/imgs/pointer_white.png) no-repeat scroll 148px;
}

#browse-menu ul {
background: #5A7CCF;
color: #fff;
font-weight:bold;
font-size: 14px;
padding-left: 0px;
}

#browse-menu ul .sub-browse-menu{
background-color:#DEE0DD;
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:12px; padding: 5px 0;}

#browse-menu li.browse-item ul.sub-browse-menu a:hover { 
color: #900;
text-decoration:underline;
border: none;
backround-color:#EAE9D4;
}

	
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;}