/*------------------------
doc: WNC CSS
navigation styles

site: Washington National Cathedral
development: Cobey Potter, Threespot Media
version: q1, 2008

------------------------*/

#nav-global {
	position:absolute;
	top:16px;
	right:0; }
	
    #nav-global a {
        display:block;
        height:24px;
        overflow:hidden;
        text-indent:-1000px;
	margin:0 6px;
    }

	#lnk_home a {
		background:url("/images/css/global/elm_nav-global.gif") no-repeat;    		
		width:60px;
	}
		#lnk_home a:hover {background-position:0px -13px;}
	
	#lnk_diff a {
		background:url("/images/css/global/elm_nav-global.gif") -70px 0  no-repeat;    		
		width:90px;
	}
		#lnk_diff a:hover {background-position:-70px -13px;}
			

	#lnk_college a {
		background:url("/images/css/global/elm_nav-global.gif") -165px 0 no-repeat;    		
		width:110px;
	}
		#lnk_college a:hover {background-position:-165px -13px;}

	#lnk_facebook a {
		background:url("/images/social-facebook-box-blue-icon.png") -0px 0 no-repeat;    		
		width:24px;
	}
		#lnk_college a:hover {background-position:-165px -13px;}

	#lnk_twitter a {
		background:url("/images/social-twitter-box-blue-icon.png") -0px 0 no-repeat;    		
		width:24px;
	}
		#lnk_college a:hover {background-position:-165px -13px;}

	#lnk_rss a {
		background:url("/images/social-rss-box-orange-icon.png") -0px 0 no-repeat;    		
		width:24px;
	}
		#lnk_college a:hover {background-position:-165px -13px;}

	#lnk_shops a {
		background:url("/images/css/global/elm_nav-global.gif") -285px 0 no-repeat;    		
		width:120px;
	}
		#lnk_shops a:hover {background-position:-285px -13px;}



#nav-main{
	background:#17161E;
	display:block;
	height:31px;
	width:960px;
	padding-left:20px; }

	#nav-main li.on,
	#nav-main a {
        display:block;
        height:31px;
	margin-right:18px;
        overflow:hidden;
        text-indent:-1000px;
  	}
	
	#nav-main li.on {margin:0;}
	
	#lnk_visit a {
		background:url("/images/css/global/elm_nav-main.gif") no-repeat;    		
		width:58px;
	}
  		#lnk_visit.on a,
		#lnk_visit a:hover { background:url("/images/css/global/elm_nav-main.gif") 0 -31px no-repeat; }
	
	#lnk_worship a  {
		background:url("/images/css/global/elm_nav-main.gif") -58px 0 no-repeat;    		
		width:96px;
	}
		#lnk_worship.on a,
  		#lnk_worship a:hover { background:url("/images/css/global/elm_nav-main.gif") -58px -31px no-repeat; }

	#lnk_learn a {
		background:url("/images/css/global/elm_nav-main.gif") -156px 0 no-repeat;    		
		width:114px;
	}
		#lnk_learn.on a,
  		#lnk_learn a:hover { background:url("/images/css/global/elm_nav-main.gif") -156px -31px no-repeat; }
			
	#lnk_arts a {
		background:url("/images/css/global/elm_nav-main.gif") -272px 0 no-repeat;    		
		width:76px;
	}
		#lnk_arts.on a,
  		#lnk_arts a:hover { background:url("/images/css/global/elm_nav-main.gif") -272px -31px no-repeat; }
			
	#lnk_about a {
		background:url("/images/css/global/elm_nav-main.gif") -346px 0 no-repeat;    		
		width:78px;
	}
		#lnk_about.on a,
  		#lnk_about a:hover { background:url("/images/css/global/elm_nav-main.gif") -346px -31px no-repeat; }
			
	#lnk_shop a {
		background:url("/images/css/global/elm_nav-main.gif") -424px 0 no-repeat;    		
		width:66px;
	}
		#lnk_shop.on a,
  		#lnk_shop a:hover { background:url("/images/css/global/elm_nav-main.gif") -424px -31px no-repeat; }

	#lnk_support a {
		background:url("/images/css/global/elm_nav-main.gif") -490px 0 no-repeat;    		
		width:100px;
	}
		#lnk_support.on a,
  		#lnk_support a:hover { background:url("/images/css/global/elm_nav-main.gif") -490px -31px no-repeat; }

	#lnk_events,
	#lnk_events a {
		background:url("/images/css/global/elm_nav-main.gif") -590px 0 no-repeat;
		width:245px;
		margin:0;
	}
		#lnk_events.on,
		#lnk_events.on a,
  		#lnk_events a:hover { background:url("/images/css/global/elm_nav-main.gif") -590 -31px no-repeat; }

	#lnk_signup a {
		background:url("/images/SignUp.png") -0px 0 no-repeat;    		
		width:80px;
	}
		#lnk_signup.on a,
  		#lnk_signup a:hover { background:url("/images/SignUp.png") -0 -36px no-repeat; }
			
	#lnk_tripadvisor a {
		background:url("/images/tripAdvisor.png") -0px 0 no-repeat;    		
		width:24px;
	}
			
	#nav-sub { 
		background: url("/images/css/global/bkg_nav-sub.gif") top right no-repeat;
		margin:0;
		min-height:601px;
		padding:30px 0 0 23px;
		width:147px; 
		position:absolute;
		top:1px;
		left:0;
	}
		.lvl2 #nav-sub { 
			border-top:4px solid #333; 
			border-right:1px solid #fff;
		}
		#sct-learn #nav-sub { border-top-color:#a0120f;	}
	    	#sct-arts #nav-sub { border-top-color:#85820c; }
		#sct-worship #nav-sub { border-top-color:#946808; }
		#sct-visit #nav-sub { border-top-color:#631f5f; }
		#sct-press #nav-sub { border-top-color:#da930a; }
		#sct-about #nav-sub { border-top-color:#088a8c; }
		#sct-search #nav-sub { border-top-color:#345c70; }
		#sct-shop #nav-sub { border-top-color:#da930a; }
		#sct-support #nav-sub { border-top-color:#c9ab02; }
		
		#nav-sub h4,
		#nav-sub h4 a{
			display:block;
			font:13px/14px Arial, Helvetica, sans-serif;
			padding-bottom:7px;
			text-transform:uppercase;
		}
			#nav-sub h4 a:hover {
				font-weight:normal; 
				text-decoration:underline;
			}
		#nav-sub li .sub {display:none;}
			#nav-sub li.on .sub {display:block;}
	
		#nav-sub li {
			background:url("/images/css/global/bkg_nav-sub-li.gif") top right no-repeat;
			margin:0 15px 0 0;
			padding:8px 0 9px;
		}
			#nav-sub .sub li { 
				background:none; 
				padding:0;
			}
		
		#nav-sub li,
		#nav-sub li a {
			display:block;
			font:12px/16px Georgia, "Times New Roman", Times, serif;
		}
			#nav-sub li,
			#nav-sub li.on a { 
				font-weight:bold; 
				text-decoration:none;
			}

			#nav-sub .sub li a {
				font:11px/15px Arial, Helvetica, sans-serif;
				padding:3px 0 5px;
			}
				#nav-sub .sub li.on { 
					font:bold italic 11px/15px Arial, Helvetica, sans-serif;
					padding:3px 0 5px;
				}
				#nav-sub .sub li a:hover {text-decoration:underline;}
				
	.nav-page { padding-bottom:20px; }
		.nav-page li { line-height:17px; }
		.nav-page li a { font:12px/18px Arial, Helvetica, sans-serif; }
		
#footer .nav {
	margin-left:261px;
	padding-top:3px;
	position:absolute;
}

	#footer .nav a { 
		background:url("/images/css/global/elm_nav-footer.gif") right no-repeat;
		color:#a3a28f;
		display:block;
		font:11px/13px Georgia, "Times New Roman", Times, serif;
		margin:0 10px 0 0;
		padding:0 15px 0 0;
		text-transform:uppercase;
	}
		#footer .nav a:hover { color:#777669; }

#nav-util {
	float:right;
	border-left:1px dashed #EAE9E3;
	padding:2px 10px;
	margin-right:20px;
}
	.gallery-photo { margin-right:40px !important; }
	
	#nav-util li { 
		margin:0 0 3px;
		padding:0 0 0 25px; 
	}
	
	#lnk-util_email{ background:url("/images/css/global/elm_util-email.png") left no-repeat; }
	#lnk-util_print{ background:url("/images/css/global/elm_util-print.png") left no-repeat; }
	#lnk-util_download{ background:url("/images/css/global/elm_util-download.png") left no-repeat; }
	#lnk-util_tickets{ background:url("/images/css/global/icn_tix.png") left no-repeat; }
	
		#nav-util li a{ font:11px/20px Georgia, "Times New Roman", Times, serif; }
		
/* --- pagination --- */

	.pagination,
	.nav-inpage {
		border:1px solid #dad9d4;
		border-left:0;
		border-right:0;
		height:15px;
		margin:20px 23px 0;
		padding:8px 0 10px;
		
	}
		.nav-inpage { 
			height:20px; 
			margin:0 23px 0;
		}
		
		.endcap { 
			border: 0; 
			margin-top:2px;
		}
		
		.pagination p {float:left;}
		
		.nav-inpage p { font:14px/20px Georgia, "Times New Roman", Times, serif; }
		
		.pagination a.on{font-weight:bold;}
		
		.pagination ul {float:right; }
		
			.pagination ul li {
				float:left;
				padding-left:5px;
			}