@charset "UTF-8";
/* Performing Arts Limited CSS Styles */


/* Color Scheme 

White: #FFFFFF
Black standard Body text: #564c91
Light Blue BG Color: #edf6f9 (e9f7f8)
Deep Purple-blue Header & Footer Text: #564c91
Navy Blue Text (various headers Translate Page): #234776

LINK COLORS:
Turquoise Blue hyper link: #75b7d2
Med Grey Hover: #b4b4b4
Darker Med Grey Visited: #909090

*/
/*div {outline: 1px solid red;} */



body {
background: #e9f7f8 url(../images/background_img.jpg) no-repeat top center;
margin: 0 auto;
color: #000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:75%;
line-height: 130%;
color:#000000;
text-align:center;
}
h2 {
font-weight: bold;
color: #564c91;
font-size:100%;
}
h3.hdrCal {
background: transparent url(../images/heading_event-calendar.png) top left no-repeat;
height:21px;
margin: 21px 0 10px 0;
text-indent: -9000px;
}
h3.hdrNews {
background: transparent url(../images/heading_news.png) top left no-repeat;
height:21px;
margin: 21px 0 10px 0;
text-indent: -9000px;
}
h3.hdrSearch {background: transparent url(../images/heading_search.png) top left no-repeat; height:21px;
margin: 21px 0 10px 0;
text-indent: -9000px;}
#side_heading {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 140%;
text-align: left;
color: #564c91;
font-weight:bold;
display:block;
}

.img_align_right { float: right; padding:0px 0 10px 10px; border:0px; }
.img_align_left { float: left; padding: 0 10px 10px 0px; border:0px; }

.bullets {
list-style:none;
list-style-image:none;
list-style-type:none;
padding-left: 15px;
line-height: 1.5em;
background: url(../images/bullet.png) left top no-repeat;
}
.testimonial_source {
font-size:90%;
color:#aa9dd2;
font-style:italic;
line-height: 3em;
}
.testimonial {
margin: 20px auto 20px auto;
padding-left: 23px;
padding-right: 23px;
background: transparent url(../images/quote_open.png) no-repeat top left;
font-size:100%;
font-style:italic;
display: block;
color:#909090;
}

img {border: none;}

a:link {color: #75b7d2}     /* unvisited link */
a:visited {color: #75b7d2}  /* visited link */
a:hover {color: #234776}   /* mouse over link */
a {
outline: none;
}
#container {
width: 850px;
margin: 0px auto;
}
#top {
background: url(../images/top_bg.jpg) no-repeat top left;
height: 44px;
text-align: right;
font-size:75%;
margin:0px auto;
position:relative;
}
#top_links {
color: #234776;
padding-top: 20px;
}
/*MAIN NAV STYLES BEGIN */
#nav_container {height: 25px; background: transparent url(../images/nav_bg.png) top left no-repeat; position:relative;}	
#nav, #nav ul{ /*Removes List Styles - Defines Height of each link*/
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
z-index: 500;
}
#nav a:link, #nav a:active, #nav a:visited{ /*Visual Style to Menu*/
display:block;
padding:0px 8px;
color: #000000;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
font-size: 130%;
line-height:1.5em;
text-align: left;
}
.push {padding-left: 85px;}
#nav a:hover{ /*Visual Style to Menu*/
color:#75b7d2;
} 
#nav li{ /*Aligns List HORIZONTALLY*/
float:left;
position:relative;	

}
/*positions nested Lists right beyond the main menu and give them a width. The width attribute is needed so that the list items within display vertically again. The Top attribute should have the same value as the line-height attribute we defined for #nav.*/
#nav ul { 
position:absolute;
top:20px;
display:none;
float:left;
border: 1px solid #75b7d2;
}
/*This will set the width of the hyper links to 12 em (which in combination with the width of the UL set above results in a horizontally displayed sub menu, despite of the ongoing float:left)*/
#nav li ul a{
width:11em;
float:left;
background-color: #FFFFFF;

}
/*defines where we display the sub menus.*/
#nav ul ul{
top:auto;
}	
#nav li ul ul {
left:14.85em;
margin:0px 0 0 10px;
border: 1px solid #75b7d2;
z-index:900;
}
/* hover states define which items we want to show when hovering over an item (only the next sub level, not all of them)*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul{
display:none;
z-index: 800;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li:hover ul{
display:block;
z-index: 1000; 
}
a.arrow {
background: url(../images/arrow.png) 150px 5px no-repeat;
}

/* MAIN NAVIGATION STYLES END */

/*HOME STYLES */
#home_content_container {
margin: 0 auto 9px auto;
padding: 0px;
background: #ffffff url(../images/bg-content.png) repeat-y top left;
height: inherit;
text-align:left;
zoom:1;
overflow:hidden;
}


#home_right_col {
float: right;
width: 240px;
padding:0 38px 0 0;
background: #ffffff;
overflow:hidden;
}
#home_rt_top_img {
width: 300px;
height: 103px;
margin: 0px 6px 0px 18px;
background: transparent url(../images/home_rt_top_img.jpg) no-repeat top left;
}
#home_left_col {
float: left;
background:#ffffff url(../images/content_left_img.jpg) no-repeat top left;
width: 469px;
padding: 0 0 0 90px;
overflow:hidden;
}

#homeNestedWrapper {clear:both; padding-top: 30px;}

#homeNestedLeftCol	 {
margin: 30px 0 0 0;
float:left;
width: 222px;
display:block;

}
	
#homeNestedRightCol	{
margin: 30px 0 0 0;
float: right;
width: 222px;
display:block;
}

.homeButtons {
padding-bottom:16px;	
}

/* Subpage Styles  Begin*/
#main_content_container {
padding:0;
background: #ffffff url(../images/bg-content.png) repeat-y top left;
text-align:left;
height:inherit;

}



#home_rt_top_img {
width: 300px;
height: 103px;
margin: 0px 6px 0px 18px;
background: transparent url(../images/home_rt_top_img.jpg) no-repeat top left;
}
#right_column {
float: right;
width: 200px;
padding:20px 38px 0 0;
background: #ffffff;
overflow:hidden;
}

#left_column {
float: left;
background:#ffffff url(../images/content_left_img.jpg) no-repeat top left;
width: 496px;
padding: 10px 10px 0 90px;
margin-right:10px;
height: inherit;
border-right: 1px solid #564c91;
}


/*PAGE HEADINGS Begin*/
#page_heading {
width:300px;
height: 26px;
margin-bottom:15px;
text-indent: -5000px;
}

h3.hdrNews {
background: transparent url(../images/heading_news.png) top left no-repeat;
height:21px;
margin: 21px 0 10px 0;
text-indent: -9000px;
}


h3.h_productions {height: 26px; margin-top:25px; background: url(../images/page_headings.png) no-repeat 0 0px;}
h3.h_add {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -26px;}
h3.h_studio {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -52px;}
h3.h_media {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -78px;}
h3.h_contact {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -104px;}
h3.h_ballet {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -130px;}
h3.h_tap {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -156px;}
h3.h_jazz {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -182px;}
h3.h_creative {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -208px;}
h3.h_belly {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -234px;}
h3.h_ballroom {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -260px;}
h3.h_boys {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -286px;}
h3.h_pointe {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -312px;}
h3.h_piano {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -338px;}
h3.h_voice {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -364px;}
h3.h_guitar {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -390px;}
h3.h_stage {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -416px;}
h3.h_camera {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -442px;}
h3.h_pilates {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -468px;}
h3.h_zumba {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -494px;}
h3.h_nutcracker {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -520px;}
h3.h_theatre {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -546px;}
h3.h_recitals {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -572px;}
h3.h_pal_company {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -598px;}
h3.h_parties {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -624px;}
h3.h_camps {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -650px;}
h3.h_special {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -676px;}
h3.h_rental {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -702px;}
h3.h_history {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -728px;}
h3.h_faculty {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -754px;}
h3.h_space {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -780px;}
h3.h_awards {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -806px;}
h3.h_photography {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -832px;}
h3.h_video {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -858px;}
h3.h_audio {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -884px;}
h3.h_programs {height: 26px; height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -910px;}
h3.h_dance {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -936px;}
h3.h_music {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -962px;}
h3.h_theatre {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -988px;}
h3.h_fitness {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -1014px;}
h3.h_musical_thr {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -1040px;}
h3.h_cal {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -1066px;}
h3.h_links {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -1092px;}
h3.h_recitalInfo {height: 26px;  background: url(../images/page_headings.png) no-repeat 0 -1118px;}
h3.h_modern {height: 26px; background:url(../images/page_headings.png) no-repeat 0 -1144px;}

h3 {text-indent: -9000px;}

/*PAGE HEADINGS END*/

#sidebarlinks, #sidebarlinks ul{ /*Removes List Styles - Defines Height of each link*/
margin:0;
list-style-type:none;
list-style-position:outside;
text-decoration:none;
position:relative;
font-size:120%;
padding-top: 10px;
padding-bottom: 15px;
border-bottom: 4px solid #75b7d2;
text-align:left;
}
 
 #sidebarlinks a:link, #sidebarlinks a:visited, .currentPage{ /*Visual Style to Menu*/
display:block;
color: #000000;
text-decoration:none;
font-family: Georgia, "Times New Roman", Times, serif;
font-variant: small-caps;
font-size: 110%;
line-height:.80em;
text-align: left;
padding-bottom:10px;
}	
	
#sidebarlinks a:active {
color:#75b7d2;
}	

#sidebarlinks li a:hover{
color: #75b7d2;
}

.currentPage {color: #75b7d2;}

.sidebarBtnLinks {padding-bottom: 8px; padding-top: 8px; border:none;}

/* Subpage Styles  End*/



/*Table Styles */
table {
border-bottom: 2px solid #000000;
font-size:90%;
text-align:left;
}
caption {
font-weight: bold;
padding: 2px;
line-height:1.5em;
}

th {
text-align:left;
background-color:#e9f7f8;
border-bottom: 2px solid #75b7d2;
border-top: 2px solid #75b7d2;
line-height:1.5em;
text-align:left;
}

td {
padding:2px;
vertical-align:top;
text-align:left;
}

.tableRowColor {background:#ccc4f9 url(../images/tableRow-bg.png) top left repeat-x;}

.textIndent {padding-left:1.5em;}

/* Footer Styles */

#footer{
clear: both;
height: 32px;
background: #ffffff;
font-weight:bold;
color: #564c91;
font-size: 80%;
padding: 2px;
text-align:left;
margin: 3px 0 0 50px;
line-height:1.65em;
padding-right:38px;
padding-left:38px;
}


/*TEXT STYLES*/

.purple_bold_txt {
font-weight: bold;
color: #564c91;
font-size:100%;
}

.center_txt {
text-align:center;
}

.italic {
font-style: italic;
}

.bold {
font-weight: bold;
}

.text_indent {
text-indent: 5px;
}

.content_divider {
padding-top: 4px;
border-top: 3px solid #234776;
width: 300px;

}

/* CSS JS IMAGE LIGHTBOX Viewer */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 900; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.lightbox_img {
margin: 15px 15px 0px 0px;
border: 1px solid #234776;

}

.border_top {
 border-bottom: 4px solid #75b7d2;
}

.faculty {
border-bottom: 1px dotted #564c91;
padding-bottom: 25px;
padding-top: 25px;

}

.faculty_img {
float: left;
padding-right: 20px;
padding-bottom:20px;

}

.no_border {border:none;}


/*Form Styles*/


#form {
border-bottom: 1px solid #564c91;

}

.sidebar_small_txt {font-size: 100%;}

/* SHARE BUTTON */


.share {
float:left;
height:32px;
width:200px;
padding-right: 25px;

}


/* Flash Styles */

#photo_slideshow {display: block; width: 450px; height: 476px; padding-bottom: 50px;}

/* RSS Feed Styles - Blogger > Feedburner */


div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none
}

div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
}

.date {
font-size: 90%;
font-weight:bold;
color:#999;
}


#creditfooter {display: none;}

/*CLEAR FIX*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}