/* CSS Document */

* { padding: 0; margin: 0; }

body {
	background: url(../images/brown_bckground.gif) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.spacer { clear:both;}
.spacerMin { 
	clear:both;
	max-height:1px;
	height:auto !important;/* IE min-height hack */
	height:1px;/* IE min-height hack */
	font-size:1px;
	}

#background_sub{
	height:243px; 
	background:#8C7473; 
	z-index:0; 
	position:absolute; 
	left:0px; 
	top:0px;
	margin:0;
	background: url(../images/orange_bckground.gif) repeat-x;
	}
	
#topNav {
	position:relative;
	margin: 10px auto 5px auto;   /* align for good browsers */
	width: 850px;
	z-index:11; 
	padding:0;
	background:none;
}

#container { 
	position:relative;
	margin: 0px auto;   /* align for good browsers */
	width: 905px;
	z-index:10; 
	background: #f8efde url(../images/bottompage_graphic.gif) no-repeat bottom left;
	padding:0;
	clear:both;
	}
	
#slogan{
	position:absolute; 
	width: 400px; 
	background:none; 
	z-index:12; 
	top:128px; 
	left:35px; 
	text-align:center; 
	font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#AD0D39; font-weight: 600; 
	}
	
#banner {
	background: url(../images/banner_graphic.jpg) no-repeat;
	width: 905px;
	float: left;
	padding:0px;
	height: 210px;
	margin: 0px;
	position:relative;
}

#navigation {
 margin:0px 0 0 0px;
 background: none;
 padding:10px 0 0 100px;
}
/*home page columns*/
#rightcolumn { 
 margin: 0px 30px 0px 10px;
 padding: 0px;
 float: right;
 width:290px;
}

.leftcolumn { 
 float: left; 
 width:510px;
 margin:5px 20px;
} 
 
#content{
width: 900px;
margin:0 auto;
padding:0;
}

	/*sub page columns*/
	#content #rightCol{ 
	 margin: 0 20px 0 0;
	 padding: 25px 35px 35px 35px;
	 float: right;
	 width:580px;
	 border:1px solid #683535;
	 min-height:250px;
	 height:auto !important; /*IE min-height hack */
	 height:250px; /*IE min-height hack */
	 }
		 #content #rightCol ul { margin:0 0 0 20px;}
		 #content #rightCol ul li{ line-height:1.5em;}
		 #content #rightCol td { padding:5px;}
		 #content #rightCol img { border:none;}
		 
	#content #leftCol { 
	 float: left; 
	 width:200px;
	 margin:0 0 0 5px;
	}
	#breadcrumbs {
	 float: left;
	 width:600px;
	 margin:0 0 5px 25px;
	 }

.templateFooter { /*This helps for the left curved bottom and is the footer content*/
	clear:both;
	width: 875px;/*657*/
	float:left;
	margin:25px 0 0px 28px; padding:0;
	position:relative;
	}

.poweredby {
	float:right; width:220px; text-align:center; padding:0;
}

#footer {
	position:relative;
	padding:0 0 0 50px; margin: 10px auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 855px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFFF;
	text-align:left;
	clear:both;
}


/*Styles*/
/* Top Right Navigation */
#topNav ul{ 
	margin:0; 
	padding: 0;
	float:right;  
	}
	#topNav ul li{ 
		padding: 0 7px; 
		margin:0; 
		list-style:none; 
		display:inline; 
		float:left; 
		font-size:10px;
		border-left: 1px solid #000000;
		}
		#topNav ul li.first { border-left:none;}
	#topNav ul li a, #topNav ul li a:link, #topNav ul li a:visited { 
		color: #000000;
		text-decoration:none;
		border:none;
		background:none;
		padding: 0px;
		}
	#topNav ul li a:hover, #topNav ul li a:active { 
		text-decoration:underline;
		}
/* End Main Navigation */ 

/* Main Navigation */
#navigation ul{ 
	margin:0; 
	padding: 0;  
	}
	#navigation ul li{ 
		padding: 0 7px; 
		margin:0; 
		list-style:none; 
		display:inline; 
		float:left; 
		font-family: "Times New Roman", Times, serif;
		text-transform:uppercase;
		font-size:16px;
		font-weight:bold;
		}
	#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited { 
		color: #6E4740;
		margin: 0 14px 0 14px;
		text-decoration:none;
		border:none;
		background:none;
		padding: 0px;
		}
	#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a.active { 
		color:#B40936; 
		}
/* End Main Navigation */ 
 
 /* left Navigation Sub Pages*/
.left_navlist ul{
	list-style: none;
	padding:0 0 30px 0;
	margin: 0 0 10px 0;
	background:#F8EFDE url(../images/divider_square.gif) center bottom no-repeat;
	}

	.left_navlist li{
		list-style: none;
		display:block;
		padding:3px 0 3px 0px;
		margin:0 0 0 10px;
		border-bottom:1px dotted #b40936;
		line-height:1.4em;
		}
	
	.left_navlist li a:link, .left_navlist li a:visited{
		color: #666666;
		text-decoration:none;
		padding:0 0 0 9px;
		}
		
	.left_navlist li a strong{
		color: #6E4740;
		}
	
	.left_navlist li a:hover, .left_navlist li a:active, .left_navlist li a.current, .left_navlist li a.active {
		color:#b40936;
		background: url(../images/arrow.gif) 0 4px  no-repeat ;
		}
 /* left Navigation */
 
  
  /*Footer Navigation */
  
.templateFooter ul{ 
			width: 480px;
			float:left;
			margin:7px 0 0 0; 
			padding: 0; 
			}
			.templateFooter ul li{ 
				padding: 0 7px; 
				margin:0; 
				list-style:none; 
				display:inline; 
				float:left; 
				font-size:10px;
				border-left:1px solid #663333;
				}
				.templateFooter ul li.first { border-left:none;}
			.templateFooter ul li a, .templateFooter ul li a:link, .templateFooter ul li a:visited { 
				color: #000000;
				margin: 0 0 0 0;
				text-decoration:none;
				line-height:1.5em;
				padding: 0px;
				white-space:nowrap;
				}
			.templateFooter ul li a:hover { color:#B40936; }  
  
  
  
  /*END Footer Navigation */

/*home page styles*/
.leftColHom {
	border-right:1px solid #D0C8C8;
	}
#rightcolumn p, #content #rightCol p { 
	margin:0 0 10px 0; line-height:1.5em;
	}
.viewalllink{ 
	clear:both;
	margin:5px auto;
	width:80%;
	}
	
/*Performances Page & home page performers part*/
#performers {/*home page*/
	background-color:#dec095;
	width:80%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	padding:0;
	margin:0px auto; 
	}
	
	#performers .ditto_introText { padding:0 10px 10px 10px;}
	
	#performers img{
	padding:5px 12px 0px 0px;
	float: left;
	}
	
	#performers hr {
	border-top: 1px solid #ffffff;
      border-bottom: 1px solid #DEC095;
      color: #DEC095;
      background-color: #DEC095;
	  margin: 10px auto; /margin:0px auto;
	  width:80%;
	  clear:both;
	}
	

/*Performers Page*/
.col1 { float:left; width:190px; margin:5px 10px 0 0;}
.col2 { float:left; width:370px; margin:5px 0px 0 0;}

.UpcomingBox{
padding: 4px 4px 30px 0px;
position:relative;
text-align:left;
}

.UpcomingBox .performerImg {
float:left;
padding: 10px 10px 10px 0px;
border:0;
}