/*	performer CSS	*/

/* debug */

#debug
{ border: 1px solid red; }

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


body {
	background-color : #FF6F0F;
	color : #000;
	margin : 50px 0px;
	padding : 0px;
	height : 100%;
}

body, input, textarea, #right {
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
#container {
	text-align:left;
	background-color : #fff;
/* OPTIONAL HEIGHT to 100%		*/	height : 80%;	
/* OPTIONAL WIDTH to 100%		*/	width: 825px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#container { border-collapse: collapse  }

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

#banner { margin : 0; padding : 0; text-align:left; height: 188px; width:825px; }
#banner .control { text-align:right; width: 95%;  color: #FB6C10; padding: 5px;}
	.control a:link, .control a:visited { text-decoration:none; color: #FB6C10; }
	.control a:hover { text-decoration:underline; }

#mainmenu {  padding: 0 0 0 15px; color: #fff;  font-weight : bold; margin:6px 0 6px 0}

#mainmenu a:link, #mainmenu a:visited {
	font-size : 11px; color : #FB6C10; text-decoration : none; font-weight : normal; 
	text-align : left; margin : 0; 
}

#mainmenu a:hover {
	text-decoration : underline; margin : 0; 
}
#orange_dots { height: 1px; margin:0;padding:0; background: url(../images/orange_dots.gif); background-repeat: repeat-x;}
#white_dots { height: 1px; margin:0 0 5px 0;padding:0px; background: url(../images/white_dots.gif) #464646; background-repeat: repeat-x;font-size : 0px; border: none; }

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

#info-list		{ background-color: #eee; margin-bottom:8px; height: 100px; border-collapse: collapse; width: 100% } 
#info-list-short	{ background-color: #eee; margin-bottom:8px; height: 30px; border-collapse: collapse; width: 100% } 
.info-title		{ color: #F17110; font-size: 9px; font-weight: bold; background: url(../images/feature_title.jpg) #fff; 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: #8C0296;}
	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; }


#left { background-color : #fff; margin : 0; padding : 15px 0 0 20px; width: 160px; }
	#left .title {
		color : #fff;
		text-align : left;
		background-color : #464646;
		padding : 8px 5px;
		font-weight : bold;
		font-size : 9px;
	}
	#left .heading { color : #fff; text-align : left; background-color : #464646; padding : 2px 5px; font-weight : bold; margin : 0; font-size : 11px; }
	#left a.heading:link,#left a.heading:visited { color : #ccc; display: block; background-color : #464646;}
	#left a.heading:hover { text-decoration : none; background-color : #464646; color : #fff; }

	#left .select { color : #fff; text-align : left; background-color : #464646; padding : 10px 5px; font-weight : normal; margin : 0; font-size : 10px; border-bottom:1px solid #444; border-top:1px solid #aaa;}
	#left a.select:link,#left a.select:visited { color : #ccc; display: block; background-color : #464646;}
	#left a.select:hover { text-decoration : none; background-color : #565656; color : #fff; }

	#left .readmore { color : #fff; text-align : left; background-color : #464646; padding : 5px 5px; font-weight : normal; margin : 0; font-size : 8px;}
	#left a.readmore:link,#left a.readmore:visited { color : #fff; display: block; background-color : #464646;}
	#left a.readmore:hover { text-decoration : none; background-color : #464646; color : #fff; }

	#left .navigation { display:block; font-size: 10px; text-align: right; padding:3px;}
	#left a.navigation:link, #left a.navigation:visited{ color:#eee; background-color:#464646}
	#left a.navigation:hover { text-decoration: none; background-color:#464646}

	#left .portfolio { display:block; font-size: 10px; text-align: center; padding:3px; background-color:#464646;color:#ccc}
	#left a.portfolio:link, #left a.portfolio:visited { color:#ffa500;}
	#left a.portfolio:hover { text-decoration: none; background-color:#464646}

	#left .date {
		color : #fff;
		padding : 2px 5px;
		background-color : #464646;
		font-size : 10px;
	}

	#left .excerpt {
		color : #bbb;
		padding : 5px;
		background-color : #464646;
		font-size : 10px;
	}
	#left hr {
		border-top : 1px solid #888;
		border-bottom : none;
		border-right : none;
		margin : 2px 0;
	}

	#left .spacer {
		height : 13px;
		clear: both;
		background-color:#464646;
	}

#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_block { background-color:#464646; padding-bottom: 10px;  width: 160px;}

#right { background-color : #fff; margin : 0; padding : 15px 20px 0 0; width: 160px; }
	#right a			{ color : #fff; text-decoration : none; font-weight: normal;}
	#right a:visited	{ color : #fff; text-decoration : none; }
	#right a:hover 	{ text-decoration : underline; }



	#right .title {
		color : #fff;
		text-align : right;
		background-color : #464646;
		padding : 8px 5px;
		font-weight : bold;
		font-size : 9px;
	}
	#right .heading { color : #fff; text-align : left; padding : 2px 5px; font-weight : bold; margin : 0; font-size : 11px; }
	#right a.heading:link,#right a.heading:visited { color : #fff; display: block; background-color : #464646;}
	#right a.heading:hover { text-decoration : underline; color : #fff; }

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

	#right .readmore { color : #fff; text-align : left; padding : 5px 5px; font-weight : normal; margin : 0; font-size : 9px;}
	#right a.readmore:link,#right a.readmore:visited { color : #fff; display: block; background-color : #464646; text-decoration : none;}
	#right a.readmore:hover { text-decoration : underline; background-color : #464646; color : #fff; }

	#right .navigation { display:block; font-size: 9px; text-align: right; padding:2px 3px;}
	#right a.navigation:link, #right a.navigation:visited{ color:#eee; background-color:#464646}
	#right a.navigation:hover { text-decoration: none; background-color:#464646}

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

	#right .date { color : #fff; padding : 2px 5px; font-size : 10px; }

	#right .excerpt { color : #fff; padding : 5px; font-size : 10px; }
	#right hr { border-top : 1px solid #888; border-bottom : none; border-right : none; margin : 2px 0;}

	#right .spacer {
		height : 13px;
		clear: both;
		
	}
	#right .search { padding: 1px; background-color:#464646; border: 1px solid #666; margin: 3px 2px 3px 5px; width: 110px;
					color:#fff; font-size: 10px; font-family : Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
					}
	#right .searchbutton { padding: 1px;  margin: 3px 2px 3px 5px;  }

	#right select { background-color: #464646; border: 1px solid #666; margin: 3px 2px 3px 5px; font-size:11px;color:#fff; width:125px}

#content	{ padding : 15px 15px 0px 15px; overflow : auto; background-color : #fff; font-size : 11px; line-height:1.8em;margin:0; width: auto; vertical-align:top }
	#content .title {
		color : #000;
		font-size : 11px;
		font-weight : bold;
		text-align : left;
		padding : 3px 0px;
/*		background-color : #ddd;	*/
		clear : both;
	}
	#content .heading {
		color : #ffa500;
		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 .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 purple;
		clear: both;
	}
	#divider { height: 2px; background-color: #646464; 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 : 1px solid #ddd; 
		width : 80%; background-color : #f7f7f7; color: #000; font-weight: normal; text-align:center;
	}
	#content .event { display : block; margin : 5px auto; padding : 2px 5px; width : 80%; }
	
	#content .filler { width:600px;font-size:0px; height:1px }
	
	

#navigation {	margin : -1; padding : 0; height : 25px; }
	.mediatabs	{ border-collapse: collapse; width: 50%; float:left;margin : 0 0 -1 0;}
	.mediatabs td { color: #aaa; font-size: 12px;  padding-right : 2px; text-align:center}
	.mediatabs td a:link, .mediatabs td a:visited { 
		color: #555; text-decoration: none; display:block; background-color:#aaa;padding:4px; margin: 2px 0 0 0;
		border-left: 1px solid #333;border-right: 1px solid #333; border-top: 1px solid #333;
		}
	.mediatabs td a:hover { color: #fff; text-decoration: none; background-color: #aaa}


	.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;}







	#gallery {
		text-align : left;
		width : 520px;
		margin : 0 auto;
		overflow : auto;
	}
	#gallery img {
		padding : 0px;
		margin : 5px;
		vertical-align : middle;
	}
	#gallery a:link img, #gallery a:visited img {
		border : 1px solid transparent;
	}
	#gallery a:hover img {
		border : 1px solid #ccc;
	}
	.download_link { font-size : 9px; font-weight : bold; display:block; padding : 5px; text-align : right; color: purple; }
	a.download_link:link, a.download_link:visited { color: purple; }
	a.download_link:hover { color: #ffa500; text-decoration:none; }
	
	
#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 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; }

/* 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 : #FF6F0F;}
a:hover span	{ color : #FF6F0F; }




#copyright { text-align : center; font-size : 9px; color : #555; padding : 0; height: 14px;background-color : #FF6F0F;}
#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;
	}