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

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

/*-- header---------------*/
#headWrapper                          {width:100%;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 #769325;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 #769325;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;}
#home #headWrapper #search            {height:126px;}
#facebook-top			              {font-weight: bold; text-transform: uppercase; margin-top: 4px; outline: 0px;}
#facebook-top img					  {vertical-align: -15%;}

#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 20px 0 20px; color:#fec845}
#home #nav a strong                         {padding:0 30px 0 30px; color:#fec845}
#nav a:hover,#nav a#here              {color:#769325;}

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

/*--news -----------------*/
#news                                 {background: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;background-color: #fec845;}
#news_all .seeallnews                 {background:url(images/bg-seeallnews.gif) no-repeat top left; display:block;margin:0px; height:40px;text-indent:-200px;overflow:hidden;width:212px;clear:both; margin-top: -5px;}
#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:#5f2551;}
#news p em                            {color:#ba81ac;text-transform:uppercase;}
#news p a                             {color:#769325;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:331px;padding:75px 0 0 25px;color:#000;margin:8px 0 0 0;}
#home #news .seeallnews               {background:url(images/bg-seeall.gif) no-repeat center -6px; display:block;margin:0 0 0 -9px;height:26px;text-indent:-200px;overflow:hidden;width:85%; margin-left: 15px;}
#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-center-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#here        {color:#71000b;font-weight:bold;}

#content #sidebar a.sub               {height:145px;margin:0;padding:0;overflow:hidden;text-indent:-400px;}
#content #sidebar a.sub.cal           {background:url(images/gfx-sidenavHeaderCal.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.about         {background:url(images/gfx-sidenavHeaderAbout.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.news          {background:url(images/gfx-sidenavHeaderNews.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.vision        {background:url(images/gfx-sidenavHeaderVision.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.facts         {background:url(images/gfx-sidenavHeaderFacts.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub.plan          {background:url(images/gfx-sidenavHeaderPlan.gif) top left;padding:4px 0 4px 20px;margin:0;}
#content #sidebar a.sub:hover         {background-position:top left;}


/*---- main content -------*/
#content #mainimg                     {float:left;margin:5px 0 0 0;}
#content #main                        {width:700px;float:left;background:url(images/bg-mainContent.gif) repeat-y top left;margin:0;padding:0px 4px 10px 30px;font-family:verdana;font-size:12px;color:#424242;margin:0 0 40px 0;border-bottom:3px solid #9ac23c;}
#content #main a					  {font-weight: bold; font-size: 110%;}
#content #main .bigimage              {width:690px;height:154px;overflow:hidden;text-indent:-3000px;margin:0 0 30px 0;padding:0;}
#content #main p.bigimage.titleabout  {background:url(images/bg-aboutTop.gif) top left no-repeat;height:245px;}
#content #main p.bigimage.titlecal   {background:url(images/bg-calTop.gif) top left no-repeat;heiht:120px;}
#content #main p.bigimage.titlenews   {background:url(images/bg-newsTop.gif) top left no-repeat;height:120px;}
#content #main p.bigimage.titlevision {background:url(images/bg-visionTop.gif) top left no-repeat;height:98px; margin-bottom: 20px;}

#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:25px 0 15px 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               {float:left;line-height:20px;}
#content #main #rightside             {width:250px;float:left;}




/*---- Call outs ---------*/
#content #main .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 a.co:hover             {color:#000;} 


/*-- 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 img           {float:left;margin:0 15px 0 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 #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;}
#content #main div.item.alt1          {background:#f1f1f1}
#calendar #content #main  div.item    {padding:8px;margin:0 0 10px 0;width:450px;}

.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;}

#detail                               {width:450px}
#detail img                           {float:left;margin:0 10px 0 0 ;}
#content #main #detail p              {width:320px;margin:0 0 10px 142px}

/*-- 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;}



/*-- 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;line-height:12px;}
#home #content #callouts a p          {margin:253px 5px 0 15px;height:60px;}
#home #content #callouts a p.more     {margin:0px 15px 0 15px;color:#f5d375;font-weight:bold;font-size:11px;text-align:right;}
#home #content #callouts a span.more  {color:#f5d375;font-weight:bold;font-size:10px;}
#home #content #callouts a.project    {background:url(images/bg-project.jpg) no-repeat top left;letter-spacing: -0.01em;}
#home #content #callouts a.vision     {background:url(images/bg-vision.jpg) no-repeat top left;}
#home #content #callouts a.facts      {background:url(images/bg-facts.jpg) no-repeat top left;}
#home #content #callouts a:hover      {color:#111;}


/*-- footer ------------*/
#footer {clear:both;font-family:Arial, Helvetica, sans-serif;font-size:10px;width:950px;padding:20px 0 0 0;margin:0px auto 0 auto;text-align:center;color:#fcdf97;line-height:20px;}
#footer div.footerBG{font-size:120%;color:#ec6647;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:#ec6647;}
#footer div.footerBG strong{color:#fff}
#footer a{color:#fcdf97;text-decoration:none;padding:0 2px 0 2px;}
#footer a:hover{text-decoration:underline}
#footer .fathom{color:#fff;}
#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;
}

#content #main .additionalProgrammingHeader{
	margin-left: 20px;
	margin-bottom: 4px;
}
#content #main .additionalProgrammingContent{
	margin-left: 40px;
}

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

div.contactForm input{
	width: 200px;
	border: 1px solid green;
	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 green;
	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 green;
	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;}