/*	performer CSS	*/

/* debug */

#debug
{ border: 1px solid red; }

html {
	padding:0px;
	margin:0px;
	height : 100%;
}


body {
	background-image:url(../images/bone_bg.jpg);
	font-family:"Futura Hv BT", Arial, Verdana;
	font-size:12px;
	color:#48484a;
	margin-left:0;
	margin-top:0;
}

input, textarea, #teaser {
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
#container {
	text-align:left;
	background-color : #fff;
	width: 979px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#container { border-collapse: collapse  }

/* links	*/
a:link,	a:visited	{ color : #000; text-decoration : underline; font-weight: normal;}
a:hover 	{ text-decoration : underline; color : #000; }

a:link span,	a:visited span	{ color : #593601;}
a:hover span	{ color : #b20901; }


/*	Java CSS drop down menu */
#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 2em;
	padding: 0;
	margin: 0 0 0 -3px;
	font-size: 12px;
	background: url(../images/mainmenu.jpg) #593601;
}

#nav a {
	display: block;
/*	width: 10em;	*/
	color: #fff;
	text-decoration: none;
	padding: 0.25em 1.5em;
	

}


#nav li {
	float: left;
	padding: 0;
/*	width: 10em;	*/
	margin:0 0px;
	border-left:3px solid #000;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 0;
	width: 14.4em;
/*	background: url(../images/mainmenu.jpg) #593601;	*/
	margin-left:-3px;
}

#nav li ul a {
	width: 13em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


#nav li:hover, #nav li.sfhover {
	background: #b20901;

}


/*	end  Java CSS drop down menu */


#header	{ height: 143px; margin: 0; padding: 0; background: url(../images/banner.jpg) #fff; background-repeat:no-repeat; vertical-align:top}

#banner { margin : 0; padding : 0; text-align:center; height: 115px; width:825px;}

#feature { background-color : #fff; margin : 0; padding :0; overflow : auto; height : 80px; }

#info-list		{ background-color: #efefef; margin-bottom:8px; height: 100px; border-collapse: collapse; width: 100% } 
#info-list-short	{ background-color: #efefef; margin-bottom:8px; height: 30px; border-collapse: collapse; width: 100% } 
.info-title		{ color: #000; font-size: 9px; font-weight: bold; height:40px; background-repeat: no-repeat; padding: 10px 0 0 20px}
.info-heading	{ color: #000; font-size: 11px; font-weight: bold;}
.info-title span { color: #000;}
	td.info-image { padding: 2px; width:130px; vertical-align:top;}
	td.info-image-right { padding: 2px; width:130px; text-align:right; vertical-align:top;}
	td.info-content { padding: 5px; vertical-align:top;}
	.info-small {font-size: 9px; font-weight: normal;}
	.info-readmore {font-size: 10px; font-weight: bold;}
	a.info-readmore:link, a.info-readmore:visited {color: #000;  text-decoration: none;font-weight: bold;	}
	a.info-readmore:hover {text-decoration: underline; }



#login { color : #fff; text-align : left; background-color : #464646; width: 160px; font-size: 9px; height: 100px;}
#login table	{ width:100%; border-collapse: collapse; padding: 0; margin: 0;}
#login table td	{  padding: 1px 5px; }
#login input { color : #fff;background-color : #464646; border: 1px solid #666; padding:1px; width: 70px;  font-size: 9px;}
#login .loginlink {  color : #fff;}


/* Teaser Section	*/

#teaser {  margin : 0; padding:0 }
	#teaser a			{ color : #222; text-decoration : none; font-weight: normal;}
	#teaser a:visited	{ color : #222; text-decoration : none; }
	#teaser a:hover 	{ text-decoration : underline; }



	#teaser h2 {
		color : #242425;
		font-weight : normal;
		font-size : 12px;
		margin: 0;
		padding: 8px 5px;
		background-color:#9e9c00;
	}
	#teaser h3 { color : #48484a; text-align : left; padding : 2px 5px; font-weight : normal; margin : 0; font-size : 11px; }
	#teaser a h3:link,#teaser a.heading:visited { color : #222; display: block; }
	#teaser a h3:hover { text-decoration : underline; color : #fff; }

	#teaser .select { color : #222; text-align : left; padding : 3px 10px; font-weight : normal; margin : 0; font-size : 10px; }
	#teaser a.select:link,#teaser a.select:visited { color : #222; display: block; text-decoration : none; }
	#teaser a.select:hover { text-decoration : underline;  color : #222; }

	#teaser .readmore { color : #48484a; text-align : left; padding : 5px 5px; font-weight : normal; margin : 0; font-size : 9px;}
	#teaser a.readmore:link,#teaser a.readmore:visited { color : #48484a; display: block; text-decoration : none;}
	#teaser a.readmore:hover { text-decoration : underline; color : #48484a; }
	#teaser .navigation { display:block; font-size: 9px; text-align: right; padding:2px 3px;}
	#teaser a.navigation:link, #teaser a.navigation:visited{ color:#888; }
	#teaser a.navigation:hover { text-decoration: none;}

	#teaser .portfolio { display:block; font-size: 10px; text-align: center; padding:3px; color:#222}
	#teaser a.portfolio:link, #teaser a.portfolio:visited { color:#ffa500;}
	#teaser a.portfolio:hover { text-decoration: underline; }

	#teaser .date { color : #48484a; padding : 2px 5px; font-size : 10px; }

	#teaser .excerpt { color : #222; padding : 5px; font-size : 10px; }
	#teaser hr { border-top : 1px solid #000; border-bottom : none; border-right : none; margin : 15px 0;}

	#teaser .spacer { height : 13px; clear: both; }
	
	#teaser img { width:195px; }
	
	#teaser .search { padding: 1px; border: 1px solid #aaa; margin: 3px 2px 3px 5px; width: 110px;
					color:#222; font-size: 10px; font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
					}
	#teaser .searchbutton { padding: 3px 6px;  margin: 3px 2px 3px 5px; border: none; background-color: #9e9c00}

	#teaser select {  border: 1px solid #aaa; margin: 3px 2px 3px 5px; font-size:11px;color:#555; width:160px}


#media_nav {   padding: 0; margin: 0; background: url("../images/menu-mid.jpg") #eee; width:100%; border-collapse:collapse; border:0;  }	/* D8D500 */
	#media_nav td {   padding: 0; margin: 0; text-align:center; font-size:12px}
	#media_nav a:link, #media_nav a:visited { display:block; padding:2px;0; text-decoration: none;height:22px; }
	#media_nav a:hover { text-decoration: none;  background:#FBF81B} /* 	*/	
	#media_nav .menu-left {   padding: 0; margin: 0; background: url("../images/menu-left.jpg") #eee; width:11px; }
	#media_nav .menu-right {   padding: 0; margin: 0; background: url("../images/menu-right.jpg") #eee; width:12px; }

/* Content Section	*/

#content	{ overflow : auto; background-color : #fff; font-size : 12px; line-height:1.8em;margin:0; width: auto; vertical-align:top }
	#content h1 {
		color : #000;
		font-size : 11px;
		font-weight : bold;
		text-align : left;
		padding : 3px 0px;
/*		background-color : #ddd;	
		clear : both;	*/
	}
	#content h2 {
		color : #555;
		font-size : 11px;
		font-weight : bold;
		text-align : left;
		padding : 6px 5px;
		clear : both;
		border-top : none;
	}
	#content a.heading:link,#content a.heading:visited {
		display : block;
	}
	#content a.heading:hover {
		text-decoration : underline;
	}

	#content ul { margin: 0; }
	#content ul li { line-height:1.2em; }



	#content .intro {
		font-size : 11px;
		font-weight : bold;
		text-align : left;
		padding : 5px;
		clear : both;
	}
	#content .body {
		font-size : 11px;
		font-weight : normal;
		text-align : left;
		padding : 5px;
		clear : both;
	}
	#content .excerpt {
		font-size : 11px;
		font-weight : normal;
		text-align : left;
		padding : 5px;
		overflow : auto;

	}
	#content .divider {
		margin : 10px 0;
		border-top:1px solid #999;
		clear: both;
	}
	#divider { height: 1px; background-color: #000; width:100%; margin: 8px 0; clear: both; font-size:0px}

	#content .spacer {
		height : 10px;
		clear: both;
	}

	#content .media-object { width: 415px; height: 300px; border:1px solid #ddd; padding:0px; margin:0 auto; display:block; background-color:#000; color:#fff; }
	#content .video-window { width: 415px; height: 300px; border:1px solid #ddd; padding:0px; margin:0 auto; display:block; background-color:#000; color:#fff; }
	#content .swf-window { padding:0px; margin:0 auto; display:block; background-color:#fff; color:#fff; }

		#content .excerpt img, #content  .intro img,#content  .body img  {
			padding : 10px;
		}
		#content img {
			border : none;
		}
		#content img.left {
			float : left;
			padding-right: 10px;
		}
		#content img.right {
			float : right;
			padding-left: 10px;
		}
		#content img.center {
			text-align : center;
		}

	#content .quote {
		display : block;
		margin : 10px auto;
		padding : 10px;
		border : 1px solid #ccc	;
		width : 80%;
		color: #464646;
		background-color : #f0f0f0;
		clear: both;
	}

	#content .error {
		display : block;
		margin : 10px auto;
		padding : 10px;
		border : 1px solid red	;
		width : 80%;
		color: red;
		background-color : #f0f0f0;
	}

	#content .month {
		display : block; margin : 5px auto; padding : 5px; border : none; 
		width : 80%; background-color : #CFCF00; color: #000; font-weight: bold; text-align:left;
	}
	#content .table_month {
		padding : 5px; border : none; 
		background-color : #CFCF00; color: #000; font-weight: bold; text-align:left;
	}
	#content .event { display : block; margin : 1px auto; padding : 1px 5px; width : 80%; }
	#content .table_event { width : 80%; margin: 0 auto; border-collapse:collapse}
	#content .table_event td { padding : 1px 5px}
	
	#content .filler { width:600px;font-size:0px; height:1px }
	
	

#navigation {	margin : -1px; padding : 0; height : 25px; }


	.direction	{ border-collapse: collapse;  float:right ; }
	.direction td { color: #888; font-size: 9px; padding-left: 10px;font-weight:bold;}
	.direction td a:link, .direction td a:visited { color: #333; text-decoration: none;font-weight:bold;}
	.direction td a:hover { color: #000; text-decoration: underline;}

	.agenda	{ border-collapse: collapse;  text-align:center ; width:100%; }
	.agenda td { color: #888; font-size: 9px; padding-left: 10px;font-weight:bold;}
	.agenda td a:link, .agenda td a:visited { color: #333; text-decoration: none;font-weight:bold;}
	.agenda td a:hover { color: #000; text-decoration: underline;}

	#subevent-select { width:200px; padding:2px; margin:5px;border:1px solid #eee; font-size: 10px }


/* Media display: gallery, music, video */

	#media {
		text-align : left;
		width : 100%;
		margin : 0;
		overflow : auto;
	}
	#media h4 { padding: 0; margin:  0; line-height:1em}
	#media .audio { font-size: 9px; font-weight: normal;}
	#media img.thumb { width: 75px; padding:0; margin:5px 0 0 0 }

	#media img {
		padding : 0px;
		margin : 5px;
		vertical-align : top;
		
	}
	#media a:link img, #media a:visited img {
		border : 1px solid transparent;
	}
	#media a:hover img {
		border : 1px solid #ccc;
	}
	.download_link { font-size : 9px; font-weight : bold; display:block; padding : 1px; text-align : right; color: purple; }
	a.download_link:link, a.download_link:visited { color: purple; }
	a.download_link:hover { color: #ffa500; text-decoration:none; }
	
/* Multiple display: news, agenda */
	#article-nav { width: 150px; border-collapse:collapse; border: none; float:left; margin-right: 10px; margin-bottom: 50px;font-size: 10px; line-height:1em; 
					background-color: #CFCF00;}
		#article-nav td { padding:6px 3px;}
		#article-nav a:link, #article-nav a:visited { display:block; text-decoration:none }
		#article-nav a:hover { text-decoration:underline}
	
	
#footer { 	padding : 0;margin:0 auto; background : url(../images/footer.jpg) #fff; overflow : auto;
			height: 40px; background-position:bottom; background-repeat:no-repeat;text-align:center;
		}

#footer a:link, #footer a:visited { color : #555; text-decoration : none; }
#footer a:hover { color : #000; text-decoration : underline; }

	#footer table.logo_section {  border-collapse: collapse; width:75%; margin:0 auto;}
	#footer table.logo_section td { padding:0 20px; font-size : 10px; color : #555;}



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


iframe { 
	border:none; width:100%; overflow:auto; height:600px ;
}

#copyright { text-align : center; font-size : 9px; color : #555; padding : 3px;}
#copyright a:link, #copyright a:visited { color : #555; text-decoration : none; }
#copyright a:hover { color : #000; text-decoration : underline; }


/* forms */

form { margin:0; padding:0; display: inline}


#contact_form {
	width : 500px;
	margin : 10px auto;
}
	#contact_form td {
	font-size : 10px;
	padding : 4px;
		vertical-align: top;
	}
	#contact_form .field {
		color : #333;
		width : 120px;
	}
	#contact_form .compulsory {
		color : #333;
		width : 120px;
		font-weight : bold;
	}
	#contact_form .form_error {
		color : red;
		width : 120px;
		font-weight : bold;
	}
	#contact_form input, #contact_form textarea {
		border : 1px solid #666;
		padding : 2px;
		margin : 0;
	}
	#contact_form select {
		font-size : 10px;
		border : 1px solid #666;
		padding : 0px;
		margin : 0;
	}

	#contact_form .code {
		font-family: "Courier", serif;
		font-size:13px;
		border: 1px solid #555;
		background-color: #ddd;
		font-weight:bold;
		text-align:center;
		padding:2px;
		width: 50px;
	}