/* 
  -----------------------------------
  CompanyName Style Sheet
  by Echo Web Services
  www.echowebservices.com
  -----------------------------------
Color Scheme
RED b31b34
*/
body, div {margin:0;padding:0;}
body {
	background: #000 url(../img/theme/background.gif) repeat-x fixed left bottom;
	font-family: "Trebuchet MS", Arial, sans-serif;}
#container{
	width:798px; 
	margin:10px auto;
	padding:0;
	position:relative;
	}
#header{
	margin-bottom:10px;
	padding-top:55px;
	padding-left:20px;
	position:relative;
	z-index:10000;}
#header h1 {
	background: url(../img/theme/logobackground.gif) 0 0 no-repeat;
	height:81px;
	width:591px;
	position:absolute;
	z-index:1;
	top:0;
	left:-30px;
	margin:0;}
#header h1 span {visibility:hidden;}	
/* Put menu 'over' the logo - The nav must be positioned in order to use the z-index attribute.*/
#p7PMnav {
	position:absolute;
	z-index:2000;}
#p7PMnav li.donateNow {
	margin-left:8px;}
#p7PMnav li.donateNow a{
	color:#000;	
	background:#fff;}

#main{
	background:#fff url(../img/theme/innerbackground.gif) repeat-y center top;
	margin:0;padding:0;
	border:1px solid #000;
	position:relative;
	margin-top:30px;}
#mainContent{
	background: url(../img/theme/windows.gif) no-repeat fixed center 140px;
	margin:0;padding:0;
	z-index:10;
	position:relative;}
#mainContent p, #mainContent table, #mainContent form, #mainContent #pressImg ,#mainContent #mural {margin:10px 20px;}
h1 {font-size:125%;}
h1,h2,h3,h4,h5,h6 {	
	margin-left:20px;
	margin-right:20px;}	
#footer{}
#footerContent{
	text-align:center;
	font-size:80%;}
#footerImage {}
#pageFooter{
	/*padding:7px;
	margin-top:5px;
	border:1px solid black;
	background-color:#fff;*/}
#pageFooterContent{
	position:relative;
	color:#666666;
	font-size:80%;
/*	border:2px solid #000;
	padding:3px;*/}
#pageFooterContent .copyright{ 
	position:absolute;
	top:0;
	right:0}	
.clearing{clear:both;}
img{border:none;}

a,a:link,a:visited, a:hover {
	text-decoration:none;
	color:#b31b34;}
a:hover {text-decoration:underline;}
a.elusiveLink {color:#000;}
img.icon {margin:15px;margin-top:3px;}
.tinytext {font-size:80%;}
#pageFooterContent a, #pageFooterContent a:link, #pageFooterContent a:visited, #pageFooterContent a:hover {
	color:#575757;}

/* Footer Navigation */
#footerNav {
	margin:0;
	padding:0;
	text-align:center;}

#footerNav ul {
	margin:0;
	padding:0;}
#footerNav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display:inline;}
#footerNav a {
	text-decoration: none;
	padding: 0px 10px;
	color: #000;
	line-height:1;
	margin:0;}
#footerNav a:hover, #footerNav a:active, #footerNav a:focus {
	color: #ccc;
	letter-spacing: .01px;
	text-decoration:underline;}
a.comingAttractions {	font-weight:700;}
.imgWCaption, .imgWCaptionLeft {
	float:right;
	margin:.5em;
	z-index:2000;}
.imgWCaptionLeft {float:left;}
.imgWCaption p, .imgWCaptionLeft p {
	text-align:center;
	margin:.5em;
	font-size:80%;}	
#pressImg {
	float:right;
	width:475px;}
#pressImg img {clear:both;}
#pressImg p {
	font-size:75%;
	font-weight:bold;}

#pledges {
	float:right;
	margin-right:2em;
	width:300px;
	border:1px solid #000;}
.donate {	
	width:90%;
	border:1px solid #000;
	margin:1em auto;	}
#xdonateContribute{background: transparent url(/img/contribute.gif) no-repeat top right}
#xdonateVolunteer{	background: transparent url(/img/volunteer.gif) no-repeat top right;}
#xdonateMaterials{background: transparent url(/img/materials.gif) no-repeat top right}
/* ===========================  Lightbox =================== */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../css/img/overlay.png); }
* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../css/img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}
#press .title{
	text-decoration:underline;
	font-style:italic;}
.comingAttraction {
	border:1px solid #b31b34;
	width:85%;
	margin:auto;}
.comingAttraction .dateTime, .comingAttraction .actors, .comingAttraction .costars {
	font-size:80%;}	
.comingAttraction .dateTime {font-weight:bold;}	
.comingAttraction .actors {}
.comingAttraction .title {
	font-stretch:expanded;
	text-transform:uppercase;
	font-weight:bold;
	font-size:x-large;}
.comingAttraction .costars {}
.rightpad {padding-right:200px;}
.leftpad {padding-left:200px;}

#mural div {
	width:30px;
	height:30px;
	vertical-align:middle;
	text-align:center;
	float:left;
	color:#999999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	font-size:80%}
#mural div.first {clear:left;border-left:1px solid #999;}
#mural div.firstRow {border-top:1px solid #999;}

#topBanner {
display: block;
position: fixed;
top: 0px;
right:0;;
width: 100px;
height: 100px;
z-index: 999;
text-align: center;
}
#topBanner img {
margin: 0 auto;
border: none;
}