/* 

--MAIN STYLESHEET--

Site URL: http://theaterchurch.com
Copyright: 2006, All Rights Reserved.
Designer: David Russell
Designer URL: http://davidrussell.org
Admin Email: admin@theaterchurch.com

Color Composition: Gray #272727 | Orange #FFA722 | Green #87BD23
<style><!-- for syntax highlighting in text editor -->
*/

* {margin: 0; padding: 0;}

body {
	background-color: #272727;
	font: 12px/1.5em Verdana, Helvetica, sans-serif;
	color: #FFF;
}

img {border: 0;}

	img.left {float: left; margin: 3px 5px 0 0;}

	img.right {float: right; margin: 3px 0 0 5px;}
	
	#content img.nf {margin: 0;	padding: 0;	border: 0;}

.container {
	width: 770px;
	margin: 0 auto;
}

.right {text-align: right !important;}

.small {
	font-size: 0.8em;
	color: #999;
}

.clear {
	clear: both;
}

div.hr {
	height: 2px;
	background-color: #333;
	margin-bottom: 1em;
}

	div.hr hr {visibility: hidden;}
	
.no-display {display: none;}

/* ELEMENTS */

h2 { }

h3 {font-size: 1.2em;}

h4 {font-size: 1.1em;}

h5 {font-size: 1.0em;}

a {
	outline: none;
	color: #87BD23;
	text-decoration: none;
	font-weight: bold;
}

	a:hover {text-decoration: underline;}

p {margin-bottom: 15px;}

	.center {text-align: center !important;}
	
	.gray {color: #999;}

hr {margin-bottom: 15px; clear: both;}

abbr {cursor: help;}

small {font-size: 0.8em; color: #999;}

pre {
	font-family: "Courier New", Courier, monospace;
	background-color: #FFF;
	color: #333;
	width: 513px;
	overflow: auto;
	padding: 0.2em 0.5em;
}

q {
	color: #CCC;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

	div#welcome q {
		width: 400px;
		font-size: 1.1em;
		display: block;
		padding: 0.5em;
		margin: 10px auto;
		background-color: #303030;
	}

blockquote {
	margin: 20px;
	padding-left: 10px;
	border-left: 10px solid #333;
}

	blockquote .author, blockquote .reference {
		text-align: right;
		color: #666;
		font-style: italic;
		padding-right: 30px;
	}

		blockquote span {display: block;}
	
.clear {clear: both;}

.highlight {
	border: 2px solid #CCC;
	background-color: #555;
	padding: 0.2em 0.5em;
}
	
	form input.field {
		color: #333;
		padding: 3px;
		font-size: 1.5em;
		background-color: #EAEAEA;
	}
	
	form input.button {
		color: #000;
		float: right;
		font-size: 1.5em;
		cursor: pointer;
		background: url(http://theaterchurch.com/images/site/button.jpg) repeat-x;
		padding: 3px 10px;
		margin: 10px 2px 10px 2px;
		border: 2px solid #555;
		font-size: 2em;
	}
	
		

form input.checkbox {
	margin: 1em 0.3em 0 0;
}

form label.checkbox {
	font-size: 0.9em;
}

form input.button:hover {
	background-position: 50% -29px;
}

iframe {
	background-color: #FFF;
	padding: 1em;
}
/* LAYOUT */

#alert {
	background: #87BD23 url(http://theaterchurch.com/images/site/alert.jpg) repeat-x;
	clear: both;
	background: #990000;
	width: 100%;
	padding: 1em 0;
}

	#alert p {
		padding: 0.5em 0 0.5em 0;
		width: 770px;
		margin: 0 auto;
	}
	
	#alert ul {
		padding: 0.5em 0 0.5em 0;
		width: 710px;
		margin: 0 auto;
	}
	
	#alert h2 {
		font-size: 1.5em;
		text-transform: uppercase;
		font-weight: 100;
		width: 770px;
		margin: 0 auto;
	}
	
	#alert h3 {
		font-size: 1.2em;
		font-weight: bold;
		width: 770px;
		margin: 0 auto;
		padding-top: 0.5em;
	}
	
	#alert a {
		color: #FFFF99;
		border-bottom: 1px dotted #FFFF99;
	}
	
#top {
	background: #87BD23 url(http://theaterchurch.com/images/site/alert.jpg) repeat-x;
	height: 15px;
}

#header {
	background: url(http://theaterchurch.com/images/site/header.jpg) repeat-x center;
	background-color: #666;
	height: 97px;
}

#header #banner {
	width: 770px;
	margin: 0 auto;
}

#header h1 {
	background: url(http://theaterchurch.com/images/site/logo.png) no-repeat;
	border: 0;
	float: left;
	width: 300px;
}

	#header h1 span {
		position: relative;
		height: 100%;
		width: 100%;
	}

	#header h1 span img {
		display: none;
		height: 0;
		width: 0;
		border: 0;
		padding-top: 20px;
	}
	
	#header h1 a {
		display: block;
		text-decoration: none;
		height: 97px;
		width: 300px;
	}
	
	#language {
		float: left;
		color: #888;
		position: relative;
		top: 41px;
		width: 450px;
		text-align: right;
		z-index: 0;
	}
		
		#language a {
		color: #CCC;
		font-weight: normal;
		}

#nav {
	background: #333 url(http://theaterchurch.com/images/site/nav/nav-bg.jpg) repeat-x;
	font-size: 1.3em;
	height: 33px;
	font-weight: bold;
}

	#nav #wrapper {
		margin: 0 auto;
		width: 772px;
	}
	
	#nav ul {
		height: 33px;
		border-bottom: 1px solid #222;
	}
	
	#nav ul li {
		display: block;
		float: left;
		list-style-type: none;
		width: 154px;
		height: 33px;
		position: relative;
		text-align: center;
		line-height: 2em;
	}
	
		#nav li ul {
			display: none;
			position: absolute;
			font-size: 0.8em;
			text-align: left;
			top: 33px;
			left: -1px;
		}
		
			#nav li ul li {
				background-color: #444;
				text-align: left;
				padding: 5px;
				float: left;
				clear: both;
				height: 22px;
				border-bottom: 1px solid #333;
				position: relative;
				z-index: 100;
			}
			
			#nav li:hover ul, #nav li.over ul { 
				display: block;
			}
			
			#nav li:hover ul li:hover, #nav li.over ul li.over {
				background-color: #333;
			}
		
		#nav a {
			font-weight: 100;
			color: #FFF;
			text-decoration: none;
			display: block;
			width: 154px;
			height: 33px;
			cursor: pointer;
			padding: 0;
		}
		
			#nav a:hover {
				color: #CCC;
			}
			
			/* Fix IE. Hide from IE Mac \*/
			* html #nav ul li { float: left; }
			* html #nav ul li a { height: 1%; }
			/* End */
		
		#nav ul li span {
			width: 100%;
			height: 100%;
			left: -1px;
			top: 0;
			position: absolute;
		}

		body#home #navHome span, 
		body#who #navWho span, 
		body#where #navWhere span, 
		body#connect #navConnect span,
		body#resources #navResources span {
			background-position: 50% -33px;
		}
			
		#navHome span {
			background: url(http://theaterchurch.com/images/site/nav/nav-home.jpg) no-repeat;
		}
		
		#navWho span {
			background: url(http://theaterchurch.com/images/site/nav/nav-who.jpg) no-repeat;
		}
		
		#navWhere span {
			background: url(http://theaterchurch.com/images/site/nav/nav-where.jpg) no-repeat;
		}
		
		#navConnect span {
			background: url(http://theaterchurch.com/images/site/nav/nav-connect.jpg) no-repeat;
		}
		
		#navResources span {
			background: url(http://theaterchurch.com/images/site/nav/nav-resources.jpg) no-repeat;
		}
		
			#nav li a:hover span {
				background-position: 50% -66px;
			}
			
			#nav li a.selected:hover span {
				background-position: 50% -33px;
			}
			
#midsection {
	background-color: #0C0C0C;
	height: 210px;
	border-bottom: 2px solid #353535;
	margin-bottom: 15px;
}

	#midsection #midsectionWrapper {
		background: url(http://theaterchurch.com/images/site/film-trans.png) no-repeat;
		background-position: 30px;
		width: 770px;
		margin: 0 auto;
		height: 100%;
	}
	
	#midsection #midsectionWrapper h3 {
		display: none;
	}
	
		#midsection #midsectionWrapper div#oneFive {
			background: url(http://theaterchurch.com/images/site/one-five.png) no-repeat;
			height: 125px;
			width: 333px;
			float: left;
			display: inline;
		}
	
	#midsection ul#locList {
		font-size: 1.1em;
		width: 350px;
		height: 50px;
		position: relative;
		top: 10px;
		left: 30px;
	}
		
		li.col1 {float: left; width: 125px;}
		li.col2 {float: left; width: 180px;}
		
		
		#midsection ul#locList li {
			list-style: none;
			background: url(http://theaterchurch.com/images/site/icons/gif/li-arrow-orange.gif) no-repeat;
			background-position: 0 6px;
			margin-left: 0;
			padding-left: 15px;
			line-height: 1.8em;
		}
		
		#midsection a {
			color: #CCC;
			text-decoration: none;
			font-weight: normal;
		}
		
			#midsection a:hover {
				color: #FFF;
			}
		
		#midsection a span { visibility: hidden; color: #FFF;}
		
		#midsection a:hover span { visibility: visible; }

		#midsection #flash {
			float: right;
			background-color: #87BD23;
			width: 375px;
			height: 190px;
			display: block;
			margin: 10px 0;
		}

			#midsection #flashcontent {
				padding: 3px;
			}

#content {
/*	position: relative;
	min-height: 100%;
*/}
/*
* html #content {
	height: 100%;
}*/

	.feature {margin-bottom: 1.3em;}
		
		.feature p {
			padding: 0.5em;
			background-color: #2C2C2C;
			text-align: center;
			width: 760px;
			margin: 0 auto;
		}
		
	.banner {}
		
		#content .banner img {
			padding: 0;
			border: none;
		}
		
			#content .banner img a {
				border: none;
			}

	#content h2 {
		color: #FFF;
		text-transform: uppercase;
		font-weight: 100;
		margin-bottom: 0.4em;
		font-size: 1.5em;
	}
	
	#content #welcome {
		width: 480px;
		padding-left: 10px;
		margin-bottom: 15px;
		float: left;
	}
	
		#content #welcome h2 {
			padding-top: 10px;
		}
	
		#content #welcome ul {
			margin-top: 15px;
		}

		#content #welcome ul li {
			list-style-type: none;
			display: block;
			width: 225px;
			height: 80px;
			float: left;
			padding-bottom: 25px;
			margin: 20px 15px 0 0;
		}
		
		#content #welcome a.welcome-link {
			font-size: 1.4em;
			font-weight: normal;
			color: #FFF;
		}
		
			#content #welcome a:hover img {
				background-color: #333;
			}	
			
			#content #welcome a:hover {
				text-decoration: none;
			}	
	
		#content img {
			font-size: 9px;
			color: #CCC;
			border: 1px solid #595959;
			padding: 5px;
		}
		
		#content #welcome img {
			background-color: #222;
			height: 70px;
			width: 70px;
			margin-right: 3px;
		}	
		
	#content .result {
		background-color: #2C2C2C;
		padding: 1em;
		margin-bottom: 1em;
	}
	
	#content .box {
		width: 220px;
		background-color: #2C2C2C;
		padding: 10px;
		float: left;
		margin: 0 15px 15px 0;
	}
	
		#content .box#webcast {
			background:  #2C2C2C url(http://theaterchurch.com/images/site/webcast.jpg) no-repeat;
			background-position: top right;
		}

		#content .box#podcast {
			background:  #2C2C2C url(http://theaterchurch.com/images/site/podcast.gif) no-repeat;
			background-position: top right;
		}
		
		#content #webcast p a span {
			font-weight: normal;
			color: #FFF;
		}
		
		#content div.box ul li, ul.boxMenu li {
			padding: 0 8px 0 20px;
		}
	
		ul li.audio, p.audio {
			background: url(http://theaterchurch.com/images/site/icons/audio-trans.png) no-repeat;
		}

			p.audio {padding: 0 8px 0 20px; background-position: left;}

		ul li.video, p.video {
			background: url(http://theaterchurch.com/images/site/icons/video-trans.png) no-repeat;
		}
		
			p.video {padding: 0 8px 0 20px; background-position: left; margin: 0;}
		
		#content div.box ul li.all, ul.boxMenu li.all, p.all {
			background: url(http://theaterchurch.com/images/site/icons/media-trans.png) no-repeat;
			padding-right: 0;
		}
		
			p.all {padding: 0 8px 0 20px; background-position: left; margin: 0;}
		
		ul li.help {
			background: url(http://theaterchurch.com/images/site/icons/help-trans.png) no-repeat;
		}
		
		ul li.email {
			background: url(http://theaterchurch.com/images/site/icons/email-trans.png) no-repeat;
		}

		ul li.calendar {
			background: url(http://theaterchurch.com/images/site/icons/calendar-trans.png) no-repeat;
		}
		
		ul li.privacy {
			background: url(http://theaterchurch.com/images/site/icons/privacy-trans.png) no-repeat;
		}
	
		ul.boxMenu {
			clear: both;
			background: url(http://theaterchurch.com/images/site/box-menu.jpg) repeat-x;
			background-color: #666;
			list-style: none;
			margin: 10px -10px -10px -10px;
			padding: 5px 10px;
		}
		
		ul.boxMenu li {
			display: inline;
		}
	
	
	#content #enews {
	}
		
	#content #enews p {
		margin-bottom: 10px;
	}
	
	#content form#mailinglist_form {
		height: 26px;
	}
	
	#content form#mailinglist_form:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	#content form#mailinglist_form input#e-news {
		font-size: 12px;
		width: 57%;
		float: left;
	}
	
		#content form#mailinglist_form input.button {
			font-size: 12px;
			width: 35%;
			margin: 0 0 0 0;
			border: 1px solid #666;
		}
		
		#content #enews ul.boxMenu {
			height: 18px;
			margin-top: 15px;
		}
		
	#content #media {
		margin: 0 auto -20px auto;
		width: 656px;
		height: 408px;
	}
	
		#content #mediaFooter {
			background: url(http://theaterchurch.com/images/site/footer-base.jpg) repeat-x;
			background-color: #CF7E05;
			height: 20px;
		}
			
	#content #sidebar {
		width: 240px;
		position: absolute;
		top: 2px;
		clear: both;
	}
	
	.sidebox {
		width: 240px;
		background-color: #2C2C2C;
		padding: 10px;
		float: right;
		margin-bottom: 15px;
		clear: right;		
	}
	
		.sidebox#events {
		}
		
		.sidebox#events a {
			font-weight: normal;
		}

			.sidebox#events li.calendar a {
				font-weight: bold;
			} 
		
			.sidebox#events dl {
				margin-bottom: 10px;
			} 
		
			.sidebox#events dd h3 {
				display: inline;
				font-size: 1em;
			}
			
			.sidebox#events dt {
				float: right;
				text-align: center;
				margin: -2px -2px -2px 3px;
				background-color: #333;
				padding: 8px;
				display: block;
			}
			
				.sidebox#events dt abbr.dtstart {font-size: 1.1em;}
			
			.short-description {font-size: 0.9em;}
			
			.short-description a {color: #999999; position: relative; left: 12em; display: block;/* text-align: right; display: block; position: relative; right: 10px; */}
				
			
		.sidebox#enews {
			float: right;
		}
		
			div#enews input.button {
				font-size: 1.5em;
			}

	#content .eventBox, #content .mediaBox, #content .groupsBox {
		background-color: #333;
		padding: 10px;
		margin-bottom: 15px;
	}
	
	div.mediaBox, div.groupsBox {
		float: left;
		width: 515px;
	}
	
	div.mediaBox ul.on-demand, div.mediaBox ul.download {
		background-color: #333;
		padding: 0;
		margin: 0 0 1em 0;
		width: 240px;
	}
	
		div.mediaBox h3 {
			padding-bottom: 0.2em;
		}
	
		ul.on-demand {
			float: left;
			margin-right: 2em;
			clear: both;
		}
		
		ul.download {
			float: left;
		}
		
		.media-foot {
			display: block;
			clear: both;
			text-align: right;
			color: #999;
			margin: 0;
		}
		
		p.media-meta {
			margin-bottom: 1em;
		}
		
		a.media-image, a.group-image {
			float: right;
			position: relative;
			top: -1.5em;
			margin-right: 0.2em;
		}
		
		img.75 {
			height: 75;
			width: 75;
		}
		
#subnav {
	float: left;
	width: 230px;
	padding: 30px 0;
}

	#subnav ul {
		list-style: none;
		margin-bottom: 15px;
		border-top: 10px solid #333;
		width: 210px;
	}

	#subnav ul li a {
		color: #CCC;
		background: #2C2C2C;
		display: block;
		text-decoration: none;
		padding: 10px;
		margin-top: 2px;
		width: 190px;
	}
	
		#subnav ul li a:hover {
			color: #FFF;
			background: #444;
			width: 190px;
		}
		
	#subnav form input {
		width: 200px;
	}

#page {
	width: 525px;
	padding: 30px 0;
	margin: 0 0 0 0;
	float: left;
	clear: right;
}

#page p {
	text-align: justify;
}

h3.subtitle, h4.subtitle, h5.subtitle, p.subtitle {
	color: #666;
	text-transform: uppercase;
	font-weight: 100;
	margin-bottom: 15px;
}

	h4.subtitle a {
		color: #666;
	}
	
	#page p {line-height: 1.8em;}
	
	#page.narrow {
		width: 325px;
	}
	
	#page ul, #page ol {
		margin-bottom: 1.5em;
	}
	
	#page ul li {
			list-style: none;
			background: url(http://theaterchurch.com/images/site/icons/gif/li-arrow-orange.gif) no-repeat;
			background-position: 0 5px;
			margin-left: 15px;
			padding-left: 20px;
			line-height: 1.8em;
	}
	
	#page ol li {
			margin-left: 45px;
			line-height: 1.8em;
	}
	
	#page ul#entries {
		 clear: both;
		 width: 535px;
	}
	
	#page ul#entries li {
		list-style: none;
		background: none;
		background-position: 0 0;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}
		#page ul#entries li a {
			color: #CCC;
			float: left;
			display: inline;
			background: #2C2C2C;
			text-decoration: none;
			padding: 10px;
			margin-top: 2px;
			width: 230px;
			voice-family: "\"}\""; 
			voice-family: inherit;
			width: 210px;
	}
	
			#page ul#entries li a:hover {
				color: #FFF;
				background: #444;
				width: 210px;
				voice-family: "\"}\""; 
				voice-family: inherit;
				width: 210px;
			}
	
			#page ul#entries li.next {
				float: right;
				text-align: right;
			}
			
		#page .edit {
			float: right;
			font-size: 0.8em;
			color: #666;
		}		
			
			#page .edit a.edit-link {
				color: #666;
			}		
				
	#page dl {
		margin: 15px 0 30px 0;
		text-align: justify;
	}
	
		#page dl dt {
			font-weight: bold;
			padding-bottom: 3px;
		}
		
		#page dl dd {
			line-height: 1.8em;
			margin: 0.5em 0 1em 0;
		}
		
		#page dl dd p {}
		
	#page dl dt.staff-name {
		font-size: 1.2em;
	}
	
	#page dl dt.staff-title {
		display: inline;
		color: #666;
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: 100;
	}
	
	#page dl dd.staff-image {
		display: block;
		border: none;
		text-align: center;
		margin-top: 1.5em;
	}
	
	#page dl dt.staff-contact {
		display: inline;
		color: #666;
		text-transform: uppercase;
		font-weight: 100;
		font-size: 1.2em;
		float: right;
	}
	
		#page dl dt.staff-contact a {
			color: #666;
		}
		
	#page table {
	/*	border: 2px solid #2C2C2C;
		border-top: 10px solid #2C2C2C;
	*/	width: 500px;
		margin: 1em;
	}
	
		#page table#credits {
			width: 750px;
		}
			
	
		#page table tr td {
			padding: 0.4em;
		}
		
		#page table tr.alt {
			background-color: #2A2A2A;
		}
		
		#page table tr td.colA {
			width: 200px;
			text-align: right;
		}
		
		#page table tr td.colB {
			width: 200px;
			text-align: left;
		}
		
		#page table tr td.colC {
			width: 350px;
		}
		
		#page table tr.sectionTitle td, #page table th {
			color: #777;
			background-color: #333;
			border-bottom: 1px solid #F5FFB0;
			text-transform: uppercase;
			font-size: 1.3em;
			font-weight: 100;
			text-align: right;
			padding: 5px;
		}
		
		#page table#statistics {
			text-align: center;
		}
		
			#page table#statistics tr td {
				width: 50%;
			}
		
		form input#e-news {
			width: 95%;
		}
		
		div#page form {
			font-size: 0.8em;
		}
		
			div#page form ul {
				background-color: #333;
				padding: 10px;
			}
		
				div#page form ul li {
					background-image: none;
					margin-bottom: 2em;
					margin-left: 0;
					padding-left: 0;
				}
				
			div#page form p.instructions {
				font-size: 1em;
				padding: 5px;
				width: 200px;
				background-color: #2C2C2C;
				border-top: 2px solid #444;
				text-align: left;
				display: block;
				z-index: 1;
				opacity: 0.9999;
			}
			
			div#page form div.message {
				background: #393939;
				padding: 1em;
				font-size: 1.2em;
				margin-top: 0.5em;
			}
			
				div#page form div.message ul {
					background: #393939;
					margin-bottom: 0;
				}
			
				div#page form ul li {
				}
			
				div#page form p.hide {
					display: none;
				}
				
				div#page form p.show {
					display: block;
				}				
			
			div#page form input {
			}
			
			div#page form textarea {
				z-index: 0;
			}
			
			div#page form label {
				font-size: 1.1em;
				font-weight: bold;
			}
			
				div#page form label small {
					text-transform: uppercase;
				}
			
			div#page form input#name-first,
			div#page form input#name-initial,
			div#page form input#name-last {
			}
			
			#page .search-form {
				background-color: #333;
				padding: 2em;
				text-align: center;
				margin-bottom: 1em;
			}
			
				#page .search-form input.button {
					float: none;
					padding: 0;
					margin: 0;
					font-size: 1.5em;
					font-weight: bold;
					padding: 0.25em;
				}
				
				#page .search-form input.field {
					font-size: 1.7em;
					margin-top: 1px;
				}
			
			#page #comments-section {
				margin: 1em auto;
				width: 450px;
			}
			
				#page #comments-section .comment {
					padding: 1em;
					margin-bottom: 2px;
				}
			
				#page #comments-section .comment-single {
					background-color: #313131;
				}
				
				#page #comments-section .comment-single-alt {
					background-color: #393939;
				}
				
				#page #comments-section h4.comment-author {
					float: left;
				}
				
				#page #comments-section h5.comment-date {
					float: right;
					color: #666;
					font-size: 0.8em;
					text-transform: uppercase;
					font-weight: 100;
				}
				
				#page #comments-section h5.comment-author-location {
					clear: both;
					display: block;
					color: #666;
					font-weight: 100;
				}
				
				#page #comments-section p {
					clear: both;
				}
				
				#page #comment-form {
					text-align: right;
					width: 450px;
					margin: 0 auto;
				}
				
					input.name, input.email, input.location, input.url {
						width: 250px;
						padding: 3px;
						font-size: 1.5em;
					}
					
					#page #comment-form textarea {
						font-family: Verdana, Helvetica, sans-serif;
						font-size: 1.5em;
						padding: 3px;
					}
					
					input.submit {
						margin-bottom: 1em;
					}
					
					#page #comment-form p label {
						display: inline;
						float: none;
					}
					
					#page #comment-form p {
						text-align: right;
						font-size: 1.2em;
					}
					
						#page p#captcha img {
							position: relative;
							top: 1.5em;
						}
					
					#page #comment-form textarea {
						width: 450px;
					}
					
			#page .comment-policy {
				font-size: 1.1em;
				text-align: center;
				padding: 2px 0;
			}
			
				#page .lowercase {
					text-transform: lowercase;
				}
				
	#page pre.embed-code {
		margin-bottom: 2em;
	}
				
	div.group-leader, div.group-metro {
		background-color: #333;
		padding: 1em;
		float: left;
		width: 515px;
		margin-bottom: 1em;
	}
	
		div.group-leader img {
			float: left;
			margin-right: 1em;
		}
		
		#content div.group-metro img {
			float: right;
			margin-left: 1em;
			border: none;
			padding: 0;
		}
		
		div.group-leader-contact {
			float: left;
			width: 415px;
		}
		
		div.group-metro-info {
			float: left;
			width: 415px;
		}
		
		div.group-leader h3 span {
			color: #666;
		}

		div.group-leader p, div.group-metro p {
			margin-bottom: 0;
		}

		div.group-leader h3 span.fn {
			color: #FFF;
		}
		
		img.atlas-515 {
			display: block;
			margin-bottom: 1.5em;
		}
	
	#page #map {
		width: 513px;
		height: 120px;
		border: 0.5em solid #333;
		margin-bottom: 1em;
		clear: both;
	}
	
		#page #map h4 {
			color: #333;
		}
		
		#page ul.tabs {
			list-style-type: none;
			margin: 0;
		}
		
			#page ul.tabs li {
				float: right;
				display: block;
				text-align: center;
				margin: -1.6em 0 0 2px;
				padding: 0;
			}

				#page ul.tabs li a {
					background-color: #333;
					height: 1.4em;
					width: 5em;
					padding: 2px 4px;
					cursor: pointer;
				}
				
					#page ul.tabs li a.tab {
						margin-left: 2px;
					}
				
			#page .expanded {
				height: 360px !important
			}
		
	#page #invoice {
		background-color: #333;
		padding: 1em;
	}
	
		#page #invoice #inv-date {
			float: right;
			background-color: #303030;
			padding: 0.3em 1em;
			color: #888;
			width: 130px;
			text-align: right;
		}
		
		#page #invoice #inv-amount {
			float: right;
			clear: right;
			padding: 2em 1em;
			color: #999;
			background-color: #303030;
			width: 130px;
			text-align: center;
		}
			
			#page #invoice #inv-amount span {
				display: block;
				font-size: 2em;
				color: #FFF;
			}
	
div.user-message {
	padding: 5em 0;
}
	
	div.user-message ul {
		list-style-type: none;
	}
		
#media-info {
	padding: 1em;
}

	#lcm_video {
		background-color: #000000;
		text-align: center;
		display: block;
	}

#subnavRight {
	float: right;
	margin: 0 15px 0 0;
	padding: 30px 0;
	width: 170px; 
}

	#subnavRight a {
		color: #CCC;
	}
	
	#subnavRight a:hover {
		color: #FFF;
	}
	
	
	#subnavRight ul li {
		list-style: none;
		background: url(http://theaterchurch.com/images/site/icons/gif/li-arrow-orange.gif) no-repeat;
		background-position: 0 4px;
		padding-left: 16px;
	}

hr.clear {
	visibility: hidden;
	height: 175px;
	clear: both;
}
		
#footer {
	background: url(http://theaterchurch.com/images/site/footer-top.jpg) repeat-x;
	background-color: #454545;
	/*position: relative;*/
	color: #CCC;
	height: 176px;
/*	margin-top: -197px;*/
	clear: both;
}

	#footer #footerWrapper {
		background: url(http://theaterchurch.com/images/site/film-trans.png) no-repeat;
		background-position: 100px 0;
		width: 770px;
		margin: 0 auto;
		padding: 15px 0;
	}
	
	#footer h2, #footer dt {
		color:#999;
		text-transform: uppercase;
		font-weight: 100;
		margin-bottom: 0.4em;
		font-size: 1.5em;
	}
	
	#footer p {
		line-height: 1.3em;
		margin-bottom: 0.6em;
	}
	
	#footer a {
		font-weight: bold;
	}
	
		#footer span.add {
			color: #999;
			font-size: 0.9em;
		}
		
	#footer abbr {
		text-decoration: none;
		border: none;
	}
	
	#footer #sidebar {
		background: url(http://theaterchurch.com/images/site/footer-sidebar-trans.png) repeat;
		float: right;
		height: 154px;
		width: 237px;
		margin: -13px 0 0 -15px;
		padding: 1em;
	}
	
	#footer dl#sidebar a {
		color: #CCC;
		font-weight: normal;
	}
	
		#footer dl#sidebar dd {
			line-height: 2em;
			padding-left: 25px;
		}
		
			#footer dl#sidebar dd.feed {
				background: url(http://theaterchurch.com/images/site/icons/feed-trans.png) no-repeat;
				background-position: 0 4px;
			}
	
			#footer dl#sidebar dd.privacy {
				background: url(http://theaterchurch.com/images/site/icons/privacy-trans.png) no-repeat;
				background-position: 0 4px;
			}
	
			#footer dl#sidebar dd.accessibility {
				background: url(http://theaterchurch.com/images/site/icons/accessibility-trans.png) no-repeat;
				background-position: 0 4px;
			}
	
			#footer dl#sidebar dd.sitemap {
				background: url(http://theaterchurch.com/images/site/icons/sitemap-trans.png) no-repeat;
				background-position: 0 4px;
			}
	
			#footer dl#sidebar dd.help {
				background: url(http://theaterchurch.com/images/site/icons/help-trans.png) no-repeat;
				background-position: 0 4px;
			}
	
	#footer #base {
		background: url(http://theaterchurch.com/images/site/footer-base.jpg) repeat-x;
		background-color: #CF7E05;
		height: 20px;
		position: relative;
		top: -1px;
}	
		#footer #base p {
			position: relative;
			bottom: -5px;
			text-align: right;
			color: #9A5F05;
			font-size: 9px;
		}
		
																																																#footer #base p a {
																																																	color: #9A5F05;
																																																	text-decoration: none;
																																																	font-weight: normal;
																																																	/* to the land of secret site credits */
																																																}
																																																
#my_crumbs {
	margin:20px 0 10px 0;
}
																																																						.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */