/* CSS Document */

body{
	background: url('../images/layout/bg.jpg');
	color: black;
	font-weight: 14px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

.linkImage{
	border: 0px;
}

#containerBox{
	position: absolute;
	width: 100%;
	height: 328px;
	top: 0px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	/*background*/
}

#containerBox2{
	width: 694px;
	position: relative;
	margin: 0 auto;
	top: 0px;
	/*padding: 8px;*/
	background-color: white;
	border: 8px solid #D1BA8B;
	border-top: 0px;
	/*background*/
}

#container{
	padding: 0px;
	top: 0px;
	/*background*/
}

.headerTop	{
	height: 71px;
	width: 751px;
	position: relative;
	top: 0px;
	left: 29px;
}

#headerSpacer{
	position: relative;
	width: 100%;
	height: 180px;
}

#floatContainer{
	position: absolute;
	top: 0px;
	left: -27px;
	width: 713px;
	background-color: #FFFFFF;
	/*padding: 5px;*/
	border: 8px solid #D1BA8B;
	border-bottom: 0px;
	border-top: 0px;
}

#calmtVertLogo{
	background: url('../images/layout/vertLogo.jpg');
	position: absolute;
	top: 5px;
	left: -25px;
	width: 13px;
	height: 197px;
}
	

#headerImages	{
	width: 100%;
	height: 160px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color:#000000;
}

#headerImage{
	background: url('../images/layout/headerImageA.jpg');
	position: absolute;
	top: 0px;
	left: 321px;
	width: 392px;
	height: 160px;
}

#buyTickets{
	position:relative;
	width: 174px;
	height: 80px;
	list-style: none;
	margin-right: 0px;
}

#buyTickets a{
	/*padding-top: 80px;
	overflow: hidden;
	display:block;
	height: 0px;*/
}

#navMenu	{
	height:25px;
	width: 100%;
	position: relative;
	top: 0px;
	left:0px;
	
}

#navMenu ul	{
	margin:0px;
	padding:0px;
}

#navMenu li	{
	float:left;
	padding:0px;
	margin:0px;
	list-style: none;
	background-repeat: no-repeat;
	background-color: #CCCCCC;
/*	border: 1px solid black;*/
}

#navMenu a {display:block; height:0; padding-top:25px; color:#000; overflow:hidden;}

#navMenu li.nav0	{width:67px; padding-right:0px;}
#navMenu li.nav1	{width:69px; padding-right:0px;}
#navMenu li.nav2	{width:81px; padding-right:0px;}
#navMenu li.nav3	{width:116px; padding-right:0px;}
#navMenu li.nav4	{width:193px; padding-right:0px;}
#navMenu li.nav5	{width:77px; padding-right:0px;}
#navMenu li.nav6	{width:110px; }

#navMenu a#navName0	{background: url('../images/layout/nav/home.jpg') no-repeat;}
#navMenu a#navName1	{background: url('../images/layout/nav/shows.jpg') no-repeat;}
#navMenu a#navName2	{background: url('../images/layout/nav/theaters.jpg') no-repeat;}
#navMenu a#navName3	{background: url('../images/layout/nav/musicCircus.jpg') no-repeat;}
#navMenu a#navName4	{background: url('../images/layout/nav/broadway.jpg') no-repeat;}
#navMenu a#navName5	{background: url('../images/layout/nav/about.jpg') no-repeat;}
#navMenu a#navName6	{background: url('../images/layout/nav/outreach.jpg') no-repeat;}

/*#navMenu a#navName1:hover	{background: url(/images/nav/ticketsOver.gif);}
#navMenu a#navName2:hover	{background: url(/images/nav/playsOver.gif);}
#navMenu a#navName3:hover	{background: url(/images/nav/specialEventsOver.gif);}
#navMenu a#navName4:hover	{background: url(/images/nav/educationOver.gif);}
#navMenu a#navName5:hover	{background: url(/images/nav/supportSTCOver.gif);}
#navMenu a#navName6:hover	{background: url(/images/nav/aboutSTCOver.gif);}*/

#subNav{
	list-style:url('../images/layout/subNavBullet.jpg');
	color: white;
	font-size: 9px;
	margin-left: 0px;
	width: 192px;
	margin: 0px;
	padding: 0px;
}

.subNavItem{
	background-color: #A53001;
	border: 1px solid #976701;
	margin: 0px;
	padding: 0px;
	width: 100%;
	margin-top: 1px;
	line-height: 15px;
	margin-left: 0px;
	padding-left: 0px;
	
}

.subNavItem p{
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
}

.bullet{
	position: absolute;
	margin: 0px;
	left: 1px;
}
	

#subNav a{
	padding-left: 0px;
	margin-left: 0px;
	color: white;
	text-decoration: none;
}

#subNav li{
	background-color: #A53001;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-top: 1px;
	border: 1px solid #976701;
	height: 15px;
	line-height: 0;
}

#contentArea	{
	padding-top: 5px;
}

#contentArea ul{
	margin: 0px;
	padding: 0px;
}

#leftContentList{
	position: relative;
	width: 196px;
}

#rightContentList{
	position: relative;
	width: 400px;
}

#contentArea .leftColumn	{
	position: relative;
	left: 0px;
	width: 196px;
	float: left;
	margin: 0px;
	list-style: none;
	padding: 0px;
	padding-top: 0px;
	background-color: #0C316D;
}

#contentArea .rightColumn	{
	width: 497px;
	margin: 0px;
	list-style: none;
	padding: 0px;
	/*padding-left: 9px;*/
}

#leftColumnTd{
	padding: 0px;
	background-color: #0C316D;
}

#leftColumn ul{
	margin: 0px;
	padding: 0px;
}

#rightColumnTd{
	background-color: #F7F0D8;
	width: 500px;
}

#bump{
	background: url('../images/layout/bump.jpg');
	position: absolute;
	left: -27px;
	width: 28px;
	height: 56px;
}

.leftImage {
	border: 0;
	/*margin-left: 10px;*/
}

#mainContentArea{
	/*border: 1px solid black;*/
	padding: 15px;
	color: black;
	font-size: 11px;
}

#mainContentArea a{
	color: #5D1C00;
	text-decoration: none;
}

#mainContentArea a:hover{
	text-decoration: underline;
}

#mainContentArea ul{
	margin-left: 3em;
	list-style: url('../images/layout/bullet.jpg');
}

.ttlContent{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #551231;
	letter-spacing: .1em;
}

.leftColumnContent	{
	width: 100%;
}

.leftContent	{
	padding: 12px;
	padding-left: 10px;
	color: white;
	font-size: 10px;
}

#searchBox{
	background-color: #551231;
	border-bottom: 1px solid white;
	border-right: 1px solid #551231;
	padding-bottom: 14px;
	
}

#searchBoxSub{
	background-color: #551231;
	padding-bottom: 14px;
}

#subNavBox{
	background-color: #551231;
	border-bottom: 1px solid white;
	border-top: 1px solid #551231;
	padding-left: 0px;
	padding-right: 2px;
	padding-bottom: 14px;
}

#buyTicketsBox{
	background-color: #900303;
	border-bottom: 1px solid white;
	padding-right: 0px;
	/*width: 100%;*/
}

#donateNowBox{
	background-color: #E69D00;
	border-bottom: 1px solid white;
}

#joinListBox{
	background-color: #447A13;
	border-bottom: 1px solid white;
}

#photoGalleryBox{
	background-color: #0C316D;
}

#artistDatabaseBox{
	background-color: #0C316D;
}

.searchInput{
	height: 15px;
	border: 1px solid #8F8B87;
	background-color: #FDF9EF;
}

.searchSubmit{
	height: 20px;
	border: 1px solid #8F8B87;
	background-color: #FDF9EF;
}

#sponsorAreaTD{
	background-color: #000000;
	text-align: center;
}

#sponsorArea{
	background-color:#000000;
	width: 100%;
	height: 100%;
	border-top: 1px solid white;
	padding: 0px;
	padding-top: 50px;
}

#sponsorsImage{
	border: 0px;
	margin-top: 30px;
	margin-left: 0;
}

.sponsorImage{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.sponsor{
	position: relative;
	float: left;
	height: 100px;
	margin: 10px;
	text-align: center;
}

#dgLogo{
	background:url('../images/layout/bg.jpg');
	position: absolute;
	left: 430px;
	width: 272px;
	height: 43px;
	background-color:#333333;
	margin: 0px;
	margin-top: -18px;
	padding: 0px;
}

#footerBox	{
	width: 500px;
	position: relative;
	left: -100px;
	margin: 0 auto;
	padding-bottom:20px;
	color: white;
	font-size: 10px;
	word-spacing: 15px;
	line-height: 1em;
	margin-top: 10px;
}

#footerBox p{
	margin: 15px 0px;
}

#footerBox a{
	color: white;
	text-decoration:none;
}

#footerBox a:hover{
	text-decoration: underline;
}

.normal{
	word-spacing: normal;
}

/* popup styles */

#emailFormArea{
	background-color: #F7F0D8;
	text-align: center;
	margin: 20px;
	border: 8px solid #D1BA8B;
	color: black;
	font-size: 11px;
}

#emailFormArea .sTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #551231;
	letter-spacing: .1em;
	padding: 10px;
}

.formLeft{
	width: 100px;
	text-align: right;
	float: left;
	margin:  5px;
}

.formRight{
	text-align: left;
	margin:  5px;
}

.mailFormLeft{
	width: 150px;
	text-align: right;
	float: left;
	margin:  5px;
}

.mailFormRight{
	text-align: left;
	margin:  5px;
}

.popFormContent{
	padding: 10px;
}

.instructions{
	font-style:italic;
}

/* press kit stuff */

#pressKitSummary{
	text-align: center;
}

#pressKitTable{
	width: 410px;
	margin: 0 auto;
	padding: 0px;
}

/* artist database */

#artistSearchArea{
	margin-bottom: 50px;
}

#artistSearchImage{
	float: right;
	width: 120px;
	text-align: center;
}

#artistSearchField{
	 border: 1px dashed black; 
	 width: 230px; 
	 padding: 5px;
}

#artistSearchArea{
	margin-bottom: 50px;
}

#artistBox{
	padding-top: 50px;
}

#artistShowsBox{
	border: 1px solid black;
	width: 100%;
	padding: 5px;
}

.artistShowsShow{
	background-color:#A53001;
	color: white;
	padding: 2px;
	border: 1px solid #976701;
	border-top: 0px;
	overflow: hidden;
}

.artistShowLeft{
	width: 200px;
	float: left;
	margin-bottom: -200px;
	padding-bottom: 200px;
}

.artistShowRight{
	margin-bottom: -200px;
	padding-bottom: 200px;
}

#artistsBox{
	border: 1px solid black;
	width: 460px;
	padding: 5px;
}

.showArtist{
	background-color:#A53001;
	color: white;
	padding: 2px;
	border: 1px solid #976701;
	border-top: 0px;
	overflow: hidden;
}

.showArtistLeft{
	width: 75px;
	float: left;
	margin-bottom: -200px;
	padding-bottom: 200px;
}

.showArtistCenter{
	width: 150px;
	float: left;
	margin-bottom: -200px;
	padding-bottom: 200px;
}

.showArtistRight{
	margin-bottom: -200px;
	padding-bottom: 200px;
}

#searchResultsBox{
	width: 460px;
	padding: 5px;
}

#searchResultsLeft{
	float:left;
	width: 180px;
}

#searchResultsLeftBox{
	border: 1px solid black;
	padding: 8px;
}

#searchResultsLeftBox a{
	color: white;
}

.searchResultsResult{
	margin: 0px;
	background-color:#A53001;
	color: white;
	padding: 3px;
	border: 1px solid #976701;
	border-top: 0px;
}

.searchResultsResult a{
	color: white;
}

.result a{
	color: white;
}

.center{
	margin: 5px auto;
	text-align:center;
}

#searchResultsRight{
	float:left;
	width: 180px;
	margin-left: 40px;
}

#searchResultsRightBox{
	border: 1px solid black;
	padding: 8px;
}

#searchResultsRightBox a{
	color: white;
}