@charset "UTF-8";
/*=== === === === === === === === === === === === === === === === === === 
Beth Shero	
Created by Curious Minds Media 2010 March - www.curiousm.com
written for  - http://broadwayacrossamerica.com


colors
-------------------------
150102 - dark black
A31226 - bright red
500009 - dark red
C7E0EC - light blue
14395E - dark blue
D0AB22 - mustard yellow
662B10 - brown orange

=== === === === === === === === === === === === === === === === === === */

/* resets and overrides
=================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ol, ul {
	list-style: none;
}
/* links and type
=================*/
html {
	background-image:url(../images/bgCityFull.jpg);
	background-repeat:repeat-x;
	background-color: #150102;
}
body {
	color: #fff;
	font: 100% Helvetica, Arial, Verdana, sans-serif;
	padding: 0;
	margin: 0;
	/*background: url(../images/bgStar7.png) no-repeat center top;*/
	width: 100%;
	display: table;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
/*link for the header red linke*/
#banner a:link, a:active, a:visited, {
	color:#DBD332;/*yellow*/
	text-decoration:none;
}
#banner a:hover {
	color:#DBD332;/*yellow*/
	text-decoration:underline;
}
/*blue rounded content areas with white links*/
.roundContain a:link, a:active, a:visited {
	color:#FFF;
	text-decoration:none;
}
.roundContain a:hover {
	color:#fff;/*red*/
	text-decoration:underline;
}
p a:link, p a:active, p a:visited {
	text-decoration:none;
	color:#fff;

}
p a:hover {
	text-decoration:underline;
	color:#fff;

}
#mainContent a:link, #mainContent a:active {
 color:#0071BC;/*blue*/
 text-decoration:none;
}
#mainContent a:hover {
 color:#0071BC;
 /*text-decoration:underline;*/
}
#mainContent a:visited {
 color:#0071BC;
 text-decoration:none;
}
.roundContainYellow a:link, .roundContainYellow a:active{
	color:#14395E;
	text-decoration:underline;}
.roundContainYellow a:hover, .roundContainYellow a:visited{
	color:#14395E;
	text-decoration:none;}
.roundContainBlue a:link, .roundContainBlue a:visited {
	color:#C7E0EC;/*lite blue*/
	text-decoration:underline;
}
.roundContainBlue a:hover, .roundContainBlue a:active {
	color:#C7E0EC;/*lite blue*/
	text-decoration:none;
}
.roundContainCyan p {
	color: #000
}
.roundContainCyan a:link, .roundContainCyan a:visited {
	color: #a31226;/*bright red*/
	text-decoration:underline;
}
.roundContainCyan a:hover, .roundContainCyan a:active {
	color: #a31226;/*bright red*/
	text-decoration:none;
}
/*light blue title for the login panel*/
p {
	color:#fff;
	font-size:16px;
	text-align: left;
}
p .special{
	color: #C00;
	font-size: 10px;
	font-weight: bold;
}

.announceImg {
	vertical-align: middle;
}
p.content{
	color:#000;
	font-size:13px;
	padding:0 0 15px 0;
}
.content p{
	color: #1D476F;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 0px;
}
.content strong{
	color: #A31226;
	font-size: 21px;
	font-weight: bold;
	padding: 0px 0px 12px;
}
p.faq{
	color:#1D476F;
	font-size:14px;
	font-weight:bold;
	margin: 10px 0 0 0;
}
strong.faq	{
	color:#A31226;/*red*/
	font-size:21px;
	font-weight:bold;
	padding: 26px 0px 36px 0;
	margin-bottom:20px;
}


/*dark blue title*/
h1 {
	color:#14395E;/*blue*/
	font-size:40px;
	font-weight:bold;
	padding: 10px 0 18px 0;
}
/*light blue on the maroon box*/
h2 {
	color:#C7E0EC;/*lite blue*/
	font-size:18px;
	font-weight:bold;
	padding:0 0 5px 0;
}
h2.faq {
	color:#333;/*lite blue*/
	font-size:24px;
	font-weight:bold;
	padding:0 0 15px 0;
	text-align:center;
}
/*red title on the shows*/
h3 {
	color:#A31226;/*red*/
	font-size:21px;
	font-weight:bold;
	padding: 0px 0 12px 0;
}
/*date on the shows*/
h4 {
	color:#1D476F;
	font-size:14px;
	font-weight:bold;
	margin: 10px 0 0 0;
}
/*location on the shows*/
h4.location {
	color:#0071BC;
	font-size:11px;
	font-weight:bold;
	margin: 5px 0 5px 0;
}
/*eclub title*/
h5 {
	color:#14395E;
	font-size:18px;
	font-weight:bold;
	padding:0px 0 10px 0;
}
/*news title*/
h6 {
	color:#F1F187;
	font-size:18px;
	font-weight:bold;
	padding:0px 0 10px 0;
}
/*wicked green box title*/
.roundGreen h6 {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0 10px 0;
	text-align: center;
}
/*cyan box title*/
.roundCyan h6 {
	color: #a31226;
	font-size: 18px;
	font-weight: bold;
	padding: 0px 0 10px 0;
}
/* layout
=================*/
#container {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 905px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
}
#container2{
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 905px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */}
/*header top with logo and advertisment space*/	
#header {
	/*border:1px solid #6F3;*//*green*/
height:170px;
*height:130px;
/**height:118px;*/
}
#headerLf {
	float:left;
	/*border:1px solid #30F;*//*blue*/
	margin:12px 0 0 0;
	width:426px;
}
#headerRt {
	/*border:1px solid #6C3;*//*green*/
	/*height:160px;*/
	margin:0 0 0 430px;
	padding:0;
}
/*Join eclub*/
#headerJoin {
	/*border:1px solid #CF3;*//*lite green*/
	height:24px;
	padding:12px 0 0 0;
}
#bannerFull{
	text-align: left; 
	background-image:url(../images/bgCityBanner.jpg);
	background-repeat:repeat-x;
	background-color:#cbdfea;
	border-bottom:2px solid #216894;/*blue*/}
/*banner with login and group sales information*/	
#banner {
	margin:0 auto;
width: 905px; 
	/*border:1px solid #900;*//*red*/
	padding:10px 18px;
	/*height:165px;
*/}
#bannerLf {
	/*border:1px solid #30F;*//*blue*/
	/*height:125px;*/
	/*margin:0 500px 5px 0;*/
	float:left;
	width:405px;
	margin:0 0 5px 0;
	padding:0;

/*	clear:left;*/
	
}
#bannerRt {
	/*border:1px solid #6C3;*//*green*/
	/*float:right;*/
	/*margin:0 0 5px 0;*/
	margin: 0 0px 0 412px;
	padding:0;
/*	width:492px;*/
	/*height:125px;*/
	/*clear:right;*/
}
#btnsContain {
	/*float:right;*/
	height:32px;
	width:900px;
	clear:both;
/*border:1px solid #C7E0EC;*//*blue*/}
/*button links to other pages*/
.btns {
	float:left;
/*	width:130px;*/
	/*border:1px solid #900;*//*red*/
	padding:0 8px 0 0;/**padding:0;
	*margin:0;*/}
#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 290px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*	padding: 15px 10px;*/
margin:5px 0 0 0;
}
#mainContent {
	width:583px;
	margin: 5px 295px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
}
.showsContain {
	height:305px;
	border-top:1px solid #C7E0EC;
	padding: 10px 0 0 0;
}
.shows {
	float:left;
	width:130px;
	padding: 0 15px 0 0;
/*border:1px solid #C06;*//*pink*/}
.showsLast {
	float:left;
	width:126px;
	padding: 0;
/*border:1px solid #C06;*//*pink*/}
.shows a, .showsLast a {
	border:1px solid #Fff;
	}
span a:link, span a:visited, span a:hover, span a:active{
	text-decoration:none;
	border:none;
}
div.tip a span {display: none;}
a.tip {
	position: relative;
	text-decoration:none;
	
}

a.tip span {
	text-decoration:none;
	display: none;
	position: absolute;
	top: 15px;
	left: -10px;
	width: 150px;
	padding: 10px;
	z-index: 100;
	background-color: #A31226;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#14395E), to(#150102));
	background: -moz-linear-gradient(top,  #14395E,  #150102);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#14395E', endColorstr='#150102');*/
	background: -webkit-gradient(linear, left top, left bottom, from(#A31226E), to(#500009));
	background: -moz-linear-gradient(top,  #A31226,  #500009);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A31226', endColorstr='#500009');
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2)
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2)*/
	border:1px solid #500009;
	line-height:21px;

}

a:hover.tip {
	font-size: 99%; /* this is just for IE */
		text-decoration:none;
}

a:hover.tip span {
	display: block;
		text-decoration:none;
		border:none;
}
#footer {
	margin: 35px 0 0px 0px;
	padding:0 0 40px 0;
	background-image:url(../images/footerBg.jpg);
	background-repeat:repeat-x;
}
/* navigation
=================*/
#mainNav ul {
	color: #fff;
	float: left;
	margin-left: 0;
	padding-left: 0;
	width:905px;
}
#mainNav ul li {
	display: inline;
}
#mainNav ul li a {
	color: #fff;
	border-left: 1px solid #150102;
	float: left;
	height:25px;
	padding: 12px 30px 0px 30px;
	text-decoration: none;
}
#mainNav ul li a:hover {
	background-color: #BE7A24;/*orange*/
	background-image:url(../images/navHover.jpg);
	background-repeat:repeat-x;
	color: #fff;
}
#mainNav .selected {
	background-color: #BE7A24;/*orange*/
	background-image:url(../images/navHover.jpg);
	background-repeat:repeat-x;
	color: #fff;
}
#sponsors {
	width: 583px;
	clear: left;
}
/*footer navigation*/
#footerNav {
 *border:1px solid #6f0a17;/*red*/
	/*height: 50px;*/
/*	background:#00FF00; */
	padding: 20px 10px 0 20px;
	margin: 0 0 0 0;
	text-align:center;
}
#footerNav ul {
	padding: 0;
}
#footerNav ul li {
	display: inline;
}
#footerNav ul {
	margin: 0;
	padding: 0;
	color: #fff;
}
#footerNav ul li a {
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-size:14px;
	margin:5px 0 0 0;
	padding: 0 10px;
}
#footerNav ul li a:hover {
	text-decoration:underline;
	color: #fff;
}
#footerNav ul li a.last {
	border-right: none;
	font-size:14px;
	margin:5px 0 0 0;
	padding: 0 0 0 10px;
}
/* rounded corners styles
=================*/
/*rounded corners login*/
.roundContainTxt {
	/*border:1px solid #00F;*//*blue*/
	margin:5px 0 8px 0;
	width:492px;
}
.roundTxtT {
	background-image:url(../images/roundTxtT.png);
	background-repeat:no-repeat;
	/*border:1px solid #6C0;*//*green*/
	height:5px;
}
.roundTxt {
	background-image:url(../images/roundTxt.jpg);
	background-repeat:repeat-x;
	background-color:#500009;
	border-right:1px solid #140102;
	border-left:1px solid #140102;
	padding:5px 15px;
	/*border:1px solid #F00;*//*red*/
}
.facebook{
	/*border:1px solid #9F0;*//*green*/
	position:relative;
	top:0;
	left:0;
	z-index:100;}	
.roundTxtB {
	background-image:url(../images/roundTxtB.png);
	background-repeat:no-repeat;
	/*border:1px solid #60F;*//*purple*/
	height:5px;
}
/*rounded corners full width*/
.roundContain {
	/*border:1px solid #00F;*//*blue*/
	margin:0 0 8px 0;
}
.roundT {
	background-image:url(../images/roundT.jpg);
	background-repeat:no-repeat;
	height:5px;
}
.round {
	background-image:url(../images/round.jpg);
	background-repeat:repeat-x;
	background-color:#143a5f;
	border-left:1px solid #236798;/*blue*/
	border-right:1px solid #236798;/*blue*/
	padding: 5px 10px;
}
.roundB {
	background-image:url(../images/roundB.jpg);
	background-repeat:no-repeat;
	height:5px;
}
.roundContentContain {
	margin:12px 0 0 0;
/*border:1px solid #0F0;*//*green*/}
.roundContentT {
	background-image:url(../images/mainContentBgT.png);
	background-repeat:no-repeat;
	height:20px;
}
.roundContent {
	/*background-image:url(../images/mainContentBg.jpg);
	background-repeat:repeat-y;*/
	background-color:#fff;
	border-left:1px solid #a31124;/*blue*/
	border-right:1px solid #a31124;/*blue*/
	padding: 5px 10px;
}
.roundContentB {
	background-image:url(../images/mainContentBgB.png);
	background-repeat:no-repeat;
	height:10px;
}
.roundSocialContain {
	margin:12px 0 0 0;
	float: left;
	/*border:1px solid #0F0;*//*green*/}
.roundSocialT {
	background-image:url(../images/roundSocialT.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundSocial {
	/*background-image:url(../images/mainContentBg.jpg);
	background-repeat:repeat-y;*/
	background-color:#fff;
	border-left:1px solid #a31124;/*blue*/
	border-right:1px solid #a31124;/*blue*/
	padding: 5px 5px;
	width: 288px;
}
.roundSocialB {
	background-image:url(../images/roundSocialB.png);
	background-repeat:no-repeat;
	height:5px;
}
.twitterContain {
	margin: 12px 0 0 310px;
	width: 270px;
	}
.roundContainYellow {
	margin:10px 0;
	width:288px;
/*border:1px solid #0F0;*//*green*/}
.roundYellowT {
	background-image:url(../images//roundYellowT.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundYellow {
	background-image:url(../images/roundYellow.jpg);
	background-repeat:repeat-x;
	background-color:#d3af25;
	border-left:1px solid #efef84;/*blue*/
	border-right:1px solid #efef84;/*blue*/
	padding: 5px 10px;
}
.roundYellowB {
	background-image:url(../images/roundYellowB.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundContainBlue {
	margin:10px 0;
	width:288px;
/*border:1px solid #0F0;*//*green*/}
.roundBlueT {
	background-image:url(../images//roundBlueT.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundBlue {
	background-image:url(../images/roundBlue.jpg);
	background-repeat:repeat-x;
	background-color:#153b60;
	border-left:1px solid #226797;/*blue*/
	border-right:1px solid #226797;/*blue*/
	padding: 5px 10px;
}
.roundBlueB {
	background-image:url(../images/roundBlueB.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundContainCyan {
	margin:10px 0;
	width:288px;
/*border:1px solid #0F0;*//*green*/}
.roundCyanT {
	background-image:url(../images//roundCyanT.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundCyan {
	background-image:url(../images/roundCyan.jpg);
	background-repeat:repeat-x;
	background-color:#C7E0EC;
	border-left:1px solid #fbfcfe;/*cyan*/
	border-right:1px solid #fbfcfe;/*cyan*/
	padding: 5px 10px;
}
.roundCyanB {
	background-image:url(../images/roundCyanB.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundContainOrange {
	margin:10px 0;
	width:288px;
/*border:1px solid #0F0;*//*green*/}
.roundOrangeT {
	background-image:url(../images//roundOrangeT.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundOrange {
	background-image:url(../images/roundOrange.jpg);
	background-repeat:repeat-x;
	background-color:#6c2e11;
	border-left:1px solid #bd7923;/*blue*/
	border-right:1px solid #bd7923;/*blue*/
	padding: 5px 10px;
}
.roundOrangeB {
	background-image:url(../images/roundOrangeB.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundContainPurple {
	margin:10px 0;
	width:288px;
/*border:1px solid #0F0;*//*green*/}
.roundPurpleT {
	background-image:url(../images//roundPurpleT.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundPurple {
	background-image:url(../images/roundPurple.jpg);
	background-repeat:repeat-x;
	background-color:#50107b;
	border-left:1px solid #b461f5;/*purple*/
	border-right:1px solid #b461f5;/*purple*/
	padding: 5px 10px;
}
.roundPurpleB {
	background-image:url(../images/roundPurpleB.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundContainGreen {
	margin:10px 0;
	width:288px;
/*border:1px solid #0F0;*//*green*/}
.roundGreenT {
	background-image:url(../images//roundGreenT.png);
	background-repeat:no-repeat;
	height:5px;
}
.roundGreen {
	background-image:url(../images/roundGreen.jpg);
	background-repeat:repeat-x;
	background-color:#55a51a; /*green*/
	border-left:1px solid #8ed400;/*wicked green*/
	border-right:1px solid #8ed400;/*wicked green*/
	padding: 5px 10px;
}
.roundGreenB {
	background-image:url(../images/roundGreenB.png);
	background-repeat:no-repeat;
	height:5px;
}
/* advertisments
=================*/
/*466x95 banner ad top right*/
.ad466 {
	margin: 12px 0 0 0;
}
/*full width banner placement container*/
.ad230Contain {
	margin:10px 0 8px 0;
}
/*full width banner placement container*/
.ad230 {
	padding:0 90px 0 0;/*border:1px solid #3F0;*//*green*/
}
/*left with three column layout ads*/
.ad230Lf{
	width:230px;
	float:left;
	padding:0 90px 0 0;}
	/*left with three column layout ads*/
.ad230Mid{
	width:230px;
	float: left;
	padding:0 90px 0 0;}
/*full width banner placement container*/
.ad230Last {
	padding:0 0px 0 0;/*border:1px solid #900;*//*red*/
}
/*three ads in a row*/
.ad294 {
	margin:15px 0 8px 0;
}
/*middle add with three adds in a row*/
.ad294M {
	margin:0 0 0 5px;
}
/* form items
=================*/
/*input for the login*/
input.txtLogin {
	height:23px;
	font-size:14px;
	margin: 0 0 8px 0;
	padding: 5px 5px 0 5px;
	width:250px;
}
/*button for the login*/
input.yellowBtn {
	color:#500009;
	cursor:pointer;
	background-image:url(../images/yellowBtn.jpg);
	background-repeat:repeat-x;
	border:1px solid #D0AB22;/*yellow*/
	font-size:15px;
	float:right;
	height:32px;
	margin: 0;
	padding:0 30px 2px 30px;
}
input.yellowBtn:hover {
	color:#500009;
	cursor:pointer;
	background-image:url(../images/yellowBtnHover.jpg);
	background-repeat:repeat-x;
	border:1px solid #F1F187;/*yellow*/
	font-size:15px;
	float:right;
	height:32px;
	margin: 0;
	padding:0 30px 2px 30px;
}
/*input for the email*/
input.txtEmail {
	height:23px;
	font-size:14px;
	margin: 0 0 8px 0;
	padding: 5px 5px 0 5px;
	width:225px;
}
/*button for the email*/
input.orangeBtn {
	color:#fff;
	cursor:pointer;
	background-image:url(../images/orangeBtn.jpg);
	background-repeat:repeat-x;
	border:1px solid #934319;/*orange*/
	font-size:15px;
	float:right;
	height:32px;
	margin: 0;
	padding:0 30px 2px 30px;
}
/*button for the email*/
input.orangeBtn:hover {
	color:#fff;
	cursor:pointer;
	background-image:url(../images/orangeBtnHover.jpg);
	background-repeat:repeat-x;
	border:1px solid #BE7A24;/*orange*/
	font-size:15px;
	float:right;
	height:32px;
	margin: 0;
	padding:0 30px 2px 30px;
}
/* misc
=================*/
.scroll {
	height:310px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding: 0 10px 0 0;
	margin: 0 -5px 0 0;
}
.scroll img {
	padding: 0 2px 5px 0;}
	
table {
	border-top:1px solid #C7E0EC;
	padding: 0 0 30px 0;
}

table td{
	border-bottom:1px solid #C7E0EC;
	width:120px;
	padding: 0 15px 10px 5px;
}
/*icons*/
.shows img {
	padding:0 4px 0 0;
}
.showsLast img {
	padding:0 3px 0 0;
}
/*list style*/
#mainContent ul {
	color:#150102;/*black*/
	font-size:18px;
	list-style:disc;
	margin: 0 0 0 20px;
}
/*list style*/
#mainContent li {
	padding:0 0 10px 0;
}
/*sponsor logos repeated*/
.sponsor {
	/*float:left;*/
	margin: 0 0 10px 15px;/*width:94px;*/
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
hr {
	border:1px solid #236798;
}
.roundCyan img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}