@charset "UTF-8";
/* CSS Document */

body {
	text-align:center;
	background-color:#FFFFFF;
	background-repeat:repeat;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(music4children%20-%20helping%20underpriviledged%20children_files/images/bg.gif);
	}
 img {border:0;}
	
	#frame {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	position:relative;
	}
	
	#logo {
	width:800px;
	padding:0px;
	text-align:left;
	height: 155px;
	float:left;
	}

	#header {
	width:800px;
	padding:0px;
	text-align:left;
	background-color: #9DCE3B;
	float:left;
	height: 20px;
	}
	
	#header ul {position:absolute; top:0; left: 340px; list-style:none; }
	#header ul li {height: 18px;}
	
	#content {
	width:800px;
	padding:0px;
	text-align:left;
	float:left;
	}
	
	h1, h2 {color: #9DCE3B; font-size:20px;}
	h1 {font-size:25px;}
	h2 {font-size:20px;}

	#left {
	width:550px;
	padding:10px;
	text-align:left;
	background-color: #FFFFFF;
	float:left;
	}
	
	#left img.nextEvent {/*float:left;margin-right:20px;*/}
	#left a.nextEvent {text-align: center; background: #9DCE3B;text-decoration: none; color: #000;display: block;/*height: 118px;*/overflow: hidden; padding: 5px; border: 1px solid #999999;}
	#left a.nextEvent:hover {background: #fff;}
	#left strong.nextEvent, #left .s1.nextEvent {font-size: 20px;display: block;}
	#left strong.nextEvent,#left em.nextEvent {}
	#left em.nextEvent {font-weight: bold;}

#right {
	width:210px;
	padding:10px;
	text-align:left;
	float:right;
	}

#donate {background: transparent url(images/sprite_donate.png) no-repeat -210px -70px; width: 210px;padding-top: 10px;}
#donate h2 {color: #fff; background: #F1C140 url(images/sprite_donate.png) no-repeat 10px 0; padding: 18px 0 25px 80px;margin: 0; font-size:30px;}
#donate a {background: #F1C140 url(images/sprite_donate.png) no-repeat 0 -90px; text-decoration:none; color: #526229; height: 38px;font-size:20px; font-weight:700; text-align:center; padding-top:10px; margin: 0 0 10px; display:block;}
#donate p {background: url(images/sprite_donate.png) no-repeat -210px bottom;padding: 0 10px 10px; margin: 0 0 10px;}

#right fieldset {border: 0; background:#f1c140;}
#right legend {background: #fff; padding: 3px 6px; color:#526229; font-weight:700; font-size:15px;}
	
#links {
	width:200px;
	padding:20px;
	text-align:left;
	float:right;
	margin-right: -20px;
	background:#ffffff;
	}	

	#footer {
	width:800px;
	padding:0px;
	text-align:left;
	background-color: #9DCE3B;
	float:left;
	height: 50px;
	}


p.head { font-size: 20px; width: 300px;margin: 30px 0 30px 20px;float: right;}

div.mediaFiles {border: 2px solid #9DCE3B; display: block;margin: 0 0 20px 20px;float: right; width: 300px; position:relative;}

div.mediaFiles p{margin-top: 0;}
div.mediaFiles strong {display: block; color: #fff; background: #9DCE3B;padding: 5px;font-size: 14px;}
div.mediaFiles span {padding: 5px;display: block;}
div.mediaFiles span a, dl.past a {display: block;}
div.mediaFiles span em, dl.past em {font-size: 10px;}

div.mediaFiles span.single {}
div.mediaFiles span.single a {display: inline;}
div.mediaFiles span.single a strong {color:inherit;display:inline;font-size:12px;padding:0;background: none;}

dl.past {}
dl.past dt { color: #9DCE3B; font-size: 14px; font-weight:bold;margin: 5px;border-bottom: 1px dashed #9DCE3B;}
dl.past dd {padding: 5px;margin: 0;}
h2 {margin-top: 20px;}

#about #left ul {padding: 0;}
#about #left ul li { background: url(images/orange.gif) no-repeat left top; list-style:none;padding-bottom:10px;padding-left:30px;}

a.flyer {text-decoration:none;}
a.flyer strong {text-decoration:underline; font-size:16px; color:#000;}