body
	{ margin: 0; padding: 0; font: 80% arial, hevetica, sans-serif; text-align: center; color: #1d191a; background-color: #fff; background-image: url(../images/site/background-top.gif); background-repeat: repeat-x; background-position: 0 top; }
.home { background-image: url(../images/site/home-bk.gif); background-repeat: repeat-x; }
a {color: #c51f2e; text-decoration: none}
	a:hover {color: #c51f2e; text-decoration: underline}
	h3 { color: #202e7c; line-height: 100%; margin-bottom: 0; }
	h4 { color: #202e7c; font-size: 1em; line-height: 100%; margin-bottom: 0; padding-top: 8px; border-top: 1px dotted #e72a3b; }
li { margin-top: 0; margin-bottom: 0; list-style-type: square; }
#container
	{
		margin: 0 auto;
		width: 880px;
		text-align: center;
		background-color: #fff;
	}
	#headerhome
	{ background-image: url(../images/site/headerhomebk.gif); background-position: 0 0; text-align: right; width: 880px; height: 100px; }	
	#header
	{ background-image: url(../images/site/header-interior-bk.gif); background-repeat: no-repeat; background-position: 0 0; text-align: right; width: 880px; height: 160px; }	
	#mainwrap
	{ width: 880px; text-align: center; }
	#footer
	{ background-image: url(../images/site/footerbk.gif); width: 100%; height: 80px; text-align: center; margin-top: 9px; }	
	
/* -------------------------------- HEADER AREA -----------------------------*/

#topnav
{
width: 100%;
height: 50px;
}

#topnav ul
{
float: right;
padding: 0;
margin: 4px 0 0 0;
font-size: 80%;
list-style-type: none;
}

#topnav li { display: inline; }

#topnav li a
{
display: block;
float: left;
padding: 4px;
text-align: center;
font-weight: bold;
color: #fff;
text-decoration: none;
}

#topnav li a:hover
{
color: #202e7c;
text-decoration: none;
}

.slash
{
display: block;
float: left;
padding: 4px;
text-align: center;
font-weight: bold;
color: #fff;
}



/* ---------------------------- HOME WELCOME ROW ----------------------------*/

	#home-welcome
	{
		width: 880px;
		height: 264px;
		text-align: center;
	}	
	#home-welcome div 
	{
	position: static;
	display: block;
	float: left;
	height: 264px;
	}
#home-welcome h3 {margin: 0px; padding: 5px 10px 0px 40px; text-align: left; line-height: 130%; color: #c51f2e;}
#home-welcome p {margin: 0px; padding: 0px 10px 0px 40px; font-size: 11px; line-height: 130%; text-align: left;}
#home-welcome p {margin: 0px; padding: 0px 10px 0px 40px; font-size: 11px; line-height: 130%; text-align: left;}
#home-welcome-left {width: 180px; height: 264px;}
#home-welcome-middle {width: 410px; height: 264px;}
#home-welcome-right {width: 290px; height: 264px;}

	
/* ---------------------------- HOME NEWS ROW ----------------------------*/

	#home-news
	{ width: 880px; height: 200px; background-image: url(../images/site/home-news-bk.gif); background-repeat: repeat-x; border-top: 0px solid #202e7c; text-align: center; }	
	#home-news div 
	{
	position: static;
	display: block;
	float: left;
	height: 200px;
	}
#home-news h3 
	{ color: #202e7c; font-size: 18px; font-weight: bold; line-height: 120%; margin: 0; text-align: left; padding: 24px 16px 0 24px; } 
#home-news p { padding-right: 16px; padding-left: 24px; text-align: left; margin-top: 12px; }
.newsimg { text-align: left; width: 160px; float: left; margin: 0 16px 0 0; border: solid 1px #c51f2e; }
.newsimg2 { text-align: left; margin: 0 16px 0 0; width: 120px; float: left; border: solid 1px #c51f2e; }
#home-news-left {width: 440px; height: 200px;}
#home-news-right { background-image: url(../images/site/news-border.gif); background-repeat: no-repeat; background-position: 0 0; width: 440px; height: 200px; }

/* ----------------------- HOME FEATURES ROW ----------------------------*/
#home-features
	{ background-color: #202e7c; width: 880px; height: 130px; text-align: center; }	
	#home-features div 
	{
	position: static;
	display: block;
	float: left;
	height: 130px;
	}
#home-features h3 
	{ color: #c6cfd6; font-size: 14px; font-weight: bold; line-height: 120%; margin: 0; text-align: left; padding: 14px 14px 0 24px; } 
#home-features p { color: #d4d4d3; font-size: 11px; line-height: 120%; text-align: left; margin-top: 10px; padding: 0 16px 0 24px; }
#home-features a {color: #fd3b3b; text-decoration: none}

.featuresimg { text-align: left; width: 40px; float: left; margin: 0 10px 0 0; }

#home-features-left {width: 293px; height: 130px;}
#home-features-middle { background-image: url(../images/site/home-features-border.gif); background-repeat: no-repeat; background-position: 0 0; width: 294px; height: 130px; }
#home-features-right { background-image: url(../images/site/home-features-border.gif); background-repeat: no-repeat; background-position: 0 0; width: 293px; height: 130px; }
/* ----------------------- FOOTER ----------------------------*/

#footer-contents { color: #d4d4d3; font-size: 10px; text-align: center; padding-top: 36px; }
#footer-contents a { color: #d4d4d3; text-decoration: none; }
#footer-contents a:hover { color: #d4d4d3; text-decoration: underline; }

/* ----------------------- INTERIOR HEADER ROW ----------------------------*/

#logorow { width: 880px; clear: left; }
#logo { vertical-align: bottom; width: 240px; height: 110px; float: left; }
#message { color: #000; font-size: 12px; font-style: italic; width: 640px; float: right; padding-top: 60px; }

/* ----------------------- INTERIOR MAIN CONTENTS ----------------------------*/

#titlebar-temp { background-image: url(../images/site/title-header2.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: left; width: 880px; height: 80px; clear: both; }
#titlebar { background-image: url(../images/site/title-bk.gif); background-repeat: repeat-x; background-position: 0 0; text-align: left; margin-left: 50px; width: 812px; height: 80px; clear: both; }
#titlebar h2 { color: #202e7c; font-size: 22px; font-weight: bold; text-align: left; padding-top: 20px; padding-right: 12px; padding-left: 12px; }
#contents { color: #1d191a; 
	line-height: 130%; 
	text-align: left; 
	width: 400px; 
	margin-left: 62px; 
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#content h3 {margin-bottom: 0px; }
#contents-noheight { color: #1d191a; 
	line-height: 130%; 
	text-align: left; 
	width: 400px; 
	margin-left: 62px; 
}
#rightsidebar { width: 360px; float: right; margin-right: 30px; text-align: right;}
.mainimage { border: solid 2px #c51f2e; float: right; margin-top: 3px ; margin-bottom: 3px; }
.credits { font-size: 10px; text-align: right; margin: 0; padding: 0; }

/* ----------------------- INTERIOR RIGHT SIDEBAR  ----------------------------*/

#announcement-box
	{ background-color: #202e7c; width: 340px; text-align: left; float: right; padding: 12px; }

#announcement-box h3 
	{ color: #c6cfd6; font-size: 14px; font-weight: bold; line-height: 120%; margin: 0; text-align: left; }
	
#announcement-box p { color: #d4d4d3; font-size: 11px; line-height: 120%; text-align: left; margin: 12px 0 0; }
#announcement-box a {color: #fd3b3b; text-decoration: none}
#announcement-box a:hover {color: #fd3b3b; text-decoration: underline}

/* ----------------------- INTERIOR STYLING DETAILS  ----------------------------*/
#boardbox
	{ background-color: #fff; width: 340px; text-align: center; float: right; padding: 12px; }

#boardbox h3 
	{ font-size: 14px; font-weight: bold; line-height: 120%; margin: 0; text-align: center; border-bottom: 1px solid #202e7c; }
	
#boardbox p { font-size: 11px; line-height: 120%; text-align: center; margin: 12px 0 0; border-bottom: 1px solid #202e7c;}
.smalltype { font-size: 10px; line-height: 120%; }
.contentslong { min-height: 500px;
	height: auto !important;
	height: 500px;
}
.ticketsrule { padding-top: 6px; padding-bottom: 18px; border-bottom: 1px dotted #e72a3b; }
.ticketsruletop {  padding-bottom: 6px; border-top: 1px dotted #e72a3b; }
.ticketitem { text-align: left; width: 400px; border-bottom: 1px solid #d4d4d3; padding: 9px 0; }
.ticketsevent { width: 250px; float: left; padding-left: 12px; }
.ticketsbtn { width: 92px; float: left; }
.cL { width: 70%; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.cR { text-align: right; width: 30%; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.red { color: #f00; }
/* -------------------------------- CHOREOGRAPHER PAGE -----------------------------*/

#choreocontents { color: #1d191a; 
	line-height: 130%; 
	text-align: left; 
	width: 760px; 
	margin-left: 62px; 
}

#choreocontents h3 { }
#choreoresidence {border-bottom: solid 1px #202e7c; }
.choreoimg { border: solid 1px #1d191a; float: left; width: 100px; margin-right: 20px;}
.choreocollage { width: 250px; float: right; padding-left: 20px; }
#choreobios { width: 760px; }
#choreobios p { padding-top: 6px; padding-bottom: 18px; border-bottom: 1px dotted #e72a3b; }
#choreobios br { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

/* -------------------------------- CHOREOGRAPHER PAGE -----------------------------*/

#gallery.contents { color: #1d191a; 
	line-height: 130%; 
	text-align: center; 
	width: 800px; 
	margin-left: 62px; 
}

.gallerythumbnail {
		float: left;
		text-align: center;
		width: 160px;
		margin: 0 15px 20px 0;
		padding: 5px;
	}
/* -------------------------------- IMAGE FLOAT -----------------------------*/


.floatright {
		float: right;
		width: 130px;
		border: solid 1px #666;
		margin: 0 0 10px 10px;
		padding: 7px;
		text-align: center;
		font-size: 9px;
	}