/**
	Metropolitan Ballet Theatre
	www.metropolitanballet.org
	
	Designed by: Synergy Web Productions
	www.synergywebproductions.com
	
**/



/**
	Typography
**/

p { padding: 10px 0 10px 0; letter-spacing: 1px;}

a { color: #FF6699; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }

h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; 
	padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px;
	
}

h3 { font-family: Georgia, "Times New Roman", Times, serif; Font-size: 20px;
	padding-bottom: 10px; margin: 20px 50% 10px 0px; border-bottom: 1px solid #CCCCCC;
}


/**
	Layout
**/

body {
	background: url(../images/bg-body.jpg) repeat-y top center; background-color: black;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; 
	 
}

div#header {
	height: 177px;
	background: url(../images/bg-header.jpg) no-repeat top center;
	overflow: visible;
	
}
	
div#content-wrap {
	width: 960px;
	margin: 0 auto;
	
}

	div#content-wrap div#content-cap-top { height: 35px; background: url(../images/bg-content-top.png) no-repeat top center; }
	div#content-wrap div#content-cap-bottom { height: 42px; background: url(../images/bg-content-bottom.png) no-repeat top center; }

	div#content-main {
		background: url(../images/bg-content.png) repeat-y top center;
		padding: 0 60px 10px 50px;
		
	
	}
	
		div#content-main div#col-right { 
			width: 220px; border-left: 1px solid #CCCCCC; float: right; 
			padding: 15px 0 15px 15px; margin-top: 0px; 
		
		}
 
	


div#footer {
	height: 160px;
	background: url(../images/bg-footer.jpg) no-repeat top; background-color: black;
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; letter-spacing: normal;

}

	
	
	div#footer-content { 
		width: 760px; height: 40px;
		margin: 0px auto; padding: 10px 0 0 0;
		font-size: 12px; color: #cccccc;
		
		
	}
		div#footer div#footer-content ul { height: 5px; display: inline; }
		div#footer div#footer-content ul li { float: left; padding: 0 3px 0 3px;  }

	
	div#footer-synergy {
		width: 760px; height: 90px;
		margin: 0px auto;
		font-size: 10px;
		background-color: black;
		
	}
	
		div#footer-synergy h2 { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; border: none; }
	 

/**
	Sticky Footer
**/

	.push { height: 150px; }
	
	div#content-wrap { height: auto !important; height: 100%; min-height: 100%; margin-bottom: -150px; }
	
	html, body { height: 100% }
		
	

/**
	Index
**/

div#indexdiv { width: 500px; float: left; }
div#slideshow { width: 450px; height: 450px; margin: 0 auto; }

div#col-right-2 { width: 320px; float: right; padding: 15px 0 15px 15px; margin-top: 0px; border-left: 1px solid #CCCCCC; }

div#col-right-2 h2 { margin: 0px 0px 10px 0px; font-size: 20px; }

div#col-right-2 div { margin-bottom: 20px; }
div#col-right-2 div img { margin-bottom: 20px; border: 10px solid #CCCCCC; max-width: 200px; margin: 0 auto 10px; max-height: 200px; }

/**
	News
**/

div#indexnews p.index-news-image { text-align: center; }

div#picture ul#news a { display: block; margin-bottom: 10px; float: left; }
#facebox .body div.cushycms img { float: left; margin-right: 10px; margin-bottom: 10px; border: 10px #CCCCCC solid; }


/**
	div#picture
**/

.picture { width: 600px; line-height: 20px; }

div#content-main div#picture { width: 220px; border-left: 1px solid #CCCCCC; float: right; padding: 15px 0 15px 15px; margin-top: 0px; }

	div#content-main div#picture h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 
		text-align: center; color: #333333; border: none; margin: 0 auto; }
	div#content-main div#picture img { border: 10px solid #CCCCCC; max-width: 200px; margin-bottom: 10px; }
	
/**
	div#col-right
**/


div#col-right h3 { font-size: 18px; text-align: center; margin: 0 auto 10px; }

/**
	JS Things
**/

ul.submenu { margin-bottom: 20px; }

ul.submenu li { padding: 5px 0 5px 0; opacity: .9;  }

	ul.submenu li a { color: #333333;  }
	div#col-right h3 { cursor: pointer; }

div#prepro1, div#prepro2, div#prepro3, div#prepro4, div#prepro5, div#trainee1,
 div#trainee2, div#trainee3, div#boysclass, div#adult, div#creativemovement, div#postgraduate { display: none; }


ul.faculty li { text-align: center; margin-bottom: 10px; }



/**
	Misc
**/

div.sponsor { margin: 10px auto 20px; text-align: center; border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; width: 300px; }
div#videos h3 { width: 90% }

div#classes img { border: 10px solid #CCCCCC; text-align: center; margin-top: 10px; }



/**
	Photo Gallery
**/

div#photogallery {  }

.photo-link         { padding: 5px; margin: 5px; border: 1px solid #999; display: block; width: 100px; float: left; }  
						
.photo-link:hover   { border-color: white; }