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

body                                  {background:#fff url(images/mainbg.jpg) no-repeat center 45px;margin:0;padding:0;}
body#home                             {background:#fff url(images/mainbg.jpg) no-repeat center top;margin:0;padding:0;}
body.video                            {background:#fff;margin:0;padding:0;}
img                                   {border:0;}
p, h1, h2, h3                         {margin:0;padding:0;}
a                                     {text-decoration:none;color:#e5bb43;}
.clearfix                             {clear:both;}
a, img, div 													{behavior: url(iepngfix.htc); }

/*-- header---------------*/
#headWrapper                          {width:100%;height:124px;clear:both;background:url(images/headerBG.gif) repeat-x top left;}
#headWrapper #head                    {width:950px;margin:0 auto 0 auto;height:124px;background:url(images/header-home.png) no-repeat top left;}
#headWrapper #logo                    {float:left;display:block;text-indent:-1500px;overflow:hidden;height:100%;width:500px;}

#headWrapper #search                  {text-align:right;padding:0px 10px 0 0;font-family:verdana;font-size:12px;width:436px;float:left;font-size:10px;}
#headWrapper #search a.contact        {text-transform:uppercase;display:block;float:right;margin:10px 0 10px 0px;font-weight: bold; font-size: 13px;}
#headWrapper #search form             {margin:0px;width:155px;float:right;}
#headWrapper #search input            {}
#headWrapper #search input.searchbox  {display:block;float:left;border:1px solid #d5642c;width:100px;margin:0;padding:1px 0 1px 5px;height:16px;margin:7px 0 0 10px;}
#headWrapper #search input.go         {display:block;float:left;border:1px solid #d5642c;margin:7px 0 0 0;}
#headWrapper #search p                {color:#fff;border-top:1px solid #57a2d9;margin:0px 0 0 0;padding:5px 0 0 0;width:100%;line-height:14px;clear:both;}
#headWrapper #search p a              {display:block;background:url(images/sm-arrow.jpg) no-repeat right 50%;padding:0 12px 0 0;font-weight: bold;}
#facebook-top			              {font-weight: bold; text-transform: uppercase; margin-top: 4px; outline: 0px;}
#facebook-top img					  {vertical-align: -15%;}

#home #headWrapper #search            {height:126px;}

#home #headWrapper #head              {height:126px;background:url(images/header-home.png) no-repeat top left;}
#home #headWrapper                    {top:0px;left:0px;position:absolute;width:100%;height:126px;clear:both;background:url(images/headerBG.gif) repeat-x top left;}


/*-- nav -----------------*/
#nav                                  {background:url(images/bg-nav.gif) no-repeat top left;font-family:Arial, Helvetica, sans-serif;color:#f5a337;clear:both;width:920px;height:41px;margin:0 auto 0 auto;padding:0;text-align:center;font-size:13px;padding:0 0 0 30px}
#nav a                                {float:left;display:block;color:#fff;text-decoration:none;padding:10px 0px 0px 0px;height:31px}
#nav a strong                         {padding:0 31px 0 31px; color:#57a2d9}
#home #nav a strong                   {padding:0 45px 0 45px; color:#57a2d9}
#nav a:hover, #nav a#here             {color:#f5d375;}

#aboutus .aboutus,
#newsandevents .newsandevents         {color:#d00128;}

/*--news -----------------*/
#news                                 {background:#57a2d9 url(images/bg-news-inside.gif) top left no-repeat;padding:70px 0 0 0;margin:5px 0 0 0;width:211px;font-size:11px; float: left;}
#news_all .seeallnews                 {background:#fff url(images/bg-seeallnews.gif) no-repeat top left; display:block;margin:0;height:40px;text-indent:-200px;overflow:hidden;width:212px; clear: both;}
#news p                               {border-bottom:2px dotted #fff;margin: 0px; padding: 0px; margin-left: 10px; margin-right: 10px; padding-bottom: 8px; margin-bottom: 8px;}
#news p strong                        {font-size:110%;color:#fff;}
#news p em                            {color:#fff;text-transform:uppercase;}
#news p a                             {color:#f5d375;text-decoration:none;font-weight:bold;}
#news p a:hover                       {color:#9f0d29;}
#news img                             {margin:0 auto 0 auto;}

#home #news                           {font-size:11px;background:url(images/bg-home-news-long.gif) no-repeat top right;width:241px;float:left;height:337px;padding:75px 0 0 25px;color:#000;margin:9px 0 0 0;}
#home #news .seeallnews               {background:url(images/bg-seeall.gif) no-repeat top center; display:block;margin:0 0 0 -9px;height:26px;text-indent:-200px;overflow:hidden;width:100%;}
#home #news p                         {margin: 0px; padding: 0px; margin-right: 16px; padding-bottom: 8px; margin-bottom: 8px;}	

/*-- home oasis ----------*/
#collage                              {width:950px;clear:both;margin:0 auto 0 auto}
#collage img                          {float:left;}
#collage p                            {background:url(images/bg-ey-intro.gif) no-repeat top right;display:block;width:auto;height:197px;text-indent:-2000px;overflow:hidden;}

/*-- content -------------*/
/*---- side nav ----------*/
#content                              {width:950px;clear:both;margin:0 auto 0 auto;font-family:Arial, Helvetica, sans-serif;}
#content #sidebar                     {width:212px;float:left;margin:0 4px 0 0;}
#content #sidebar ul                  {margin:0 0 5px 0;padding:0}
#content #sidebar ul li               {list-style-type:none;}
#content #sidebar ul li a             {background:url(images/bg-subnavItems.gif) no-repeat 0 0;display:block;font-family:arial;color:#fff;text-decoration:none;font-size:12px;padding:9px 0 10px 9px;height:14px;}
#content #sidebar ul li a:hover       {background:url(images/bg-subnavItems.gif) no-repeat 0 -32px;color:#71000b}
#content #sidebar ul li a#subhere     {color:#71000b;font-weight:bold;background:url(images/bg-subnavItems.gif) no-repeat 0 -32px;}

#content #sidebar a.sub               {height:145px;margin:0;padding:0;overflow:hidden;text-indent:-400px;}
#content #sidebar a.sub.overview      {background:url(images/gfx-sidenavHeaderOverview.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.contact       {background:url(images/gfx-sidenavHeaderContact.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.search        {background:url(images/gfx-sidenavHeaderSearch.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.management    {background:url(images/gfx-sidenavHeaderManagement.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.meet          {background:url(images/gfx-sidenavHeaderMeet.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.newspage      {background:url(images/gfx-sidenavHeaderNewspage.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.calendar      {background:url(images/gfx-sidenavHeaderCal.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub:hover         {background-position: top left;}


/*---- main content -------*/

#content #main                        {width:700px;float:left;background:url(images/bg-mainContent.gif) repeat-y top left;margin:0 0 20px 0;padding:0px 4px 10px 30px;font-family:verdana;font-size:11px;color:#424242;line-height:20px;border-bottom:3px solid #c8c7c7;}
#content #main a					  {font-weight: bold; font-size: 110%;}
#content #mainimg                     {float:left;margin:5px 0 0 0;}
#content #main p.bigimage             {width:650px;height:154px;overflow:hidden;text-indent:-2000px;margin:0 0 20px 0;padding:0;}
#content #main p.bigimage.titleabout  {background:url(images/bg-overviewTop.gif);height:152px;}
#content #main p.bigimage.titlecal    {background:url(images/bg-calendarTop.gif);height:90px;}
#content #main p.bigimage.titlenews   {background:url(images/bg-newsTop.gif);height:90px;}
#content #main p.bigimage.titlemeet   {background:url(images/bg-meetTop.gif);height:160px;}

#content #main .landing               {margin:0 0px 70px 30px;}
#content #main p                      {width:90%;margin:0 0 15px 0;}
#content #main h2                     {font-size:130%;color:#838383;margin:0;}
#content #main #text br               {margin:0;line-height:0;}

#content #main h4,#content #main h3   {margin:0;}
#content #main #contentcap            {display:block;height:12px;background:url(images/bg-contentBottom.gif) left bottom;margin:0 0 0 -30px;z-index:30;padding:0;clear:both;width:734px;}

#content #main #details               {width:450px;float:left;line-height:20px;}
#content #main #rightside             {width:250px;float:left;}




/*---- Call outs ---------*/
#content #main a.co                   {display:block;width:192px;height:90px;float:left;padding:35px 10px 0 10px;text-decoration:none;color:#888888;font-family:arial;margin:0 10px 0 0;}
               .coAdult               {background:url(images/co-adult.gif) no-repeat top left;}
               .coJazz                {background:url(images/co-jazz.gif) no-repeat top left;}
               .coHiphop              {background:url(images/co-hiphop.gif) no-repeat top left;}
               .coBallet              {background:url(images/co-ballet.gif) no-repeat top left;}
               .coTap                 {background:url(images/co-tap.gif) no-repeat top left;}
               .coBoysdance           {background:url(images/co-boysdance.gif) no-repeat top left;}
               .coModern              {background:url(images/co-modern.gif) no-repeat top left;}
#content #main .co.pdf                {outline: 0;display: block; clear:left;height:45px;width:155px;background:url(images/co-pdf.gif) no-repeat top left;padding:0;text-indent:-3000px;margin:30px 0 0 0;}
#content #main .co.video              {outline: 0;display: block; height:45px;width:155px;background:url(images/co-watchvideo.gif) no-repeat top left;padding:0;text-indent:-3000px;margin:30px 0 0 0;}
#content #main .co.audio              {outline: 0;display: block; height:45px;width:155px;background:url(images/co-listentoaudio.gif) no-repeat top left;padding:0;text-indent:-3000px;margin:30px 0 0px 0;}
#content #main a.co:hover             {color:#000;} 
#content #main a.co.performers        {width:300px;background:#ccc;margin:10px 15px 10px 5px;padding:10px;}
#content #main a.co.performers u      {display:block}
#content #main .co.teacher            {float: left; width: 310px;padding:2px 0 2px 15px;margin:2px 10px 8px 0;background:#eee; color:#888888; overflow: hidden; height: 190px;}
#content #main .co.teacher a		  {margin: 0; padding: 0; display: block; color: #888888;}
#content #main .co.teacher a:hover 	  {color: #000000;}
#content #main .co.teacher p          {margin-bottom: 8px;}
#content #main .co.teacher h3         {font-size: 12px; margin:10px 0 10px 0}
#content #main .co.teacher img        {float:left;margin:0 20px 0 0;}
#content #main .co.teacher span		  {display: block; height: 80px; overflow: hidden;}


/*-- news and events --------*/
#content #main #eventslanding   {float:left;width:478px;margin:0 0 0 30px;}
#content #main #newslanding     {width:600px;margin:0 0 0 30px;}

#content #main div.item               {padding:8px;margin:0 0 10px 0;width:90%;}
#content #main div.item.cal           {width:440px;}
#content #main div.item img           {float:left;margin:0 15px 0 0;}
#content #main h2                     {font-size:130%;color:#71000b;margin:0 0 0px 0;}
#content #main div.item h2            {color:#666565l;font-size:12px;margin:0;padding:0;}
#content #main div.item h3            {color:#d5642c;font-size:12px;margin:0;padding:0;}
#content #main div.item p             {line-height:16px;margin:0 0 0 0px;width:300px;}
#content #main div.item.alt1          {background:#f1f1f1}
#content #main #news-details		  {width:660px;}
#content #main #news-details p        {line-height:16px; width:660px;}
#content #main #news-details div      {line-height:16px; width:660px;}
#content #main #event-div-wide		  {width:460px;}
#content #main #event-div-wide p	  {line-height:16px; padding-top: 0px; margin-top: 0px; padding-bottom: 10px; margin-bottom: 0px; width:460px;}
#content #main #event-div-wide div	  {line-height:16px; padding-top: 0px; margin-top: 0px; padding-bottom: 10px; margin-bottom: 0px; width:460px;}
#content #main #event-div-wide div.files  {width: 460px;line-height: 18px;font-size: 12px;}
#content #main #event-div-wide div.file  {margin-left: 30px; margin-top: 6px; marginbottom: 8px;}
#content #main #event-div-wide img    {margin-left: -20px; margin-right: 4px;}
#content #main #event-div-wide span.fileinfo{color: #595959;font-style: italic;}
#content #main #event-div-normal	  {width:260px;}
#content #main #event-div-normal p	  {line-height:16px; padding-top: 0px; margin-top: 0px; padding-bottom: 10px; margin-bottom: 0px; width:260px;}
#content #main #event-div-normal div  {line-height:16px; padding-top: 0px; margin-top: 0px; padding-bottom: 10px; margin-bottom: 0px; width:260px;}
#content #main #event-div-normal div.files  {width: 260px;line-height: 18px;font-size: 12px;}
#content #main #event-div-normal div.file  {margin-left: 30px; margin-top: 6px; marginbottom: 8px;}
#content #main #event-div-normal img  {margin-left: -20px; margin-right: 4px;}
#content #main #event-div-normal li	  {list-style-image: url(images/g-pdf.gif); padding-left: 4px; padding-bottom: 8px;}
#content #main #event-div-normal span.fileinfo{color: #595959;font-style: italic;}

.goback                         {clear:both;float:none;text-align:right;padding:0 20px 0 0;}
.pdf                            {background:url(images/pdficon.gif) center left no-repeat;display:block;padding:35px 0 35px 45px;}

#newsresults                          {margin:20px 0 0 10px;color:#666565;font-weight:bold;}
#newsresults #results                 {float:left;width:150px;}
#newsresults #pages                   {text-align:right; margin-right: 60px;}
#newsresults #pages a:hover     {text-decoration:underline;}
#newsdetails                    {margin:0 0 0 30px;}
#eventdetails                   {margin:0 0 0 30px;width:478px;float:left;}
#newsdetails .item p            {line-height:20px;margin:0 0px 15px 150px;}
#eventdetails .item img         {float:none;}
#eventdetails .item p           {line-height:20px;margin:0 0px 15px 0px;}

/*-- calendar ---------------*/
#content #main #calendar              {position:absolute;top:338px;width:216px;margin:0 0 0 480px;padding:0;background:url(images/bg-newsCalender.jpg) top left repeat-y;font-size:12px;clear: both;}
#content #main #calendar input        {border:none;}
#content #main #calendar select       {border:1px solid #faeba8;;}
#content #main #calendar h2           {margin:0;background:url(images/bg-findeventTop.jpg) top left no-repeat;height:64px;text-indent:-400px;overflow:hidden;}
#content #main #calendar table        {width:175px;margin:0 auto 0 auto;}
.tableTitle                           {}
.tableTitle strong                    {background:#faeba8;display:block;color:#e57942;padding:5px 0 5px 0;margin:20px 0 10px 0;text-align:center;}
#content #main #calendar .keywords    {background:url(images/bg-findeventBottom.jpg) top left no-repeat;height:59px;margin:20px 0 0 0;}
#content #main #calendar .keywords input{border:none;}
#content #main #calendar .keywords .inputKeyword {border:none;width:140px;margin:0;margin:10px 0 0 10px;}
.calandertable                        {font-size:10px;}
.calandertable td                     {text-align:right;padding:4px;}
.calandertable h3                     {text-align:center;color:#e57942;}
.calandertable a                      {color:#e57942;text-decoration:none;}
.calandertable td:hover               {background:#faeba8;}
#today                                {font-weight:bold;background:#faeba8;}
#content #main #calendar.detail       {top:440px;}

/*-- home content --------*/
#home #content #callouts              {width:684px;float:left;font-size:10px;}
#home #content #callouts a            {display:block;width:228px;height:334px;float:left;color:#676767;text-decoration:none;padding:0 0 0 0px}
#home #content #callouts a:over       {color:#ccc;}
#home #content #callouts a p          {margin:255px 5px 0 15px;height:55px;}
#home #content #callouts a p.more     {margin:3px 15px 0 15px;color:#f5d375;font-weight:bold;text-align:right;font-size: 11px;}
#home #content #callouts a.meetus     {background:url(images/bg-meetus.jpg) no-repeat top left;}
#home #content #callouts a.tour       {background:url(images/bg-tour.jpg) no-repeat top left;}
#home #content #callouts a.buycd      {background:url(images/bg-buycd.jpg) no-repeat top left;}
#home #content #callouts a:hover      {color:#111;}

/*-- footer ------------*/
#footer {padding:40px 0 20px 0;clear:both;font-family:Arial, Helvetica, sans-serif;font-size:10px;width:950px;margin:20px auto 0 auto;text-align:center;color:#666767;line-height:20px;}
#footer div.footerBG{font-size:120%;color:#000;background:url(images/bg-footer.gif) no-repeat top center;padding:5px 0 6px 0;margin:0 0 10px 0;}
#footer div.footerBG a{color:#222;}
#footer div.footerBG strong{color:#fff}
#footer a{color:#666767;text-decoration:none;padding:0 2px 0 2px;}
#footer a:hover{text-decoration:underline}
#footer .fathom{color:#faa93f;}
#footer a.catalog{font-size:12px; font-weight:bold;}

/*calendar*/
td.normal {
	height: 25px;
	vertical-align: bottom;
	text-align: right;
	padding-right: 2px;
	font-size: 10px;
}
td.highlighted {
	height: 25px;
	text-align: right;
	vertical-align: bottom;
	padding-right: 2px;
	font-size: 10px;
}
table.calendar th{
	font-size: 10px;
	text-align: right;
	padding-right: 2px;
}

/*forms*/
div.contactForm{
	padding: 20px;
	padding-left:0px;
	padding-right:5px;
}

div.contactForm input{
	width: 200px;
	border: 1px solid gray;
	margin-top: 8px;
	margin-right: 8px;
	padding: 4px;
	font-size: 11px;
	font-family: vardana, arial, curier;
	background-color: #eeeeee;
}

div.contactForm textarea{
	width: 350px;
	height: 120px;
	border: 1px solid gray;
	margin-top: 8px;
	margin-right: 8px;
	padding: 4px;
	font-size: 11px;
	font-family: vardana, arial, curier;
	background-color: #eeeeee;
}

div.contactForm select{
	width: 210px;
	border: 1px solid gray;
	margin-top: 8px;
	margin-right: 8px;
	padding: 4px;
	line-height: 20px;
	font-size: 11px;
	font-family: vardana, arial, curier;
	background-color: #eeeeee;
}

div.contactForm input.button{
	width: 100px;
	background-color: #cccccc;
	border: 1px solid #333333;
}

div.contactForm span.req{
	color: #ff0000;
	font-size: 10px;
}

div.contactForm .newCheckLabel{width:150px; display:block; float:left; clear:left;}
div.contactForm .newCheck{width:auto; float:left; clear:right; position:relative; top:-3px;}

/*search*/
#cse-search-results iframe{
	width: 660px;
}