@import url("menu.css");
@import url("reset.css");

/* CSS Document */
/* import stylesheets and hide from ie/mac \*/
/* end import/hide */
/*
Color Palette web
Ensemble Burgundy: Web: #98002E 
Ensemble Orange: Web: #F8981D 
Ensemble Yellow: #F5D130
Deep Blue:  Web: #005A84 
Medium Blue: Web: #569BBD 
Light Blue: Web: # C2E5E0 

../images/bg_blue_02.gif)

 */
/* ----- Structure and Layout ----- */
body {
	background: #080808 url(../images/bg_blue_03.jpg) repeat-x scroll left top;
	margin: 13px auto 10px;
	font: small/140% Verdana, Arial, Helvetica, sans-serif; }

body#popup {
	background-color:#000;
	width: 1100px;
	margin: 0 auto 0 auto;
	font: small/140% Verdana, Arial, Helvetica, sans-serif; }

* html body {
	font-size: x-small; /*for IE5?Win*/
	f\ont-size: small; /* for other IE versions*/ }

#wraper {
	background: #000;
	color: #666666;
	width: 750px;
 }

img { border: 0px; }

/*http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html*/
a[href $='.pdf' ] {
	padding-left: 20px;
	padding-top: 5px;
	background: transparent url(../images/icon_pdf.gif) no-repeat bottom left; }

/*
#header-div h1{
text-indent: -5000px;
	}
	
#header-div_02 h1{
text-indent: -5000px;
	}
	*/
	
	
	
#header-div {
	height: 150px; /* flash header*/
	margin: 0px auto;
	padding: 0px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 748px;
	background: #fff url(../images/header_logo_bg.gif) repeat-x left top; }

#header-div_02 {
	height: 150px; /*non flash header*/
	margin: 0px auto;
	padding: 0px;
	width: 748px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #fff url(../images/header_logo_bg.gif) repeat-x left top; }
	
#donner-banner {


}

#quote {
	height: 61px; /*non flash header*/
	margin: 0px auto;
	padding: 0px;
	width: 748px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color:#98002E; }

#top-div {
	height: 61px;
	margin: 0px auto;
	padding: 0px;
	width: 748px;
	background: #fff url(../images/logo_etc_top.jpg) no-repeat left top; }

#flash { float:right; }

#flashcontent {
	float:right;
	width: 525px; }

#events {
	width: 500px;
	margin: 0;
	padding: 0; }

	#events ul {
		margin: 0;
		padding: 0; }

	#events li {
		list-style: none;
		float:left;
		width: 250px;
		padding:0;
		margin:0; }

	#events h3 {
		margin : 0;
		padding: 0 0 .5em;
		font: 900 120% Verdana, Arial, Helvetica, sans-serif; }

		#events h3 img {
			display:block;
			padding:4px;
			border-top: 1px solid #ddd;
			border-right: 1px solid #BABABA;
			border-bottom: 1px solid #BABABA;
			border-left: 1px solid #ddd;
			margin-bottom: 5px; }

	#events p {
		margin: 0;
		padding: 0;
		width: 200px; }

#container {
	clear: both;
	width: 748px;
	line-height: 160%;
	color: #000;
	margin: 0px auto;
	background: #C2E5E0 url(../images/bg_2coll.gif) repeat-y left top; }

#container-2 {
	clear: both;
	line-height: 160%;
	width: 748px;
	color: #000;
	margin: 0px auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #C2E5E0 url(../images/bg_1coll.gif) repeat-y left top;
	padding: 10px 0px 5px 0px; }

#container-donate {
	line-height: 140%;
	width: 748px;
	color: #000;
	margin: 0px auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #ffffff; }

#left-content {
	float: left;
	width: 180px; }

.left-content {
	padding: 5px 5px 5px 10px;
	color: #C2E5E0; }

	.left-content p {
		margin: 0px 0px 5px;
		font-size: 85%;
		line-height: 140%; }

	.left-content strong { font-weight:bold; }

	.left-content h3 {
		text-transform: uppercase;
		color: #000066;
		font-size: 95%; }

	.left-content h4 {
		text-transform: uppercase;
		color: #990033;
		font-size: 95%; }

#right-content {
	z-index:888888;
	float: right;
	width: 565px; }

.right-content { padding: 10px 20px 5px 25px; }

.boarder {
	padding:4px;
	border:1px solid #ddd; }

.noborder {
	padding:20px;
	border:1px solid #000; }

/* ----- Navigation 

sucker fish @import

----------*/
/* Footer Nav*/
#footer-nav {
	background-color: transparent;
	padding: 0pt;
	margin: 5px 10px 10px  250px;
	border-top: 1px solid #ccc;
	width: 425px; }

	#footer-nav li {
		display: inline;
		list-style-type: none;
		margin-left: 5px; }

	#footer-nav ul {
		width: 425px;
		text-align: center;
		margin: 0px;
		padding-bottom: 5px;
		padding-top: 5px; }

	#footer-nav a {
		color: #666666;
		text-decoration: none;
		padding: 1px;
		font-size: 75%; }

		#footer-nav a:hover {
			background: transparent;
			color: #000000; }

	#footer-nav #current {
		background: transparent;
		color: #331A55; }

	#footer-nav p {
		margin: 10px 0px 0;
		padding: 0 0 0.8em;
		color: #333333;
		text-align: center;
		font: 80%/140% Arial, Helvetica, sans-serif; }

#sub-footer {
	clear: both;
	width: 748px;
	padding: 0px;
	margin:0; }

#footer {
	clear: both;
	width: 748px;
	padding: 0px;
	margin:0;
	height: 25px;
	background: url(../images/footer_gradenent.gif) repeat-x left top;
	border-bottom: 1px solid #000000; }

/*-----------------------Menu Tabs B--------------------------- */
#tabsB {
	float:left;
	width: 100%;
	height: 30px;
	background:#005a84 url(../images/tab-bg.jpg) repeat-x left bottom;
	font: 75%/normal Arial, Helvetica, sans-serif;
	padding:0;
	margin:0; }

	#tabsB ul {
		width: 500px;
		margin:0;
		padding:9px 10px 0 4px;
		list-style:none; }

	#tabsB li {
		display:inline;
		margin:0;
		padding:0; }

	#tabsB a {
		float:left;
		background:url("../images/tableftB.gif") no-repeat left top;
		margin:0;
		padding:0 4px 0 4px;
		text-decoration:none; }

		#tabsB a span {
			float:left;
			display:block;
			background:url("../images/tabrightB.gif") no-repeat right top;
			padding:5px 15px 4px 6px;
			color:#666; }

		#tabsB a:hover { background-position:0% -42px; }

			#tabsB a:hover span { background-position:100% -42px; }

			#tabsB a:hover span, #tabsB a:link#current span,  #tabsB a:visited#current span { color:#005a84; }

		#tabsB a:link#current, #tabsB a:visited#current {
			background-position:0% -42px;
			height:22px; }

		#tabsB a:link#current span, #tabsB a:visited#current span {
			background-position:100% -42px;
			height:12px; }

/*------ email form ------------------*/
#email fieldset h1 {
	font-size: 120%;
	color: #FFFFFF;
	text-transform: none;
	text-align: left;
	line-height: 120%;
	margin: 5px;
	font-weight: normal; }

#email p {
	margin: 5px;
	padding: 0;
	font: 11px/120% Arial, Helvetica, sans-serif;
	color: #000000; }

	#email p label {
		float: left;
		width: 30%; }

#email fieldset {
	border: 1px solid #331A55;
	background-color:#1877a4;
	padding: 3px;
	margin: 0px auto;
	width: 158px; }

#email {
	margin:6px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; }

.input-text {
	margin: 6px 0 6px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px; }

.input-submit {
	margin: 6px 0 6px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px; }

/*------Box ------------*/
#box {
	width: 159px;
	background: #EFEFEF;
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto; }

	#box h3 {
		margin: 0;
		padding: 6px 8px 4px 6px;
		font-size: 12px;
		color:#FFFF00;
		border-bottom: 1px solid #331A55;
		background: url(../images/box_h3_bg.gif) no-repeat top left;
		letter-spacing: .1em; }

	#box p {
		margin: 0;
		font-size: 10px;
		line-height: 120%; }

	#box ul {
		margin: 0;
		font-size: 10px;
		padding: 5px 10px 5px 10px;
		list-style: none; }

		#box ul li {
			margin: 0 0 0px;
			padding: 0 0 10px 10px;
			background: url(../images/arrow_blue.gif) no-repeat 0em 0.4em;
			line-height: 130%; }

.float-right {
	float: right;
	clear: both;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 5px; }

#right-content ol {
	font: italic bold large Georgia;
	color:#98002E;
	list-style: decimal;
	margin: 5px 5px 5px 50px; }

#right-content  ol p {
	font: small/160% Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-style:normal;
	color:#000; }

#right-content ol li { padding: 0 0 10px 0; }

#right-content #press ul {
	line-height: 140%;
	width: 450px;
	list-style: disc;
	margin: 0 0 0 25px; }

#right-content #press li {
	width: 450px;
	padding: 0 0 10px 0; }

/* ----- Typography ----- */
h1 {
	font: 140%/150% Tahoma, Verdana, sans-serif;
	font-weight:bold;
	color: #005A84;
	margin-bottom: 10px; }

h2 {
	font: bold normal 120%/150% Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	color: #98002E;
	margin-bottom: 10px; }

h3 {
	font: 100%/130% Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #F8981D ; }

/* ----- Small Calendar ----- */
#calendar-contaner p {
	font-size: 90%;
	color:#003399;
	text-transform: none;
	text-align: center;
	margin-bottom: 5px; }

#calendar-contaner h1 {
	font-size: 120%;
	color: #990000;
	text-transform: none;
	text-align: center;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 5px; }

#calendar-contaner {
	border: 2px solid #98002E ;
	background-color:#C2E5E0;
	padding:5px 0; }

#calendar {
	color: #000000;
	padding: 2px;
	text-align: center;
	width: 145px;
	font: 10px/140% Arial, Helvetica, sans-serif;
	margin: 0px auto; }

	#calendar table {
		padding: 2px;
		border-collapse: collapse;
		border: 0px;
		width: 145px; }

	#calendar caption {
		color: #005A84;
		font-family: Verdana, Arial, sans-serif;
		font-size: x-small;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .2em;
		margin-bottom: 3px; }

	#calendar th {
		text-align: center;
		font-weight: normal; }

	#calendar td {
		text-align: center;
		padding: 2px 1px; }

/* ----- popup div and popup nav ----- */
#popup-top {
	width: 1000px;
	margin: 0 auto 0 auto; }

#popup-wrapper {
	margin: 0 auto 0 auto;
	width: 1050px; }

#popup-nav {
	text-align: center;
	margin-top: 20px;
	height: 35px;
	color:#FFFFFF;
	font-weight:bold; }

	#popup-nav li {
		display: inline;
		list-style-type: none;
		padding-right: 20px; }

	#popup-nav ul {
		display: inline;
		width: 100%; }

	#popup-nav a {
		color: #CCCCCC;
		text-decoration: none;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		font: normal 90% Verdana, sans-serif; }

/* ----- Links ----- */
a:link { color: #98002E; }

a:visited { color: #98002E; }

a:hover {
	color: #000000;
	background-color: #569BBD ;
	text-decoration:none; }

a:active { color: #98002E; }

a:link.white-link { color: #fff; }

a:visited.white-link { color: #fff; }

a:hover.white-link {
	color: #000000;
	background-color: #569BBD ;
	text-decoration:none; }

a:active.white-link { color: #fff; }

#footer-menu {
	font-size: 75%;
	color: #666666;
	border-top: 1px solid #000000;
	width: 95%;
	text-align: center;
	padding: 0px;
	margin: 20px auto 0px; }

/* ----- Typography ----- */
#left-content h1 {
	font-size: 110%;
	color: #990000;
	text-transform: none;
	text-align: center;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 5px; }

strong {
	font-weight: bold;
	color: #333333; }

em { font-style: italic; }

.smaller {
	font-size: 80%;
	color: #666666;
	margin: 0px; }

.quote-author {
	font-size: 85%;
	font-style: italic;
	color: #666666;
	font-weight: normal; }

blockquote {
	background: url(../images/quote-image.gif) no-repeat left top;
	padding-left: 15px;
	font-size: 110%;
	color: #333333;
	margin: 10px 0px;
	font-weight: bold; }

	blockquote two {
		background: url(../images/quote-image.gif) no-repeat left top;
		font-family:Arial, Helvetica, sans-serif;
		padding-left: 15px;
		font-size: 100%;
		color:#999999;
		margin: 10px 0px;
		font-weight: bold; }

#blue-hr {
	border: none;
	color: #274677;
	height: 1px;
	width: 90%;
	background: #274677; }

p { margin: 0px 0px 10px; }

#design {
	color:#ccc;
	letter-spacing: .1em;
	margin: 5px 0px 0px 10px;
	font: 85% Arial, Helvetica, sans-serif; }

	#design a:link, #design a:visited, #design a:active { color: #ccc; }

.spacer { height: 2px; }

#spacer-bottom { height: 100px; }

.phototitle {
	text-align: center;
	width: 120px;
	margin: 0 3px 3px 3px;
	font: normal 10px/110% Arial, Helvetica, sans-serif;
	color: #999999; }

.photo img {
	display: inline;
	margin: 4px;
	border: 1px solid #A0ACC0; }

.yellow-background { background: #FFFFCC; }

.indent { padding-left: 20px; }

/*---- style for discriptons 09------*/
.indent-discription {
	padding-left: 25px;
	padding-bottom:20px;
	font-size: 100%;
	line-height: 180% }

/*---- Submission Form ------*/
#form {
	font-size: 85%;
	line-height: 110%; }

	#form p {
		margin:0 0 5px 0;
		padding:0; }

	#form select { font-size:90%; /* whatever default font size you want */ }

	#form legend {
		color:#000000;
		font-size:125%;
		text-transform: uppercase;
		font-weight: bold; }

	#form fieldset {
		margin-bottom: 30px;
		padding: 10px;
		border:1px solid #red; }

.float-left {
	float: right;
	padding:4px;
	border:1px solid #ddd;
	margin-left: 10px; }

.author-name {
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-transform: none; }

.box-office-white {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #F8981D;
	margin: 0;
	padding: 5px 0 0 5px;
	word-spacing: .1em; }

.float-right-boarder {
	margin: 4px;
	padding: 4px;
	float: right;
	border: 1px solid #005A84; }

/* ----------------------------------------------------------- photo captions*/
.picture {
	border: 1px solid #005A84;
	padding: 4px;
	font: 11px/1.4em Arial, sans-serif;
	text-align:center; }

	.picture img {
		border: 1px solid #CCCCCC;
		vertical-align:middle;
		margin-bottom: 3px; }

.right {
	margin: 0.5em 0pt 0.5em 0.8em;
	float:right; }

.left {
	margin: 0.5em 0.8em 0.5em 0;
	float:left; }

/*END captions*/
#form hr {
	color: #000;
	background-color: #000;
	height: 1px;
	margin: 15px 0 10px 0; }

.red-bold {
	font-weight: bold;
	color: #98002E; }
	
	.red-bold-lg {
	font-weight: bold;
	font-size: 120%;
	color: #98002E; }

.dark-blue-bold {
	font-weight: bold;
	color: #005A84;
	font-size: 110%; }

#subbox {
	width: 500px;
	border: 1px solid #005A84;
	padding: 10px;
	background-color:#FFFFFF;
	font-size:90%;
	margin: 0px; }

.tickets {
	width: 500px;
	border: 1px solid #005A84;
	padding: 10px;
	background-color:#FFFFFF;
	font-size:90%;
	margin: 0px; }

/* left top banner

.bug {
left: 0pt;
position:absolute;
top:0pt;
z-index:1010;
}
*/
/* front pages links*/
#links { margin-top: 5px; }

	#links ul {
		list-style-type: none;
		margin: 0;
		padding: 0; }

	#links li {
		border: 1px dotted #999;
		min-height: 90px;
		border-width: 1px 0;
		margin: 5px 0;
		width: 500px; }

		#links li a {
			color: #990000;
			display: block;
			font: bold 120% Arial, Helvetica, sans-serif;
			padding: 3px;
			text-decoration: none;
			width: 500px; }

* html #links li a { width: 500px; }

#links li a:hover {
	background: #DBF5F1 url(../images/links-arrows.gif) no-repeat 400px 10px;
	width: 500px; }

#links a .text {
	color: #333;
	display: block;
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
	line-height: 145%;
	width: 400px; }

#links a p {
	color: #005A84;
	font: normal 70% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0; }

#links img {
	padding:2px;
	border: 1px solid #005A84;
	float: right;
	margin-top: 0px; }

#links h2 {
	line-height:120%;
	margin: 0 0 5px 0;
	padding: 0;
	font-variant: normal;
	text-transform: none; }

/* end front pages links*/
.float-left {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px; }

.play-box {
	border:1px solid #005a84;
	padding: 20px 5px 0px 20px;
	margin:10px 0 10px 0; }

	.play-box h2 {
		padding: 0;
		margin: 10px 0 0 0; }

.play-box2 {
	border:1px solid #005a84;
	padding: 10px 5px 0px 20px;
	margin:10px 0 10px 0; }

	.play-box2 h2 {
		padding: 0;
		margin: 10px 0 0 0; }

#home-flash { z-index:888888; }

/* ---- Badge for front page-----*/
#bage {
	width: 750px;
	margin: 0 auto 0 auto;
	position:relative; }

	#bage a {
		float:right;
		padding: 0px;
		width: 95px;
		height: 92px;
		text-indent:-9999px;
		overflow:hidden;
		display:block;
		margin-right: 150px;
		background: url(../images/badge3.png) 0 0px no-repeat;
		position:absolute;
		right: 300px;
		top:-75px;
		z-index: 2; }

		/*#bage a:hover { background-position: 0 -92px; }*/
		
/* ---- page peel -----*/
img { behavior: url(iepngfix.htc) }
#pageflip {
	position: relative;
	right: 0; top: -12px;
	float: right; 
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background: url(../images/peel-subscribe.png) no-repeat right top;
}

/*  tooltip */
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

/*Easy <a class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>.*/
/*  misc */
div.right-box {
float: right;
width: 350px;
border:1px solid #000;
padding: 5px;
clear:left;
}

div.right-box p {
font-size:10px;
}

.clear {
clear:both;}

/*---- Events Icons-----*/




#event-icon {
width: 500px;
background: #faeaa1;
border:2px solid #98002E;
padding: 10px;

}


 #event-icon .img-left {
	float: left;
	margin: 0px 20px 20px 0px;
	-webkit-box-shadow: 1px 1px 3px #777;
-moz-box-shadow: 1px 1px 3px #777;
box-shadow: 1px 1px 3px #777;
}


#event-icon p {
color:#333333;
font-family:"Lucida Grande",Tahoma,sans-serif;
font-size:12px;
line-height:14px;
}