@charset "UTF-8";
/* reset */


body {background-image:url(../images/body_bg.png);background-repeat:repeat-x;margin:0;padding:0;margin-top:42px;background-color:#000000;font-size:12px}
#page-wrapper {
	position:relative;
	margin:auto;width:866px;
	background: url(../images/gfx_rounded_bottom.gif) no-repeat #FFF bottom;padding-bottom:18px;}
	#page-container {width:854px;position:relative;left:6px;top:6px;}
		#page-header {
			position:relative;
			top:0px;
			height:233px;
			background-color:#000;
			background:url(../images/bg_menu_bottom.gif) bottom no-repeat;
			}
		#main-nav {
			position:relative;
			z-index:3;
			left:0;
			top:0;
			height:29px;
			background:repeat-x url(../images/main_nav_bg.gif);
			}
			#searchbox {
				background-image:url(../images/searchbox.jpg);
				position:absolute;
				right:0;
				top:0;
				width:183px;
				height:29px;
				}
		#page-content {
			position:relative;
			left:0px;
			top:0px;
			width:100%;
			top:6px;
			left:0px;
			}
		#page-footer {
				clear:both;
				position:relative;
				left:0;top:6px;
				background-repeat:no-repeat;
				background-image:url(../images/bg_footer.jpg);
				height:32px;
				/*width:854px;*/
				
				margin:12px 0 0 0;
				padding:0px 15px 0px 15px;
				overflow:hidden;
				}
		#page-footer p {color:#DDD;margin:0;padding:0;font-size:10px;line-height:32px}				
		
		#main-column {position:relative;float:left;width:620px;min-height:300px}
		#right-column {position:relative;width:234px;left:0px;float:left;margin:0}
		#right-column div.adspace {margin-bottom:6px}
		#right-column ul {margin-bottom:20px}



/* DEFAULT FONTS */


/*MENU*/
	/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink {
		float: left;
		text-align: center; 
		background:url(../images/main_nav_divider.gif) no-repeat right;
	}
	#cssdropdown li.headlink a { display: block;}

	/* Child lists and links */
	#cssdropdown li.headlink ul { 
		position:absolute;
		background-color:#121111;
		display: none; 
		border:1px solid #000;
		border-left:1px solid #4a4949;
		text-align: left;
		opacity: 0.90;
		padding:1px;
 		filter: alpha(opacity = 90);
		min-width:100px;
		}
	#cssdropdown li.headlink ul li.last {background:none;}
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { 
		font-size:11px;
		padding:4px 8px; 
		height:17px;
		color:#b1bcc3;
		text-decoration:none;
		}
	#cssdropdown li.headlink ul li a:hover { color:#FFF;text-decoration:none;}
	#cssdropdown li.headlink ul li {
		background-image:url(../images/subnav_divider.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		}
	/* Pretty styling */
	#cssdropdown li.headlink { line-height:29px; }
	#cssdropdown li.headlink ul { background-position: bottom; }


#right-column #featured-events {
	position:relative;
	width:234px;
	left:0;top:0;
	background: url('../images/featured_events_bg.gif') repeat-y;
	margin:0;
	margin-bottom:0;
}
#right-column #featured-events div.container {padding:5px 15px;}
#right-column #featured-events p.date, #featured-events div.expander p.date  {color:#c3a300;font-size:11px;line-height:12px;margin:0;font-weight:normal}
#right-column #featured-events h4, #featured-events div.expander  h4{color:#c3a300;font-size:12px;line-height:12px;margin-bottom:10px}
#right-column #featured-events h4 a, #featured-events div.expander  h4 a {color:#161616;}
#right-column #featured-events a.expander {position:absolute;bottom:5px;right:15px}
#right-column #featured-events div.expander {margin:0}

div.person a.expander{bottom:0;right:0}
div.person div.expander{padding:20px 0}
/* repertoire */
table.repertoire td {padding-right:60px}

/* mediaplayer */
#mediaplayer-holder 
{
	position:relative;
	background-color:#222222;
	left:0;top:0;
	background:url(../images/mediaplayer_disabled.gif);
	margin-bottom:6px;
	width:234px;
	height:59px;
}

#show-mediaplayer 
{
	position:absolute;
	right:8px;
	top:6px;
	
}
#hide-mediaplayer 
{
	position:absolute;
	right:7px;
	top:6px;
	display:none;
}
#mediaplayer 
{	
	padding-top:37px;
	display:none;	
}
#right-column div.mediaplayer_off
{
	background:url(../images/mediaplayer_disabled.gif);
	height:59px;
}
#right-column div.mediaplayer_on
{
	background:url(../images/mediaplayer_enabled.gif);
	height:185px;
}
#right-column h2 {color:#c3a300;font-size:16px;margin:20px 5px 10px 10px;}
#right-column ul li {list-style-image:url('../images/gfx_list_bullet.gif');margin-left:30px;font-size:12px}
#right-column ul li a {color:#121212}
#right-column ul li a:hover {color:#424242;text-decoration:underline;}

div.loginform 
{
	width:300px;
	font-size:11px;
}
div.loginform label {display:block;padding-right:30px}
div.validation_errors {padding:15px 0;font-size:11px}
div.validation_error {color:#C00}
div.newsheader {height:57px;width:335px;background:url(../images/rub_news.jpg) no-repeat}
div.newsheader span {display:none}
div.eventheader {height:57px;width:335px;background:url(../images/rub_featured_events.jpg) no-repeat}
div.eventheader span {display:none}
div.blogheader {height:57px;width:335px;background:url(../images/rub_blogs.jpg) no-repeat}
div.blogheader span {display:none}
tr.inactive {color:#CCC}
/* The box */
.box_top {background:url(../images/box_top_bg.gif) no-repeat;width:615px;height:4px;margin:0;padding:0;overflow:hidden}
.box {
	position:relative;
	background:#fbfdfd url(../images/box_bg.gif) repeat-x top;
	min-height:220px;
	width:613px;
	margin:0;
	border-left:1px solid #c9d6db;
	border-right:1px solid #c9d6db;
	}
	.box_body {
		/*padding:10px 35px 25px 10px;*/
		padding:15px 30px 30px 30px;
		min-height:390px;
		background:url(../images/box_note_bg.png) no-repeat right bottom;
	}
.box_bottom {background:url(../images/box_bottom_bg.gif) no-repeat;width:615px;height:5px;margin:0 0 6px 0;padding:0;overflow:hidden}

.box_body p.date {font-size:10px;font-weight:bold;line-height:12px}
.box_body p.byline {font-size:14px;line-height:16px}
.box_body p {font-size:12px;line-height:16px}

#events .box_body,  #blog .box_body, #news .box_body {min-height:220px;}

#right-column h2 {margin-top:0}
div.expander {display:none;margin-bottom:32px}

#favor-logo {position:absolute;right:5px;top:5px;z-index:0}

img.icon {margin-bottom:-3px;}
/* filarea */
table.filarea {width:97%;margin:0;padding:0}
table.filarea td {padding:3px 6px 3px 6px}
table.filarea td span.filename {width:290px;display:block}
