/* CSS Document for homepage specific layout */

#caroselWrapper {
	position:relative;
	float:left;
	background-image:url(/images/carousel-2.jpg);
	background-repeat:no-repeat;
	background-color:#67abd0;
	height:234px;
	padding:0 0 0 286px;
	
	width:705px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:419px;
}

#caroselWrapper ul {
	/*position:absolute;
	top:-1000px;*/
	list-style:none;
	padding:0;
	margin:0;
}

#caroselWrapper ul a.tab, #caroselWrapper ul a.tabactive {
	display:block;
	width:19px;
	overflow:hidden;
	height:0;
	background-position:-19px 0;
}

#caroselWrapper ul #tabNews1, #caroselWrapper ul #tabNews2 {
	position:absolute;
	top:102px;
	left:267px;
	padding:55px 0 0 0;
	background-image:url(/images/carosel-tab-news.gif);
	
}

#caroselWrapper ul #tabNews2 {
	top:160px;
}

#caroselWrapper ul #tabWelcome {
	position:absolute;
	top:18px;
	left:267px;
	padding:81px 0 0 0;
	background-image:url(/images/carosel-tab-welcome.gif);
	
}

#caroselWrapper ul a.tab:hover, #caroselWrapper ul li.active a.tab, #caroselWrapper ul a.tabactive {
	background-position:0 0 !important;
}

#caroselWrapper ul li.nohover a.tab:hover, #stagemanagerContentWrapper #caroselWrapper ul li a.tab:hover {
	background-position:-19px 0 !important;
}


#caroselWrapper ul li div.caroselContent {
	position:absolute;
	top:0px;
	left:286px;
	width:419px;
	height:0;
	background-color:#67abd0;
	color:#ffffff;
	overflow:hidden;
}

#caroselWrapper ul li div.caroselContent div {
	width:419px;
}

#caroselWrapper ul li:hover div.caroselContent {
	height:234px;
	z-index:3;
}

#caroselWrapper ul li:hover a.tab {
	background-position:0 0 !important;
}

#caroselWrapper ul li.nohover:hover div.caroselContent {
	height:0;
	z-index:0;
}

#stagemanagerContentWrapper #caroselWrapper ul li div.caroselContent {
	height:0 !important;
	z-index:0;
}

#stagemanagerContentWrapper #caroselWrapper ul li a.tab, #caroselWrapper ul li.nohover:hover a.tab {
	background-position:-19px 0 !important;
}

#stagemanagerContentWrapper #caroselWrapper ul li.active a.tab {
	background-position:0 0 !important;
}

#caroselWrapper ul li.active div.caroselContent {
	height:234px;
	z-index:1;
}

#stagemanagerContentWrapper #caroselWrapper ul li.active div.caroselContent {
	height:234px !important;
	z-index:1;
}

#caroselWrapper ul li.active div.caroselContent {
	height:234px;
	z-index:1;
}


/***********************************/
/**** mootools enabled carosel ****/
/*********************************/
#caroselWrapper ul.noover li div.caroselContent {
	height:0 !important;
	z-index:1 !important;
}

#caroselWrapper ul.noover li a {
	background-position:-19px 0 !important;
}

#caroselWrapper ul.noover li.over div.caroselContent {
	height:234px !important;
	z-index:4 !important;
}

#caroselWrapper ul.noover li.over a {
	background-position:0 0 !important;
}

#featuredOrchestraWrapper {
	position:relative;
	float:left;
	margin:0 0 0 8px;
	width:232px;
	height:234px;
	overflow:hidden;
	/*background-image:url(/images/tmp_featuredorchestra.jpg);*/
	z-index:1;
}

#featuredOrchestraWrapper a {
	position:absolute;
	top:49px;
	left:16px;
	/*left:198px;*/
	background-image:url(../images/bg-featured-orchestra.png);
	behavior: url(/css/iepngfix.htc);
	text-decoration:none;
	color:#000000;
	font-size:11px;
	line-height:16px;
	
	display:block;
	padding:16px 8px 16px 32px;
	margin:0 0 0 0px;
	width:216px;
	height:136px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:176px;
	height:104px;
}

#featuredOrchestraWrapper a span.bold {
	color:#333333;
	padding:0 0 4px 0;
	font-size:13px;
}

div#featuredOrchestraWrapper:hover a {
	margin:0;
}

div#featuredOrchestraWrapper.nohover:hover a {
	margin:0 0 0 198px;
}


#blockWrapper {
	padding:0 0 0 0;
	margin:14px 0 0 0;
}

#blockWrapper div.block {
	float:left;
	background-image:url(../images/bg-square-block.png);
	behavior: url(/css/iepngfix.htc);
	padding:18px;
	width:230px;
	height:225px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:194px;
	height:189px;
}

#blockWrapper div#Layer4, #blockWrapper div#Layer6 {
	margin-right:8px;
}

#blockWrapper div#Layer5 {
	margin-right:9px;
}

#memberslogin {
	padding:4px 0 0 0;
}