/* CSS Document */

/* Redefined Psuedo Classes */

a:link{
	text-decoration: underline;
	font-family: Arial,Verdana,Geneva;
	color: #5A60C0;
}

a:active{
	text-decoration: underline;
	font-family: Arial,Verdana,Geneva;
	color: #5A60C0;
}

a:visited{
	text-decoration: underline;
	font-family: Arial,Verdana,Geneva;
	color: #5A60C0;
} 

a:hover {
	text-decoration: underline;
	color : purple;
}

/* Redefined Selectors */

body{
	margin:0;
	padding:0;
	background:url(/images/global/topback.jpg) repeat-x #F2F7F9;
	color:#515151;
	font:12px Verdana,Arial,Geneva;	
}

form{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
}

h1,h2,h3,h4{
	color:#5A60C0;
}

h5,h6{
	color:#5c5c5c; /* Added 4.15.10 */
}

h2, h3, h4, h5, h6{
	margin:26px 0 6px;	
}

h1{
	font-size:1.9em; /* Changed - Larger 4.15.10 */
	margin:16px 0 6px;	
}

h2{
	font-size:1.7em;
}

h3{
	font-size:1.5em;
}

h4{
	font-size:1.4em;
}

h5{
	font-size:1.3em;
}

h6{
	font-size:1.2em;
	margin:6px 0;
	padding:6px 0;
}

hr{
	border:none;
	background:#5AB5E7;
	height:1px;
	margin:10px 20px 8px;
}

img, table{
	border:0;
}

input{
	font-size:0.9em;
}

li{
	margin:12px 0;
}

p{
	margin:6px 0;
	padding:6px 0;
}

ul.none{
	list-style:none;
}

/* Start 'Dance Company Pages' Sytles */

.choreoInfo{
	background:#efefef;
	text-align:center;
	width:600px;
	margin:20px auto 30px;
}

.borderedTables{
	background:#efefef;
	text-align:center;
	width:680px;
	margin:20px auto 30px;	
}

.choreoInfo h4, .borderedTables h4{
	margin:0;
	padding:0;
}

.choreoInfo td, .borderedTables td{
	vertical-align:middle;
	background:#fff;
	padding:6px 10px;
}

.sessionDetails{
	text-align:left;
}

/* Start 'Facility Page' Styles */

.facilityCopy{
	width:345px;
	float:left;
	margin:0 31px 0 78px;
	display:inline;
}

.facilityLocations{
	width:182px;
	background:url(/images/facility/locations_back.jpg) no-repeat left bottom #FCFEFF;
	float:left;
	margin:0 0 20px;
	padding:0 0 10px;	
}

.facilityLocations p.topLine{
	border-top:1px solid #fff;
}

.facilityLocations p.directions{
	background:url(../images/facility/facility_map.gif) no-repeat 90% 0;
	padding:2px 0 10px;
}

.facilityLocations p{
	font-size:11px;
	margin-left:10px;
}

.facilityLocations strong{
	font-size:13px;
}

.facilityLocations h3{
	margin:10px 0 0;
	padding-bottom:6px;
	text-align:center;
	border-bottom:1px solid #D6D8ED;
}

.facilityLocations a:link{
	color:#0490D3;
	font-weight:bold;
}

/* Start 'Gallery Thumbnail Page' Styles */

#gallery h4{
	padding-bottom:10px;
}

#gallery div{
	float:left;
	width:210px;
	text-align:center;
	margin:5px 6px;
	border:1px solid #efefef;
	padding:10px 5px;
	height:194px;
}

#gallery div img{
	margin:0 0 10px;
}

#galleryThumbs{
	width:661px;
}

#galleryThumbs h1{
	margin:0 0 0 30px;
}

#galleryThumbs p, #galleryThumbs h4{
	margin-left:20px;
}

#instructions{
	margin-left:30px;
	font-size:11px;
}

.thumbnailPhoto{
	text-align:center;
	margin:16px 0 10px 18px;
	width:200px;
	float:left;
	display:inline;
}

.thumbnailPhoto img{
	margin:0 0 10px;
}

/* Non alpha order here is important for this rule, must be after thumbnailPhoto */

.galleryArticle{
	margin:0 18px 10px;
}

/* Start 'Holiday Schedule' Styles */

.holidayInfo{
	margin:0 auto 30px;
	width:90%;
}

/* Start 'Homepage' Styles */

.homeBigphoto{
	float:right;
	margin:0 0 6px 12px;
}

.titleBack{
	background:url(/images/homepage/greybarback.jpg) repeat-x bottom;
	padding:0 0 17px;
}

#whatsnewTitle{
	background:url(/images/homepage/greybarback.jpg) repeat-x bottom;
	padding:30px 0 17px;
}

/* Start 'Login Page' Styles */

.loginButton{
	padding:2px 26px;
	margin:0 52px 0 0;
}

#loginPage{
	width:500px;
	margin:0 auto;
}

#loginPage div{
	text-align:right;
	margin:30px auto;
	width:260px;
	border:1px solid #efefef;
	padding:20px 0;
}

#loginPage span{
	display:block;
	margin:0 0 10px;
}

#loginPage div .textfields{
	width:120px;
	margin:0 36px 0 0;
}

/* Start 'Photo Gallery Page' Styles */

.gallery{
	width:271px;
	height:153px;
	float:left;
	margin:20px 40px 20px 0;
}

.gallery h6 {
	margin:0 0 0 136px;
	padding:20px 0 0;
	font-size:14px;
	height:45px;
}

.gallery p{
	margin:10px 0 0 136px;
}

#danceco{
	background:url(/images/gallery/dancecompanies.jpg) no-repeat;
}

#december06{
	background:url(/images/gallery/december06.jpg) no-repeat;
}

#dec08_camp{
	background:url(/images/gallery/dec08_halloween.jpg) no-repeat;
}

#dec08_disney{
	background:url(/images/gallery/dec08_disney.jpg) no-repeat;
}

#dec08_rockettes{
	background:url(/images/gallery/dec08_rockettes.jpg) no-repeat;
}

#july07{
	background:url(/images/gallery/july07.jpg) no-repeat;
}

#june07{
	background:url(/images/gallery/june07.jpg) no-repeat;
}

#march07{
	background:url(/images/gallery/march07.jpg) no-repeat;
}

#marchshow04{
	background:url(/images/gallery/marchshow04.jpg) no-repeat;
}

#oct07{
	background:url(/images/gallery/oct07.jpg) no-repeat;	
}

#seniornyc{
	background:url(/images/gallery/seniortrip.jpg) no-repeat;	
}

#sept07{
	background:url(/images/gallery/sept07.jpg) no-repeat;	
}

#summer05{
	background:url(/images/gallery/summer05.jpg) no-repeat;
}

#summer06{
	background:url(/images/gallery/summer06.jpg) no-repeat;
}

#summer04{
	background:url(/images/gallery/summer04.jpg) no-repeat;
}

#teendancer{
	background:url(/images/gallery/teendancer.jpg) no-repeat;
}

#westcoast{
	background:url(/images/gallery/westcoast.jpg) no-repeat;
}

/* Start 'Receital Page(s)' Styles */

.sampleAd{
	text-align:center;
	padding:18px;
	border:1px solid #cfcfcf;
	margin:8px 0;
	width:250px;
	margin:0 auto;
}

.studioRehears{
	margin:14px auto;
}

/* Global Classes */

.alignCenter{
	text-align:center;
}

.alignRight{
	text-align:right;
}

.blueImgBor{
	border:1px solid #4166A5;
	padding:3px;
	margin:8px 0;
}

.bold{
	font-weight:bold;
}

.border{
	border:1px solid #000;
}

.cellPadding td{
	padding:5px 0;
}

.clear{
	clear:both;
}

.clearFix:after {
    content:"."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

.content{
	padding:20px 0 0;
	margin:0 24px;
	background:#fff;
	zoom:1; /* hasLayout - Fixes Double Padding Top after Float / Clear Combo */
}

#contentWrap{
	background:url(/images/global/contentback.jpg) repeat-y;
}

.copyPad{
	padding:0 0 0 30px;
}

.dcSched{
	background:#efefef;
}

.dcSched td{
	vertical-align:middle;
	padding:8px 0;
	background:#fff;
}

.dcSched h4{
	margin:0;
	padding:0;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

.footerInfo{
	padding:0 0 16px;
}

#footerLinks{
	font-size:0.9em;
	text-align:center;
}

#footerLinks p{
	margin:9px 0;
	padding:0;
}

#footerLinks a{
	margin:0 4px;
}

.imgFloatLft{
	float:left;
	margin:0 20px 14px;
	display:inline;
}

.imgFloatRt{
	float:right;
	margin:0 0 14px 20px;
}

.justify{
	text-align:justify;
}

.loginPad{
	padding:3px 0 0;
	margin:0 14px 0 0;
}

.loginFields{
	width:75px;
	border:1px solid #334D77;
	margin:0 10px 0 2px;
	padding:0;
	height:16px;
}

.meminfoPad{
	padding:7px 0;
	margin:0 100px 0 0;
	display:inline;
	font-size:13px;
	font-weight:bold;
}

.navback{
	background:url(/images/bluewhitedot.gif) #5AB5E7;
}

.navPad{
	padding:7px 0;
	margin:0 0 0 12px;
	display:inline;
}

#newsLeft, #newsRight{
	float:left;
	margin:0 18px 0 6px;
	display:inline;
}

#newsLeft{
	width:360px;
}

#newsRight{
	width:300px;
}

.padLeft{
	padding-left:30px;
}

.padTop{
	padding:20px 0 0;
}

.padTopBot{
	padding-top:12px;
	padding-bottom:12px;
}

.photoBorder{
	padding:4px;
	border:1px solid #5A60C1;	
}

.photogalleries{
	width:622px;
	margin:0 auto;
}

.prevNext img{
	margin:0 40px 0 20px;
}

.submitButton{
	padding:0 3px;
	margin:0;
}
/* Once the login is launced, use this
#subnav{
	font-size:0.9em;
	color:#fff;	
	background:url(/images/global/subnavback.jpg) repeat-y;	
}
*/
#subnav{
	font-size:0.9em;
	color:#fff;	
	background:url(/images/global/subnavback.jpg) repeat-y;
	height:30px;	
}

#subnav a{
/*	display:inline-table; - Opera Doesn't like this for display */
	margin:0 5px;
	font-weight:bold;
}

#subnav a:link, #subnav a:active{
	color:#fff;
}

#subnav a:hover, #subnav a:visited{
	color:#efefef;
}

#subnav .navPad{
	font-size:0.85em;
}

.topBack{
	background:url(/images/top_bg.gif) repeat-x;
	text-align:left;
}

.topRound{
	background:url(images/h_top_strip_bg.gif);
}

#whiteBack{
	background-color:#fff;
	background-image:none;
	margin:10px 0 0 20px;
}

#wrapper{
	margin:0 auto;
	width:760px;
}

/* Start 'Meet Us Pages' Sytles ( Order is important Here in Sheet) */

.meetus{
	width:530px;
	margin:0 auto;
}

.staffPhoto{
	text-align:center;
	font-size:0.9em;
}

.staffPhoto p{
	margin-bottom:24px;
}

/* Start 'News Page' Styles */

#newsArchives{
	font-size:11px;
}

#newsArchives li{
	margin:8px 0;
}

/* Lightbox Styles */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(/images/lightbox/blank.gif) no-repeat; /* 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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }


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

#imageData{
	padding:0 10px;
	}
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* Scroller Styles */

/*Example CSS for the two demo scrollers*/

#pscroller1{
	width:280px;
	height:40px;
	border:1px solid #85A0CF;
	padding:12px;
	background-color:#F2F7F9;
	margin:16px 0 0;
}

#pscroller2{
	width: 350px;
	height: 20px;
	border: 1px solid #85A0CF;
	padding: 3px;
}

#pscroller2 a{
	text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}