@import url("css/nav.css");

/* CSS Document */
body {	text-align:center;
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background:#668bbd url(images/bg_page.gif) repeat-x top left;
	}

/*-------- Default Style --------*/
th,td,div{color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
a,a:link,a:visited,a:active{color:#4F839F; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
a:hover{color:#C00; text-decoration:none; }

/*-------- design style --------*/
.template_style{
	/*position:relative;*/
	width:1024px;
	margin:auto;
	padding:0;
	text-align:left;
	background:#172c4a url(images/bg_main.gif) repeat-y bottom left;}



.top_space{height:34px;}
.lang_pad{padding:7px 35px 0px 0px;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0px; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:116px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 19px 0 7px; height:40px; background:url(images/menu_bg.png) repeat-x top left;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) no-repeat top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) no-repeat top right; }

.search_style{float:right; padding:8px 0px 0px 0px;}
.search_bg{padding-right:2px;}
.search_bg Input{color: #43494D;}

.menu_style{float:left;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg_gray.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right;}

#login_style{ float:right; padding:8px 17px 0px 10px; }
#bread_style{ float:left; padding:8px 0px 0px 17px; color:#000000; font-size:13px; }

.center_bg{padding:0px; margin:0px;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 10px 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}

.bot_pad{background:url(
	images/bg_FooterFade.gif) repeat-x bottom left; 
	height:118px;
	margin:0px 30px 0px 215px;
	padding:80px 0px 0px 0px;
	border:solid 0px red;
	text-align:center;
	color:#ffffff;
	}

#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane, .ContentPane3, .RightPane3{ padding:0px; margin:0px; }
/*
.LeftPane{ padding:0px 10px 0px 0px; width:10em; margin:0px; }
.RightPane{ padding:0px 0px 0px 10px; width:10em; margin:0px; }
*/


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{ color:#4F839F; font-size:13px; }
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.links {text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#4F839F; font-size:11px; text-transform:uppercase; }
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#668bbd; font-size:12px;}
a.user:hover{color:#668bbd;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#ffffff; font-size:12px;}
a.footer:hover{color:#eb9b27;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 200px; height: 20px; border: solid 1px #e0e0e0; position:absolute; right:35px; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px 5px; position:relative; display: block;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:150px; height:18px; margin-left:3px;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; font-size:12px; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}

.home_left{
	/*position:relative;*/
	width:399px;
	float:left;
	}
	.home_left .intro{
		/*position:relative;*/
		width:399px;
		overflow:hidden;
		height:0px !important;
		height:507px;
		padding:507px 0px 0px 0px;	
		background:url(images/musictelling.gif) no-repeat 0px 10px;
		border:solid 0px red;
		}
	.home_left .contactinfo{		
		margin:25px 0px 0px 0px;
		padding:0px 30px 0px 60px;
		border:solid 0px red;
		display:block;
		text-align:center;
		}
		.home_left .contactinfo .name,
		.home_left .contactinfo .street,
		.home_left .contactinfo .phone,
		.home_left .contactinfo .city,
		.home_left .contactinfo .fax{
			text-align:center;
			font-size:1.2em;
			display:block;
			padding:0;
			margin:0px 0px 5px 0px;
			border:solid 0px red;
			color:#ffffff;
			}
		.home_left .contactinfo a.email{
			background:url(images/btn_email.png) no-repeat;
			width:175px;
			height:0px;
			overflow:hidden;
			display:block;
			padding:49px 0px 0px 0px;
			margin:15px 75px 0px 75px;}	
		
		.home_left .contactinfo .name{color:#fdb813;font-size:1.4em;}
		.home_left .contactinfo .phone{color:#ffffff}
		
.home_right{
	/*position:relative;*/
	width:625px;
	float:right;
	padding:50px 0px 0px 0px;
	}
	.home_right .btnViewPhotoGallery{
		background:url(images/btn_PhotoGallery_home.png) 300px 0px no-repeat;
		padding:46px 0px 0px 0px;
		margin:0;	
		display:block;
		overflow:hidden;
		height:0px !important;
		height:46px;
		width:625px;
		}
	.home_right .btnViewPhotoGallery:hover{background-position:300px -46px;}
	.home_right .ImagePane {border:0;padding:0;clear:both;}

	.home_right .btnWatchVideo{
		background:url(images/btn_WatchVideo.gif) 425px 0px no-repeat;
		padding:32px 0px 0px 0px;
		margin:0;	
		display:block;
		overflow:hidden;
		height:0px !important;
		height:32px;
		width:625px;
		}
	.home_right .btnWatchVideo:hover{background-position:425px -32px;}

	.home_right ul.Programs{
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		}
		.home_right ul.Programs li{
			float:left;
			display:block;
			height:142px;
			padding:0;
			margin:10px 0px 0px 0px;
			border:solid 0px red;
			}
			.home_right ul.Programs li a{
				display:block;				
				}
				.home_right ul.Programs li a.btnArabianNights,
				.home_right ul.Programs li a.btnLittleDragon,
				.home_right ul.Programs li a.btnCampImagination{
					padding:142px 0px 0px 0px;
					margin:0;	
					display:block;
					overflow:hidden;
					height:0px !important;
					height:142px;
					}
				.home_right ul.Programs li a.btnCampImagination{
					background:url(images/btn_CampImagination.gif) 0px 0px no-repeat;
					width:218px;
					
					}
				.home_right ul.Programs li a.btnLittleDragon{
					background:url(images/btn_TheLittleDragon.gif) 0px 0px no-repeat;
					width:193px;
					}
				.home_right ul.Programs li a.btnArabianNights{
					background:url(images/btn_ArabianNights.gif) 0px 0px no-repeat;
					width:184px;
					}

.HeaderPane{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
.colLeft{
	/*position:relative;*/
	width:215px;
	float:left;
	border:solid 0px red;
	background:#b57f39 url(images/logo_left.gif) 0px 0px no-repeat;
	padding:0;
	margin:0;
	}
.colMain {
	/*position:relative;*/
	width:808px;
	float:right;
	padding:0px 0px 0px 0px;
	border:solid 0px red;
	}
	.colMain .btnViewPhotoGallery{
		background:url(images/btn_PhotoGallery.png) 475px 0px no-repeat;
		padding:40px 0px 0px 0px;
		margin:0;	
		display:block;
		overflow:hidden;
		height:0px !important;
		height:40px;
		width:808px;
		}
	.colMain .btnViewPhotoGallery:hover{background-position:475px -40px;}

	.colMain .btnWatchVideo{
		background:url(images/btn_WatchVideo.gif) 605px 0px no-repeat;
		padding:32px 0px 0px 0px;
		margin:0;	
		display:block;
		overflow:hidden;
		height:0px !important;
		height:32px;
		width:780px;
		}
	.colMain .btnWatchVideo:hover{background-position:605px -32px;}

	.colMain .main_content{padding:0px 65px 0px 35px;}
		.colMain .main_content h1{padding:0px 0px 10px 0px;margin:0;font-size:3.5em;color:#ffffff;}
		.colMain .main_content h2{padding:5px 0px 5px 0px;margin:0;font-size:1.6em;color:#fdb813;line-height:1.5em;}
		.colMain .main_content h3{padding:5px 0px 5px 0px;margin:0;font-size:1.5em;color:#ffffff;line-height:1.4em;}
		.colMain .main_content p{padding:5px 0px 5px 0px;margin:0;font-size:1.4em;color:#ffffff;line-height:1.5em;}
		.colMain .main_content ol,
		.colMain .main_content ul{
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 20px;
			color:#ffffff;
			font-size:1.4em;}
			.colMain .main_content ol li,
			.colMain .main_content ul li{
				margin:0px 0px 3px 0px;
				padding:0px 0px 5px 0px;
				}
			.colMain .main_content ul li{
				list-style-image:url(/Portals/_default/Skins/TalesAndScales/images/btn_dotyellow.png);
				}
		.colMain .main_content .tabs{
			float:right;
			padding:10px 10px 0px 0px;
			}

	.colMain .musictellers_content{/*position:relative;*/padding:0px 65px 0px 35px;}
		.colMain .musictellers_content h1{padding:0px 0px 15px 0px;margin:0;font-size:3.5em;color:#ffffff;}
		.colMain .musictellers_content h2{padding:0px 0px 15px 0px;margin:0;font-size:1.6em;color:#fdb813;line-height:1.5em;}
		.colMain .musictellers_content p{padding:0px 0px 8px 210px;margin:0;font-size:1.4em;color:#ffffff;line-height:1.5em;}
			.colMain .musictellers_content p strong{color:#6ba0d0;}
		.colMain .musictellers_content img{position:absolute;}

	.colMain .programs_content{/*position:relative;*/padding:0px 65px 0px 35px;}
		.colMain .programs_content h2{padding:0px 0px 5px 240px;margin:0;font-size:1.6em;color:#fdb813;line-height:1.2em;}
		.colMain .programs_content p{padding:0px 0px 8px 240px;margin:0;font-size:1.4em;color:#ffffff;line-height:1.5em;}
			.colMain .programs_content p strong{color:#6ba0d0;}
		.colMain .programs_content ul{
			position:relative;
			top:0px;
			left:265px !important;
			left:260px;
			display:block;
			margin:0;
			padding:0;
			}
			.colMain .programs_content ul li{
				list-style:none;
				margin:0;
				padding:0px 0px 3px 0px;
				list-style-image:url(/Portals/_default/Skins/TalesAndScales/images/btn_dotyellow.png);}
			.colMain .programs_content ul li a{
				font-size:1.5em;
				color:#fcd883;	
				display:block;
				padding:0px 0px 1px 0px;
				}
				.colMain .programs_content ul li a:hover{color:#ffffff;}

		.colMain .programs_content img{position:absolute;}

	.colMain ul.programs_left{
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		position:absolute;
		width:220px;
		z-index:9000;
		}
		.colMain ul.programs_left li{
			display:block;
			height:142px;
			padding:0;
			margin:0;
			border:solid 0px red;
			list-style:none;
			list-style-image:none;
			overflow:hidden;
			}
			.colMain ul.programs_left li a.btnArabianNights,
			.colMain ul.programs_left li a.btnLittleDragon,
			.colMain ul.programs_left li a.btnCampImagination{
				padding:142px 0px 0px 0px;
				margin:0;	
				display:block;
				overflow:hidden;
				height:0px !important;
				height:142px;
				}
				.colMain ul.programs_left li a.btnCampImagination{
					background:url(images/btn_CampImagination.gif) -10px 0px no-repeat;
					width:220px;
					
					}
				.colMain ul.programs_left li a.btnLittleDragon{
					background:url(images/btn_TheLittleDragon.gif) 15px 0px no-repeat;
					width:220px;
					}
				.colMain ul.programs_left li a.btnArabianNights{
					background:url(images/btn_ArabianNights.gif) 15px 0px no-repeat;
					width:220px;
					}




	.colMain ul.Programs{
		padding:0px 0px 0px 30px;
		margin:0px 0px 0px 0px;
		}
		.colMain ul.Programs li{
			float:left;
			display:block;
			height:142px;
			padding:0;
			margin:10px 0px 0px 0px;
			border:solid 0px red;
			}
			.colMain ul.Programs li a{
				display:block;							
				}
				.colMain ul.Programs li a.btnArabianNights,
				.colMain ul.Programs li a.btnLittleDragon,
				.colMain ul.Programs li a.btnCampImagination{
					padding:142px 0px 0px 0px;
					margin:0;	
					display:block;
					overflow:hidden;
					height:0px !important;
					height:142px;
					}
				.colMain ul.Programs li a.btnCampImagination{
					background:url(images/btn_CampImagination.gif) 0px 0px no-repeat;
					width:218px;
					
					}
				.colMain ul.Programs li a.btnLittleDragon{
					background:url(images/btn_TheLittleDragon.gif) 0px 0px no-repeat;
					width:193px;
					}
				.colMain ul.Programs li a.btnArabianNights{
					background:url(images/btn_ArabianNights.gif) 0px 0px no-repeat;
					width:184px;
					}
	.colMain #houseMenuVstatic{
		/*position:relative;*/
		display:block;
		}
		.colMain #houseMenuVstatic li{
			display:inline;
			/*position:relative;*/
			padding:0;
			margin:0;
			list-style-image:url(/Portals/_default/Skins/TalesAndScales/images/btn_dotyellow.png);
			}
		.colMain #houseMenuVstatic a{
			font-size:1.0em;
			color:#fcd883;	
			display:block;
			border:solid 0px red;
			padding:3px 0px 5px 15px;margin:0;
			background:url(images/btn_dotyellow.png) 0px 4px no-repeat;
			}
			.colMain #houseMenuVstatic a:hover{color:#ffffff;}
	
			.colMain #houseMenuVstatic li a{font-size:1.0em;line-height: 1.0}
			.colMain #houseMenuVstatic li li a{font-size:0.7em;line-height: 1.0}
			.colMain #houseMenuVstatic li li li a{font-size:0.7em;line-height: 1.0}



.content_left{float:left;width:400px;border:solid 0px red;}
	.content_left .main_content{padding:0px 10px 0px 35px;}
	.content_left .main_content em{font-size:0.8em;color:#fcd883;}
	.content_left .main_content hr{border:dashed 1px #4f91cd;margin:10px 0px 30px 0px; padding:0;}

.content_right{float:right;width:405px;border:solid 0px red;}
	.content_right .main_content{padding:0px 65px 0px 10px;}
	.content_right .main_content em{font-size:0.8em;color:#fcd883;}
	.content_right .main_content hr{border:dashed 1px #4f91cd;margin:10px 0px 30px 0px; padding:0;}
.col3{
	float:left;
	width:590px;
	border:solid 0px red;
	margin:0;
	padding:0;
	}	
	.col3 .main_content{
		padding:0px 35px 0px 35px;
		}
	.col3 .main_content .imageLeft{padding:10px 20px 20px 0px;float:left;}
		.col3 .main_content .imageLeft img{margin:0px 0px 10px 0px;border:solid 0px red;}
		.col3 .main_content .imageLeft a:link,
		.col3 .main_content .imageLeft a:active,
		.col3 .main_content .imageLeft a:visited,
		.col3 .main_content .imageLeft a:hover{border:solid 0px red;}
.colRight3{
	float:right;
	width:210px;
	margin:0;
	padding:0;
	border:solid 0px red;
	/*position:relative;*/
	}
	.colRight3 h2{padding:0px 0px 15px 0px;margin:0;font-size:1.6em;color:#fdb813;line-height:1.5em;}
	.colRight3 .main_content{padding:0px 35px 0px 0px;margin:0;}
	.colRight3 a.Normal:link,
	.colRight3 a.Normal:active,
	.colRight3 a.Normal:visited{color:#fcd883;font-size:.9em;}
	.colRight3 a.Normal:hover{color:#ffffff;font-size:.9em;}

	.LinksDesignTable td{
		padding:3px 0px 5px 17px;
		margin:0;
		background:url(images/btn_dotyellow.png) 0px 6px no-repeat;
		}
		.LinksDesignTable td a{
			font-size:0.95em;
			color:#fcd883;	
			display:inline;
			border:solid 0px red;
			padding:0;
			margin:0;
			}
			.LinksDesignTable td a:hover{color:#ffffff;}

#dnn_ctr413_Events_UP{width:700px;}



#dnn_ctr413_Events_UP span.Head{color:#fcd883;}
#dnn_ctr413_Events_UP span.SubHead{color:#ffffff;}
#dnn_ctr413_Events_UP span.Normal{color:#ffffff;font-size:1.0em;}
#dnn_ctr413_Events_UP p{color:#ffffff;font-size:1.0em;}


.c_footer .Head{border:solid 0px red;padding:0px 0px 0px 35px;}




a.CommandButton:link,
a.CommandButton:active,
a.CommandButton:visited{color:#fcd883;}
a.CommandButton:hover{color:#ffffff;}


.sponsor_right{
	position:relative;
	border:solid 0px blue;
	padding:0;
	margin:0;
	}
	.sponsor_right .main_content{
		position:absolute;
		right:55px;
		top:20px;
		width:150px;
		border:solid 0px red;
		padding:0;
		margin:0;
		}
		.sponsor_right .main_content p{padding:0;margin:0px 0px 10px 0px;}
div.faqQuestion,
div.faqQuestion p{padding:0px 0px 0px 0px;display:block;}

div.faqAnswer,
div.faqAnswer p{color:#fcd883;padding:0px 0px 0px 20px;display:block;}


.SubHead span{color:#ffffff;}

.clear{clear:both;}

.DonorLevels th{font-size:1.2em;color:white;font-weight:bold;}
.DonorLevels td{font-size:1.3em;color:white;padding:0px 10px 0px 10px;}

.LinksDesignTable a.Normal{font-size:1.3em;}
.credits{
	font-size:0.7em;
	padding:0;
	margin:20px 0px 0px 0px;
	text-align:center;
	color:#668bbd;
	}
	.credits a:link,
	.credits a:active,
	.credits a:visited{color:#668bbd;}
	.credits a:hover{color:red;}