/*------------------------
doc: WNC CSS
global styles shared across site

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

Credits:
	headline pattern originally designed by:  Travis Beckham, Squidfingers, www.squidfingers.com
	
------------------------*/

html {
	background:#F3F2EE;
	color:#666;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;	
}

	body {
		background:url("/images/css/global/bkg_content.gif") repeat-y;
		margin:0 auto;
		padding:0 6px;
		position:relative;
		text-align:left !important;
		width:980px;
	}
	
	p strong,
	a strong {font-weight:bold;}
	p em,
	a em {font-style:italic;}
	
	a {text-decoration:none;}
	
/* general classes */
		.nav li,
		.column{ float:left; }
	
		.clear,
		#container,
		#tour-cal form { display:inline-block; }
		
		.clear:after,
		#container:after,
		#tour-cal form:after {
			display:block;
			visibility:hidden;
			clear:both;
			height:0;
			content:".";	
		}
		
		.webcast {
			display:inline !important;
			background:url("/images/css/global/elm_cast.png") right -2px no-repeat;
			padding-right:22px !important;
			padding-top:1px!important;	
			padding-bottom:2px!important;	
		}
		
		.transcript {
			display:inline !important;
			background:url("/images/css/global/elm_util-read.gif") right -2px no-repeat;
			padding-right:22px !important;
		}
		
		.tickets {
			display:inline !important;
			background:url("/images/css/global/icn_tix.png") right -2px no-repeat;
			padding-right:22px !important;
		}
		
		.pdf {
			display:inline-block !important;
			background:url("/images/css/global/elm_util-pdf.png") right no-repeat;
			padding-right:22px !important;
		}
		
/* global elements */

		#header {
			background:#492a7d url("/images/css/global/bkg_header.jpg") repeat-x;
			height:150px;
			position:relative;
			width:980px;			
		}
		
		#header h1 {
			top:20px;
			position:relative;
		}
		
			#header h1 a {
				background:url("/images/css/global/hdr_wnc.jpg") no-repeat;
				color:#fff;				
				display:block;
				height:123px;
				overflow:hidden;
				
				text-indent:-1000px;
				width:627px;
			}
			
		#form-search {
			background:url("/images/css/global/bkg_form-search.gif") left bottom no-repeat;
			bottom:0;
			height:35px;
			padding:50px 0 0 15px;
			position:absolute;
			right:0;
			width:230px;
		}

			#form-search label {
				bottom:20px;
				color:#ddd;
				font:14px/14px Georgia, "Times New Roman", Times, serif;
				position:absolute;	
				display:block;	
				
			}
		
			#form-search input {
				background:#846fa8;
				border:0;
				color:#fff;
				font:11px/12px Georgia, "Times New Roman", Times, serif;
				padding:3px 6px 2px;
				width:107px;
				position:absolute;
				left:70px;
				height:14px;
			}
			
			#btn_search {
				background:url("/images/css/global/elm_go-hdr.gif") no-repeat;
				border:0;
				bottom:17px;
				cursor:pointer;
				height:19px;
				margin:0 0 0 5px;
				overflow:hidden;
				position:absolute;
				right:12px;
				text-indent:-1000px;
				width:36px;
			}
		
		#wrapper {
			padding-top:1px;
			position:relative; 
		}		
		.lvl2 #wrapper,
		.lvl3 #wrapper {
			background:#fff url("/images/css/global/bkg_sub-cross.gif") bottom right no-repeat; 
		}
		
		#container,
		.lvl3 #container {
			width:980px;
		}
			.lvl1 #container, 
			.lvl2 #container { 
				left:171px;
				position:relative;
				width:809px;			
			}

			.lvl2 #container,
			.lvl3 #container { 
				border-top:4px solid #BBBAAE;
				padding:25px 0 0;
			}
		
		
		#container-post {
			border-right:1px solid #E9E4D7;
			clear:both;
			margin:-8px 0px 0px 23px; 
			padding:10px 0 18px;
			width:728px;
		}
				
		#container-post div {
			border-top:1px solid #D5D4C9;
			margin:20px 0 0;
			padding:10px 0 0;
			width:703px;
		}
			#container-post h3 {
				color:#6d6c60;
				float:left;
				font:13px/15px Arial, Helvetica, sans-serif;
			}
				
			#container-post p {
				color:#676767;
				font:11px/16px Arial, Helvetica, sans-serif;
				margin:0 0 0 160px;
			}
		
			
		#footer {
			background:#F3F2EE url("/images/css/global/bkg_footer.gif") no-repeat;
			color:#b5b1a2;
			clear:both;
			font:11px/14px Georgia, "Times New Roman", Times, serif;
			margin:33px -6px 22px;
			padding:22px 6px;
			position:relative;
		}
		
		#footer h6 {
			background:url("/images/css/global/hdr_footer.gif") no-repeat;
			height:18px;
			margin-bottom:5px;
			overflow:hidden;
			text-indent:-1000px;
			width:241px;
		}
		

	body.lvl0 a { color:#492a7d; }
	
	body#sct-worship a,
	#sct-worship #nav-sub li,
	#sct-worship #nav-sub h4 { color:#815903; }
	
	body#sct-learn a,
	#sct-learn #nav-sub li,
	#sct-learn #nav-sub h4 {color:#990000;}
	
	body#sct-gc15 a,
	#sct-gc15 #nav-sub li,
	#sct-gc15 #nav-sub h4 {color:#990000;}
	
	body#sct-age a,
	#sct-age #nav-sub li,
	#sct-age #nav-sub h4 {color:#990000;}
	
	body#sct-learn-summit a,
	#sct-learn-summit #nav-sub li,
	#sct-learn-summit #nav-sub h4 {color:#990000;}
	
	body#sct-press a,
	#sct-press #nav-sub li,
	#sct-press #nav-sub h4 {color:#da930a;}
	
	body#sct-shop a,
	#sct-shop #nav-sub li,
	#sct-shop #nav-sub h4 {color:#da930a;}
	
	body#sct-about a,
	#sct-about #nav-sub li,
	#sct-about #nav-sub h4 {color:#088a8c;}
	
	body#sct-quake a,
	#sct-quake #nav-sub li,
	#sct-quake #nav-sub h4 {color:#088a8c;}
	
	body#sct-arts a,
	#sct-arts #nav-sub li,
	#sct-arts #nav-sub h4 {color:#85820c;}
	
	body#sct-visit a,
	#sct-visit #nav-sub li,
	#sct-visit #nav-sub h4 {color:#631f5f;}
	
	body#sct-veterans a,
	#sct-veterans #nav-sub li,
	#sct-veterans #nav-sub h4 {color:#631f5f;}
	
	body#sct-search a,
	#sct-search #nav-sub li,
	#sct-search #nav-sub h4 {color:#345c70;}
	
	body#sct-support a,
	#sct-support #nav-sub li,
	#sct-support #nav-sub h4 {color:#c9ab02;}
	
		body a:hover {text-decoration:underline;}

/* --- billboard --- */

	.lvl0 #billboard,
	.lvl1 #billboard {
		display:block;
		height:282px;
		overflow:hidden;
		width:980px;
		position:relative;
	}
		
	.lvl1 #billboard { height:215px; }
	.lvl2 #billboard { height: 72px; } 	
		
		.lvl0 #billboard {	background:url("/images/css/headers/hdr_main.jpg") no-repeat; }
		#sct-worship #billboard { background:url("/images/css/headers/hdr_worship.jpg") no-repeat; }
		#sct-about #billboard { background:url("/images/css/headers/hdr_about.jpg") no-repeat; }
		#sct-quake #billboard { background:url("/images/css/headers/hdr_about.jpg") no-repeat; }
		#sct-visit #billboard { background:url("/images/css/headers/hdr_visit.jpg") no-repeat; }
		#sct-veterans #billboard { background:url("/images/css/headers/hdr_veterans.jpg") no-repeat; }
		#sct-arts #billboard { background:url("/images/css/headers/hdr_arts.jpg") no-repeat; }
		#sct-support #billboard { background:url("/images/css/headers/hdr_support.jpg") no-repeat; }
		#sct-age #billboard { background:url("/images/css/headers/hdr_age.jpg") no-repeat; }
		#sct-learn #billboard { background:url("/images/css/headers/hdr_learn2015.jpg") no-repeat; }
		#sct-gc15 #billboard { background:url("/images/css/headers/hdr_sct-gc15.jpg") no-repeat; }
		#sct-learn-summit #billboard { background:url("/images/css/headers/banner-summitX.jpg") no-repeat; }
		#sct-press div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -158px repeat-x !important; }
		#sct-about div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -237px repeat-x !important; }
		#sct-quake div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -237px repeat-x !important; }
		#sct-age div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -316px repeat-x !important; }
		#sct-learn div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -316px repeat-x !important; }
		#sct-gc15 div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -316px repeat-x !important; }
		#sct-learn-summit div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -316px repeat-x !important; }
		#sct-worship div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -395px repeat-x !important; }
		#sct-visit div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -474px !important; }
#sct-veterans div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -474px !important; }
		#sct-arts div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -553px !important; }
		#sct-search div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -631px !important; }
		#sct-support div.brand { background:url("/images/css/headers/bkg_pattern.gif") 0 -711px !important; }
			
		div.brand h2 { 
			color:#fff;
			font:25px/72px Arial, Helvetica, sans-serif;
			height:72px;
			padding:0 0 0 190px;
			text-transform:uppercase;
			
		}
			#sct-age div.brand h2 { background:url("/images/css/headers/hdr_sct-age.jpg") no-repeat; }
			#sct-learn div.brand h2 { background:url("/images/css/headers/hdr_sct-learn.jpg") no-repeat; }
			#sct-learn-summit div.brand h2 { background:url("/images/css/headers/hdr_sct-learn.jpg") no-repeat; }
			#sct-arts div.brand h2 { background:url("/images/css/headers/hdr_sct-arts.jpg") no-repeat; }
			#sct-worship div.brand h2 { background:url("/images/css/headers/hdr_sct-worship.jpg") no-repeat; }
			#sct-visit div.brand h2 { background:url("/images/css/headers/hdr_sct-visit.jpg") no-repeat; }
			#sct-veterans div.brand h2 { background:url("/images/css/headers/hdr_sct-veterans.jpg") no-repeat; }
			#sct-support div.brand h2 { background:url("/images/css/headers/hdr_sct-support.jpg") no-repeat; }
			#sct-about div.brand h2 { background:url("/images/css/headers/hdr_sct-about.jpg") no-repeat; }
			#sct-quake div.brand h2 { background:url("/images/css/headers/dcquake6moA.jpg") no-repeat; }
			#sct-gc15 div.brand h2 { background:url("/images/css/headers/hdr_sct-gc15.jpg") no-repeat; }
			
		.lvl3 div.brand h2 {
			background:none !important;
			padding:0 0 0 23px;
		}
			#sct-search div.brand h2 { color: #777;}
		
		.lvl0 #billboard p,
		.lvl1 #billboard p {visibility:hidden;}
		
/* --- list elements in content ---*/

.bullet-list {
                margin:0 0 15px;
}
   #sidebar div .bullet-list li {
     font:12px/16px Arial, Helvetica, sans-serif;
     padding-bottom:2px;
   }
 
   .bullet-list li,
   #sidebar div .bullet-list li {
                                background:url("/images/css/lists/elm-list_main.gif") 0 8px no-repeat;
                                padding-left:12px;
                }
		#sct-press .bullet-list li { background:url("/images/css/lists/elm-list_press.gif") 0 8px no-repeat; }
		#sct-about .bullet-list li { background:url("/images/css/lists/elm-list_about.gif") 0 8px no-repeat; }
		#sct-quake .bullet-list li { background:url("/images/css/lists/elm-list_about.gif") 0 8px no-repeat; }
		#sct-age .bullet-list li { background:url("/images/css/lists/elm-list_lectures.gif") 0 8px no-repeat; }
		#sct-learn .bullet-list li { background:url("/images/css/lists/elm-list_lectures.gif") 0 8px no-repeat; }
		#sct-gc15 .bullet-list li { background:url("/images/css/lists/elm-list_lectures.gif") 0 8px no-repeat; }
		#sct-learn-summit .bullet-list li { background:url("/images/css/lists/elm-list_lectures.gif") 0 8px no-repeat; }
		#sct-worship .bullet-list li { background:url("/images/css/lists/elm-list_worship.gif") 0 8px no-repeat; }
		#sct-visit .bullet-list li { background:url("/images/css/lists/elm-list_visit.gif") 0 8px no-repeat; }
		#sct-veterans .bullet-list li { background:url("/images/css/lists/elm-list_visit.gif") 0 8px no-repeat; }
		#sct-arts .bullet-list li { background:url("/images/css/lists/elm-list_arts.gif") 0 8px no-repeat; }
		#sct-support .bullet-list li { background:url("/images/css/lists/elm-list_support.gif") 0 8px no-repeat; }

#sidebar div .bullet-list{margin:10px 0 !important;}
#sidebar div .bullet-list li{padding-top:0 !important;border-top:none !important;font-size:11px !important;margin:0 5px !important;}

.bullet-list2 {
                margin:0 0 15px 15px;
}
   #sidebar div .bullet-list li {
     font:12px/16px Arial, Helvetica, sans-serif;
     padding-bottom:2px;
   }
 
   .bullet-list li,
   #sidebar div .bullet-list li {
                                background:url("/images/css/lists/elm-list_main.gif") 0 8px no-repeat;
                                padding-left:12px;
                }
		#sct-press .bullet-list li { background:url("/images/css/lists/elm-list_press.gif") 0 8px no-repeat; }
		#sct-about .bullet-list li { background:url("/images/css/lists/elm-list_about.gif") 0 8px no-repeat; }
		#sct-quake .bullet-list li { background:url("/images/css/lists/elm-list_about.gif") 0 8px no-repeat; }
		#sct-age .bullet-list li { background:url("/images/css/lists/elm-list_lectures.gif") 0 8px no-repeat; }
		#sct-learn .bullet-list li { background:url("/images/css/lists/elm-list_lectures.gif") 0 8px no-repeat; }
		#sct-gc15 .bullet-list li { background:url("/images/css/lists/elm-list_lectures.gif") 0 8px no-repeat; }
		#sct-learn-summit .bullet-list li { background:url("/images/css/lists/elm-list_lectures.gif") 0 8px no-repeat; }
		#sct-worship .bullet-list li { background:url("/images/css/lists/elm-list_worship.gif") 0 8px no-repeat; }
		#sct-visit .bullet-list li { background:url("/images/css/lists/elm-list_visit.gif") 0 8px no-repeat; }
		#sct-veterans .bullet-list li { background:url("/images/css/lists/elm-list_visit.gif") 0 8px no-repeat; }
		#sct-arts .bullet-list li { background:url("/images/css/lists/elm-list_arts.gif") 0 8px no-repeat; }
		#sct-support .bullet-list li { background:url("/images/css/lists/elm-list_support.gif") 0 8px no-repeat; }

#sidebar div .bullet-list{margin:10px 0 !important;}
#sidebar div .bullet-list li{padding-top:0 !important;border-top:none !important;font-size:11px !important;margin:0 5px !important;}


.numbered {
	margin: 0 0 20px 25px;
}
		.numbered li {
			margin-bottom: 6px;
		}

.hdr-posting{padding:0 23px 0 13px !important}

/* --- New billboard (added 05/2009 by Chuck) --- */

#new-billboard{
	height: 245px;
	display: block;
	zoom: 1;
	overflow: hidden;
	position: relative;
}
	#new-billboard ul{
		z-index: 2;
	}
	#new-billboard.active{
		height: auto;
	}
	#new-billboard li{
		background-repeat: no-repeat;
		background-position: top left;
		z-index: 3;
		width: 980px;
		min-height: 245px;
		text-indent: -999em;
		overflow: hidden;
		zoom: 1;
	}
	#new-billboard.active li{
		position: absolute;
		bottom: 0;
		left: 0;
	}
#new-billboard #promo{
	width: 230px;
	margin: 15px 15px 15px 0;
	float: right;
	background: url(/images/colors/yellow/bg.png);
	color: #FFF;
	z-index: 4;
}
	#new-billboard #promo div{
		margin: 4px;
		border: 1px solid #d99f40;
		padding: 30px 18px;
		background: url(/images/colors/yellow/bg.png);
	}
	#new-billboard #promo h2{
		font: normal 25px/30px Georgia, "Times New Roman", serif;
		margin-bottom: 10px;
	}
	#new-billboard #promo p{
		font: normal 14px/19px Arial, Helvetica, sans-serif;
	}
	#new-billboard #promo p a{
		display: block;
		float: left;
		margin-top: 18px;
		padding: 8px 32px 8px 10px;
		color: #FFF;
		line-height: 12px;
		font-size: 12px;
		text-transform: uppercase;
		border: 1px solid #ffb04b;
		background: url(/images/colors/yellow/button.png) no-repeat right center;
	}
	
/* Slide backgrounds */

#new-billboard li#slide-listen{ background-image: url(/images/Billboard201410A.jpg);}
#new-billboard li#slide-celebrate{ background-image: url(/images/Billboard201208_01.jpg);}
#new-billboard li#slide-discover{ background-image: url(/images/Billboard201212_02.jpg);}
#new-billboard li#slide-joinus{ background-image: url(/images/Billboard201410B.jpg);}
#new-billboard li#slide-nurture{ background-image: url(/images/Billboard201208_05.jpg);}
#new-billboard li#slide-visit{ background-image: url(/images/Billboard201410C.jpg);}

/* Color themes for promos */

	/* Yellow */
	#new-billboard #promo.yellow, #new-billboard #promo.yellow{ background-image: url(/images/colors/yellow/bg.png); }
	#new-billboard #promo.yellow p a{ border-color: #f8b552; }
	#new-billboard #promo.yellow div{ border-color: #deb26b; }
	#new-billboard #promo.yellow p a{ color: #FFF; background-image: url(/images/colors/yellow/button.png); }

	/* Purple */
	#new-billboard #promo.purple, #new-billboard #promo.purple div{ background-image: url(/images/colors/purple/bg.png); }
	#new-billboard #promo.purple p a{ border-color: #705599; }
	#new-billboard #promo.purple div{ border-color: #776290; }
	#new-billboard #promo.purple p a{ color: #FFF; background-image: url(/images/colors/purple/button.png); }
	
	/* Red */
	#new-billboard #promo.red, #new-billboard #promo.red div{ background-image: url(/images/colors/red/bg.png); }
	#new-billboard #promo.red p a{ border-color: #b93f43; }
	#new-billboard #promo.red div{ border-color: #b63e3c; }
	#new-billboard #promo.red p a{ color: #FFF; background-image: url(/images/colors/red/button.png); }