body {
	background-image: url(images/bg_icon.gif);
	background-repeat: repeat;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font:  bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	background-color: #330099;
	padding: 0px 20px;
	margin: 20px 0px 0px 0px;
	height: 1.4em;
}

h2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	margin: 5px 0px 0px;
	padding: 0px 20px;
}

h3 {
	font:  bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #330099;
	padding: 0px 20px;
	margin: 5px 0px;
	background: #BFB6DD;
}

h4 {
	font:  bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #330099;
}

p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #000;
	margin-top: 15px;
	padding: 0px 20px;
	line-height: 14px;
	text-align: justify;
}

table.contact {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 20px;
}


a:link, a:active, a:hover, a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a:link, a:active {
	color: black;
}
a:hover, a:visited {
	color: #330099;
}

img { 
	border: 0px;
}

/*  ------------------------------------------------	ABOUT PAGE		*/

.about-r-td {
	background-image: url(images/short-lines.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #330099;
	width: 190px;
}
.about-m-td {
	background-image: url(images/middle-marimba-bg.gif);
	background-repeat: repeat;
	background-position: bottom;
	border-right: 1px dotted #330099;
	border-left: 1px dotted #330099;
}
.about-l-td {  
	width: 190px;
	background: #FFFFFF url(images/drums-strip-bg.gif) no-repeat bottom;
}

ul.headlines {
	list-style:none;
	padding:0;
	margin:0;
}            
ul.headlines li
{
	border-bottom: 1px dotted #330099; 
	padding: 10px 20px 10px 20px;
}   
ul.headlines li:hover {
   background: #EEE; 
} 

ul.headlines a { 
	text-decoration: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
}

.newsline {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #330099;
	width: 80%;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.news-l-td {
	border-top: thin dotted #330099;
	border-right: thin dotted #330099;
	background-image: url(images/star-bg.gif);
}
.news-r-td {
	background-color: #FFFFFF;
	border-top: thin dotted #330099;
}    

.footer {
	font-size: 9px; 
	background: #330099;
	padding: 5px;
	color: #fff;  
}  
.footer a {
	text-decoration: none;
	color: #fff;
	margin: 0 10px;
}


/*  ------------------------------------------------	PEOPLE PAGE		*/
.people0-m-td {
	background-color: #DDDAEB;
	border-top: thin dotted #fff;
}
.people2-m-td {
	background-color: #E9E7F2;
	border-top: thin dotted #330099;
}
.people-l-td {
	background-color: #FFFFFF;
	background-image: url(images/people-gong.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	border-top: thin dotted #330099;
}
.people1-r-td, .people0-r-td {
	background-image: url(images/sticks-bg.gif);
	border-top: thin dotted #330099;
}
.people2-r-td {
	border-top: thin dotted #330099;
	background-image: url(images/sticks2-bg.gif);
	background-color: #FFFFFF;
	background-repeat: repeat x;
	background-position: bottom;
}
.people1-m-td {
	background-color: #DDDAEB;
	border-top: thin dotted #330099;
}
.artist-img {
	margin-top: 20px;
	margin-bottom: 20px;
}

/*  ------------------------------------------------	PROJECTS  PAGE		*/
.projects-l-td {

	border-top: thin dotted #330099;
	border-bottom: thin dotted #330099;
	background-color: #DDDAEB;
}
.project-media-td {
	background: #fff;
	background-image: url(images/sticks-bg.gif); 
	border: thin dotted #330099;
}
.project-menu-td {
	background: #fff url(images/cymbol-strips.gif) no-repeat bottom;
	border-top: thin dotted #330099;
}

/*  ------------------------------------------------	REPERTOIR PAGE		*/

.repertoir-hd {
	background: #BFB6DD; 
	color:#330099; 
	font:  bold 9px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 20px;
	border-bottom: 1px dotted #330099;
}

.rep {
	line-height: 12px; 
	border-bottom: 1px dotted #330099;
	padding: 8px 20px;
}




/*  ------------------------------------------------	DOWNLOADS  PAGE		*/

.downloads {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	list-style-type: none;
	padding: 5px 20px;
	margin-left: 0;
}

ul.downloads li{ 
	border-bottom: thin dotted #330099;
	padding: 5px 0px;
}

ul.downloads img { 
	padding: 0px 5px 20px 0px;
}


ul.downloads li a{ 
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
ul.downloads li a:hover { 
	color: #330099;
	text-decoration: underline;
}

.downloadslist {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
.downloadslist img {
	padding: 2px 20px;
}
.downloadslist tr:hover{
	background: #fff;
}        

.dl1 {
	float: left;
	width: 390px; 
	padding: 10px 10px 10px 20px;
}               
.dl2 {
	float: left;
	width: 70px;
	padding: 10px 0 10px 0; 
}              
.dl3 {
	float: left;
	width: 70px;
	padding: 10px 10px 10px 0; 
}

.dlwrap {
	border-bottom: 1px dotted #330099;
}
div.dlwrap:hover {
	background: #fff;
}


/*  ------------------------------------------------	NAVIGATION 		*/

#nav {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	padding: 0px;
}   

#slidenav {
	top:180px;
	position: absolute;
	width: 190px; 
}

ul#nav {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	list-style-position: inside;
	display: block;
}

ul#nav a, ul#nav a:link, ul#nav a:active, ul#nav a:visited, li.nav { 
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	text-decoration: none;
	background: url(images/arrow-active.gif) no-repeat 20px center;
	padding-left: 35px;
	line-height: 1.7em;
}

ul#nav a:hover { 
	color: #FFF;
	background: #330099 url(images/arrow-hover.gif) no-repeat 20px center;
}

ul#nav  li ul li { 
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}



ul#nav .navClosed {
	display: none;
}

ul#nav .navOpened {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	list-style-type: none;
	list-style-position: inside;
	font-weight: normal;
	position: relative;
	padding: 0px;
	margin-top: 5px;
}

ul#nav .navOpened a:link { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #330099;
	text-decoration:underline;
	display: block;
	padding: 0px 0px 0px 35px;
	background-image: none;
	line-height: 1.7em;
}

ul#nav .navOpened a:hover {
	background-color: #FFF;
	color:#000;
	background-image: none;
}
 
 
 
 
 /*  ------------------------------------------------	PERFOMANCES 		*/

#past, #current, #future {
	width: 761px;
	
	font: 18px Verdana, Arial, Helvetica, sans-serif;
}
.open {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #9999CC url('images/purple_arrow-open.png') 50% 50% no-repeat;
	padding: 15px 0 15px 50px;
	width: 711px;
	text-transform: uppercase;
	color: #FFF;
	clear: left;
}
.closed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url('images/purple_arrow-closed.png') 50% 50% no-repeat;
	padding: 15px 0 15px 50px;
	width: 711px;
	text-transform: uppercase;
	color: #9999CC;
	clear: left;
	border-bottom: 1px dotted #330099;
}
.toggle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url('images/purple_arrow-closed.png') 30px 50% no-repeat; 
	padding: 10px 0 10px 50px;
	width: 711px;
	text-transform: uppercase;
	color: #9999CC;
	clear: left;
	border-bottom: 1px dotted #330099;
}

.performances {
	clear: left;
	width: 761px;
	float: left;
	border-bottom: 1px dotted #330099; 
    background: #fff url(images/cymbol-strips.gif) no-repeat bottom left; 
}  



.performances img {
	float: left;
	width: 190px;
} 

.performance img {
	float: left;
	width: 190px;
}

.perf-text {
	float: left;
	width: 571px; 
	background: #ECEBF7; 
} 
           
.text p {
	text-align: left;
}
.perf-text h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	margin: 10px 0px 5px 0;
}
.perf-text strong {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 0px 0px;
}

.perf-text h4 {
	font-size: 18px;
}

.perf-text h4.day {
	color: #000;
	float: left;
	background: #fff;
	padding: 10px;
	margin: 10px 10px 10px 20px;
}
.perf-text h4.month {
	color: #000;
	float: left;
	padding: 10px 10px 10px 0;
	margin: 10px 0 10px 0;
}

.perf-text h4.year {
	color: #9999CC;
	float: left;
	padding: 10px 10px 10px 0;
	margin: 10px 0 10px 0;
}

 /*  ------------------------------------------------	CALENDER 		*/     

.cal-past {
	background: #CFCCE5;
} 
.cal-current, .cal-forthcoming {
	background: #DDDAEB;
}
.cal-future {
	background: #ECEBF7;
}
  
.cal-past,.cal-future,.cal-current,.cal-forthcoming {
	padding:0;
	margin:0;
}

.calender {
	clear: left;
	width: 190px;
	background: #fff;   
}    

.calendar a, .calender-text a {
	text-decoration: none;
}
.calender-text:hover {
	background: #EEE;
}

.calender h4.year {
	color: #9999CC;
	float: left;
	width: 170px;
	padding: 10px 0 10px 20px;
	margin: 0;
	background: #fff;
	font-size: 18px;
}

.calender-text { 
	list-style: none;
	float: left;
    width: 190px;
	padding: 0 0 10px 0;
	margin: 0;
	border-bottom: 1px dotted #330099;	
}

.calender-text .date {
	font-size: 18px;
	float: left;
    width:40px; 
	margin: 0 0 0 20px; 
	padding: 0;
}

.calender-text .text {
	float: left;
	width: 110px;
	margin: 3px 0 0 15px;
	padding: 0;  
}



.date h4.day {
	color: #000;
	background: #fff;
	padding: 10px 7px; 
	margin: 10px 0 0 0;
	font-size: 18px; 
	text-align: center;
}

.date h4.month {
	color: #000;
	margin: 5px 0 0 0;
 	font-size: 14px; 
	text-align: center;  
}

.text h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #330099;
	margin: 15px 0px 0px 0px;  
	padding: 0;
}   
.text p {
	margin: 15px 0px 0px 0px;
	padding: 0;
	font-size: 10px;
} 

 /*  ------------------------------------------------	CONTACT 		*/ 
.contact-m {
	background:#d6d6f1;
}

.question { 
	font-size: 12px;
   	padding-left: 20px;
}  

.qerror {
	 color:#FF0000;
}
.error {
   background:#FFCCCC; 
} 

.apply {
   font-size: 12px; 
}   


.product {
	float: left;
	padding: 15px 15px 20px 0;
	width: 150px;
	font-size: 11px;    
	margin-left: 20px;  
}                  
.product a {
	text-decoration: none;
}
.product img {
	text-decoration: none;
}     
        

.hide { 
	display: none;
}                
.show {
	display: show;
}

.shop select {
	display:inline;
	float:left;
}
.shop label {
	clear:left;
	width: 100px;
	float:left;
	display:inline;
}
.ticket-title {
 	padding: 20px;

}