body, div, img, form, input, option, select, p, h1, h2, h3, h4, ul, ol, li
{margin: 0; padding: 0;}
body {background: #000;	text-align: center; margin-bottom: 70px;}
a {outline: none;}
div {position: relative;}
p,h1,h2,h3,h4,li {text-align: left;}
p {font: 11px Verdana; color: #fff; line-height: 20px;}
h1 {font: 25px Georgia; color: #81B6F1;}
a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
#page, #page_about, #page_faculty, #page_calendar, #page_announcements, #page_pricing, #page_contact, #page_classes
{margin: 0 auto; width: 903px; }
.mainbg1	{background: url(/images/mainphoto1.jpg) no-repeat;}
.mainbg2	{background: url(/images/mainphoto2.jpg) no-repeat;}
.mainbg3	{background: url(/images/mainphoto3.jpg) no-repeat;}
.mainbg4	{background: url(/images/mainphoto4.jpg) no-repeat;}
.mainbg5	{background: url(/images/mainphoto5.jpg) no-repeat;}
.mainbg6	{background: url(/images/mainphoto6.jpg) no-repeat;}
.mainbg7	{background: url(/images/mainphoto7.jpg) no-repeat;}
.topnavbg1, .topnavbg1 a:hover	{background-image: url(/images/topnav1.gif);}
.topnavbg2, .topnavbg2 a:hover	{background-image: url(/images/topnav2.gif);}
.topnavbg3, .topnavbg3 a:hover	{background-image: url(/images/topnav3.gif);}
.topnavbg4, .topnavbg4 a:hover	{background-image: url(/images/topnav4.gif);}
.topnavbg5, .topnavbg5 a:hover	{background-image: url(/images/topnav5.gif);}
.topnavbg6, .topnavbg6 a:hover  {background-image: url(/images/topnav6.gif);}
.topnavbg7, .topnavbg7 a:hover  {background-image: url(/images/topnav7.gif);}

.botnavbg1, .botnavbg1 a:hover	{background-image: url(/images/botnav1.gif);}
.botnavbg2, .botnavbg2 a:hover	{background-image: url(/images/botnav2.gif);}
.botnavbg3, .botnavbg3 a:hover	{background-image: url(/images/botnav3.gif);}
.botnavbg4, .botnavbg4 a:hover	{background-image: url(/images/botnav4.gif);}
.botnavbg5, .botnavbg5 a:hover	{background-image: url(/images/botnav5.gif);}
.botnavbg6, .botnavbg6 a:hover	{background-image: url(/images/botnav6.gif);}
.botnavbg7, .botnavbg7 a:hover	{background-image: url(/images/botnav7.gif);}

#toprow {width: 903px; height: 80px;}
#toprow img.logo {position: absolute; top: 0; left: 0; border: none;}

.topnav {position: absolute; top: 0; left: 291px; width: 612px; height: 47px;}
.topnav ul.topul {height: 47px; width: 612px; top: 0px; left: 0px; margin: 0; padding: 0; position: relative;}
.topnav ul.topul li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul.topul li, ul.topul a {height: 47px; display: block;}
.topnav ul.topul li a {text-indent: -9999px; text-decoration: none;}

.topnav .home		{left: 0; width: 53px;}
.topnav .about		{left: 53px; width: 96px; background-position: -53px 0;}
.topnav .faculty	{left: 149px; width: 98px; background-position: -149px 0;}
.topnav .calendar	{left: 247px; width: 81px; background-position: -247px 0;}
.topnav .announce	{left: 328px; width: 129px; background-position: -328px 0;}
.topnav .pricing	{left: 457px; width: 67px; background-position:  -457px 0;}
.topnav .contact	{left: 524px; width: 88px; background-position: -524px 0;}

.topnav .home		a:hover {background-position:  0 -47px;}
.topnav .about		a:hover {background-position: -53px -47px;}
.topnav .faculty	a:hover {background-position: -149px -47px;}
.topnav .calendar	a:hover {background-position: -247px -47px;}
.topnav .announce	a:hover {background-position: -328px -47px;}
.topnav .pricing	a:hover {background-position:  -457px -47px;}
.topnav .contact	a:hover {background-position: -524px -47px;}

#page .home a:hover {cursor: default;}
#page_about .about, #page_about .about a:hover {background-position: -53px -94px; cursor: default;}
#page_faculty .faculty, #page_faculty .faculty a:hover {background-position: -149px -94px; cursor: default;}
#page_calendar .calendar, #page_calendar .calendar a:hover {background-position: -247px -94px; cursor: default;}
#page_announcements .announce, #page_announcements .announce a:hover {background-position: -328px -94px; cursor: default;}
#page_pricing .pricing, #page_pricing .pricing a:hover {background-position: -457px -94px; cursor: default;}
#page_contact .contact, #page_contact .contact a:hover {background-position: -524px -94px; cursor: default;}

.botnav {position: absolute; top: 47px; left: 507px; width: 396px;	height: 33px;}
.botnav ul.botul {height: 33px; width: 396px; top: 0px; left: 0px; position: relative;}
.botnav ul.botul li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul.botul li, ul.botul a {height: 33px; display: block;}
.botnav ul.botul li a {text-indent: -9999px; text-decoration: none;}

.botnav .ballet		{left: 59px; width: 56px;}
.botnav .pointe		{left: 115px; width: 57px;}
.botnav .jazz		{left: 172px; width: 48px;}
.botnav .tap		{left: 220px; width: 42px;}
.botnav .modern		{left: 262px; width: 67px;}
.botnav .pilates	{left: 329px; width: 67px;}

.botnav .ballet		a:hover {background-position: -59px -33px;}
.botnav .pointe		a:hover {background-position: -115px -33px;}
.botnav .jazz		a:hover {background-position: -172px -33px;}
.botnav .tap		a:hover {background-position: -220px -33px;}
.botnav .modern		a:hover {background-position: -262px -33px;}
.botnav .pilates	a:hover {background-position: -329px -33px;}

#left {margin: 390px 0 0 0; float: left; width: 536px; display: inline; padding-bottom: 25px;}
#left h1, #left p {padding: 10px 0 0 26px;}

#left p.intro {padding: 0 15px 0 26px; width: 490px; float: left;}
#left a:link, #left a:visited {font-style: italic; color: #3B79BF;}

.grayline {clear: both; margin: 10px 0 0 0; padding: 0;}

.announcements {float: left; width: 250px;}
.events {float: right; width: 257px; margin-right: 27px; display: inline;}

#right {margin: 299px 0 0 0; float: right; width: 367px; display:inline; height: 413px; padding-bottom: 25px;}
.rightbg {background: #000; opacity: .3; filter: alpha(opacity=30); width: 367px; height: 100%; z-index: 0; position: absolute; top: 0; left: 0;}
.instruction {position: relative; z-index: 10;}

#right ul {position: relative; z-index: 10; list-style: none; width: 367px; position: relative; top: 0; left: 0;}
#right ul li, #right ul a {height: 61px; display: block; text-indent: -9999px; color: #fff;  width: 363px; font: 11px Verdana; line-height: 20px;}
#right ul li, #right ul a:hover {text-indent: 0; text-decoration: none;}
#right ul span	{position: relative; top:8px; left: 106px; width: 261px; display: block; vertical-align: middle;}

#right .ballet		a {background: url(/images/mouseover.gif) 0 0; height: 61px;}
#right .pointe		a {background: url(/images/mouseover.gif) 0 -61px; height: 59px;}
#right .jazz		a {background: url(/images/mouseover.gif) 0 -120px; height: 61px;}
#right .tap			a {background: url(/images/mouseover.gif) 0 -181px; height: 60px;}
#right .modern		a {background: url(/images/mouseover.gif) 0 -241px; height: 61px;}
#right .pilates		a {background: url(/images/mouseover.gif) 0 -302px; height: 61px;}

#right .ballet		a:hover {background: url(/images/mouseover.gif) 0 -363px;}
#right .pointe		a:hover {background: url(/images/mouseover.gif) 0 -424px;}
#right .jazz		a:hover {background: url(/images/mouseover.gif) 0 -483px;}
#right .tap			a:hover {background: url(/images/mouseover.gif) 0 -544px;}
#right .modern		a:hover {background: url(/images/mouseover.gif) 0 -604px;}
#right .pilates		a:hover {background: url(/images/mouseover.gif) 0 -665px;}

#footer {clear: both; width: 903px; padding: 0 0 15px 0;}
#footer p, #footer a {color: #808080; line-height: 15px;}
#footer p.copyright {float: left; padding-left: 15px; }
#footer p.links {float: right; padding-right: 15px; text-align: right;}

/*-------Interior Styles--*/
#rotation	{width: 903px; height: 160px;}
#rotation img.header {float: right; margin: 49px 20px 0 0;}

#content	{float: left; width: 600px; padding-bottom: 25px;}
#content h1 {font: 30px Georgia; color: #637B95; padding: 32px 0 0 26px;}
#content h3 {font: bold 12px Verdana; text-transform: uppercase; padding: 25px 0 0 26px; line-height: 22px; color: #A5CDF9;}
#content p	{line-height: 22px; padding: 26px 0 0 26px;}
#content p.details {padding-top: 10px;}
#content ul, #content ol	{margin: 13px 0 0 40px;}
#content li	{color: #fff; font: 11px Verdana; margin: 6px 0 0 0; padding: 0; line-height: 18px;}
#content li ul {margin: 0 0 10px 20px;}
#content a {color: #3b79bf;}

#panel		{float: right; width: 248px; padding-bottom: 25px;}
#panel h1	{font: 24px Georgia; color: #81B6F1; padding: 5px 20px 0 8px;}
#panel h1.first {padding-top: 35px;}
#panel p	{padding: 6px 20px 0 8px;}
#panel a:link, #panel a:visited {color: #3B79BF; font-style: italic;}
#panel img.gray {margin: 8px 0 0 0;}

.clr {clear: both; font-size: 1px; width: 0; height: 0; margin: 0; padding: 0; line-height: 0px;}

/*------------------------- Google Map styles -------------------*/
div.tabbody {width: 290px; height: 80px; overflow: auto;}
#facts {width: 302px; margin: 15px 0px 0px 0px; padding: 0px; background-color: #E0EDF3; border: 1px dashed #858584;}
#map {padding: 0; margin: 0;}
#map_container {float: left; background: url(http://www.theballetconservatory.com/images/mapbg2.gif) no-repeat; width: 405px; height: 437px; padding-top: 1px; padding-bottom: 0; margin: 15px 0 0 25px; display: inline; padding-left: 5px;}
div.tabbody p {font: 12px Verdana;}
.turnbyturn {background-color: #DFEEF3; padding-left: 15px; width: 220px; border: 1px dashed #66C6B8; overflow: hidden;}
.turnbyturn p {font: 12px Verdana; padding: 0; margin: 0;}
.turnbyturn form {margin: 0; padding: 0; font: 12px Verdana;}
#map {border: 1px solid #000; margin: 15px 0 0 8px;}
/*----------------------------------------- End Google Map styles ----------------------------*/

#bgPhoto {
	width: 903px;
	height: 550px;
	position: absolute;
	z-index: 0px;
	top: 0px;
	left: 50%;
	margin-left: -451px;
}
#bgPhoto img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0px;
}
#toprow h1.logo { position:absolute; top:0; left:0; background-image:url(/images/logo.png); text-indent:-9999px; width:291px; height:80px; }
* html #toprow h1.logo { background-image:url(/images/logo.gif); }
#page { position:relative; z-index:10; }

.topnavbg a {background-image: url(/images/topnav.png);}
* html .topnavbg a {background-image: url(/images/topnav.gif);}
.topnavbg .home		a {background-position:  0px 0px;}
.topnavbg .about	a {background-position: -53px 0px;}
.topnavbg .faculty	a {background-position: -149px 0px;}
.topnavbg .calendar	a {background-position: -247px 0px;}
.topnavbg .announce	a {background-position: -328px 0px;}
.topnavbg .pricing	a {background-position: -457px 0px;}
.topnavbg .contact	a {background-position: -524px 0px;}

.botnavbg, .botnavbg a:hover {background-image: url(/images/botnav.png);}
* html .botnavbg, * html .botnavbg a:hover {background-image: url(/images/botnav.gif);}