DANCE AT THE EBELL 

CITY BALLET OF LOS ANGELES

THE NUTCRACKER SWINGS
DECEMBER 18TH & 19TH 


<script src="/scripts_v673.js" type="text/javascript" language="javascript"></script>

<link rel='stylesheet' type='text/css' href='/c/font-awesome/css/fontawesome-all.min.css' />
<STYLE>


a.eventlink,
a:hover.eventlink,
a:visited.eventlink,
a:active.eventlink {
	display: block;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

a.eventlink .eventlinkview {
	color: #12b7c6;
}

a:hover.eventlink .eventlinkview {
	font-weight: bold;
	text-decoration: underline;
}

#main_column {
	padding-right: 20px;
}

</STYLE>


<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>
	<TR>
		<TD VALIGN=TOP ID="main_column"><!--
			-->
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>
	<TR>
		<TD CLASS=newbox>
			<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>

			<TR>
				<TD CLASS=newboxbottom><TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>
						<TR>
							<TD VALIGN=TOP STYLE="padding-right: 5px;"><TABLE WIDTH=100%>
								<TR>
									<TD STYLE="padding-top: 10px;"><div ID="name_main"><H1>City Ballet of Los Angeles</H1></div><div ID="location_main"><H2>Los Angeles , CA</H2><BR></div><div CLASS="text_main"><IMG SRC="/g/u/49879-250.gif" ALIGN=LEFT STYLE="padding-right: 4px; padding-bottom: 4px;" ID="image_main">City Ballet of Los Angeles performs <BR>The Nutcracker Swings December 18th & 19th </div></TD>
								</TR>
							</TABLE></TD>
							<TD VALIGN=TOP ALIGN=RIGHT><div ID="middle_column"><TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0><TR><TD ALIGN=CENTER>  </TD></TR></TABLE></div></TD>
						</TR>
					</TABLE>
			</TD></TR>
			</TABLE>
	</TD></TR>
</TABLE>

<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>
	<TR>
		<TD CLASS=newbox>
			<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>
<TR><TD CLASS=newboxtop><TABLE WIDTH=100% CELLPADDING=0 CELLSPACING=0 BORDER=0>
	<TR>
		<TD ALIGN=LEFT><div ID="downlink"></div></TD>
		<TD ALIGN=CENTER><div ID="calendartitle"></div></TD>
		<TD ALIGN=RIGHT><div ID="uplink"></div></TD></TR></TABLE></TD></TR>
			<TR>
				<TD CLASS=newboxbottom>
<div ID="calendar" WIDTH=100%></div>
</TD></TR>
			</TABLE>
	</TD></TR>
</TABLE>

<SCRIPT TYPE="text/javascript">

<!--
function getCalendar(newmonth, newyear) {

	$.post('/getusercalendar.html', { c_id:1274825, month:newmonth, year:newyear }, function(data) {

		var result = data + '\n';

		var downlink = '' ;
		var calendartitle = '' ;
		var uplink = '' ;
		var body = '' ;

		var str = result.split("\n");
		for(i=0; i < str.length - 1; i++) {

			if (i === 0) {

				downlink = str[0];
			} else if (i === 1) {

				calendartitle = str[1];
			} else if (i === 2) {

				uplink = str[2];
			} else {

				body += str[i];
			}
		}

		if (body != '') {

			var calendar = document.getElementById("calendar") ;
			calendar.innerHTML = body ;
			var downlinkobj = document.getElementById("downlink") ;
			downlinkobj.innerHTML = downlink ;
			var uplinkobj = document.getElementById("uplink") ;
			uplinkobj.innerHTML = uplink ;
			var calendartitleobj = document.getElementById("calendartitle") ;
			calendartitleobj.innerHTML = calendartitle ;
		}
	});
}
-->

</SCRIPT>

		</TD>
		<TD VALIGN=TOP WIDTH=325px ID="side_column"><!--
			-->
<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>
	<TR>
		<TD CLASS=newbox>
			<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH=100%>
<TR><TD CLASS=newboxtop>Contact</TD></TR>
			<TR>
				<TD CLASS=newboxbottom><div CLASS="address_side"><div ID="contact_side">City Ballet of Los Angeles<BR>City Ballet of Los Angeles<BR><BR></div><div ID="address_side"><B>Address</B><BR>3470 Oympiad Dr.<BR>Los Angeles , CA 90043<BR><BR></DIV><B>Website</B><BR><A HREF="http://www.cityballetofla.org">http://www.cityballetofla.org</A><BR><BR></div><div CLASS="social_side"><DIV ID="social_links" STYLE="padding:10px 0 15px 0;">
<SPAN STYLE="padding:5px 20px 5px 0"><A HREF="https://www.facebook.com/cityballetoflosangeles" TARGET=_blank CLASS=plain><i class="fab fa-facebook" style="font-size: 40px; color: #4272b8;"></i></A></SPAN>

</DIV>
</div><div CLASS="map_side">
					<div id="map_container">
						<div id="map_loading">Map is loading...</div>
						<iframe id="map" src="https://www.google.com/maps/embed/v1/place?q=3470+Oympiad+Dr.%2c+Los+Angeles+%2c+CA+United+States&zoom=14&key=AIzaSyDD-MBRiIU27DxlbhsTU9oG74o-jGjLbB4"></iframe>
					</div>
					<div id="maps_offsite">
						<A HREF="http://www.bing.com/maps/default.aspx?where1=3470+Oympiad+Dr.%2c+Los+Angeles+%2c+CA+United+States" TARGET="_blank"><IMG SRC="/g/6/bing_icon.png" HEIGHT=23px WIDTH=62px BORDER=0></A>
						<A HREF="http://maps.google.com/maps?q=3470+Oympiad+Dr.%2c+Los+Angeles+%2c+CA+United+States" TARGET="_blank"><IMG SRC="/g/6/google_maps_icon.png" HEIGHT=31px WIDTH=31px BORDER=0></A>
					</div>
					<style>
						#map_container {
							position: relative;
							border: 2px solid #999999;
							width:  300px;
							height: 320px;
						}
						#map_loading {
							display: block;
							margin: 25px 10px;
							text-align: center;
						}
						#map {
							display: none;
							position: absolute;
							top: 0;
							width:  300px;
							height: 320px;
							border: none;
						}
						#maps_offsite {
							margin: 5px 10px 15px;
							text-align: right;
						}
					</style>
					<script>
						$('#map').ready(function() {
					    	$('#map').css('display', 'block');
					    	$('#map_loading').css('display', 'none');
						});
					</script></div>
				
			</TD></TR>
			</TABLE>
	</TD></TR>
</TABLE>

		</TD>
	</TR>
</TABLE>
<SCRIPT>
window.onLoad= getCalendar('05', '2024');
</SCRIPT>



THE EBELL THEATER