@import url(thickbox.css);
/*mac hide\*/
HTML, BODY
{
	height: 100%;
}
/*end hide*/
BODY
{
	padding: 0;
	margin: 0;
	font: 10px Verdana;
	min-width: 760px;
/*for mozilla*/
	background: #720000 url(../images/dc_bg.gif) repeat-x;
	color: #000000;
}
A
{
	cursor: hand;
	color: #C00000;
}
#outer
{
	height: 100%;
	min-height: 100%;
	width: 708px;
	color: #000;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	position: relative;
	background: url(../images/outer_bg.gif) repeat-y center center;
	position: relative;
}
HTML>BODY #outer
{
	height: auto;
}
/*for mozilla as IE treats height as min-height anyway*/
#innerwrap
{
/*enables content first*/
	float: left;
	width: 520px;
	border: 0px solid red;
}
#innerwrap2
{
	float: left;
	width: 695px;
	border: 0px solid red;
}
#header
{
	position: absolute;
	top: 0;
	left: -1px;
	width: 708px;
	height: 275px;
	border: 0px solid #000;
	color: #000000;
	z-index: 100;
}
.navigation
{
	width: 708px;
	height: 69px;
	background: #B80000 url(../images/navigation_bg.gif) no-repeat bottom center;
	float: left;
	font-size: 93%;
	line-height: normal;
	border: 0px solid green;
}
* HTML .navigation
{
	height: 71px;
	he\ight: 61px;
}
.navigation UL
{
	margin: 0px;
	margin-left: 20px;
	height: 65px;
	padding: 0px 15px;
	list-style: none;
	border: 0px solid #FFF;
	position: relative;
}
* HTML .navigation UL
{
	padding: 0px 15px;
/*paÝing: 0px 15px 0px*/
}
.navigation LI
{
/*
float: left;
margin:0;
padding:0;
background:url("../images/right_both.gif") no-repeat right top;*/
	display: inline;
	margin: 0;
	padding: 0;
}
.navigation A
{
	float: left;
	display: block;
	padding: 0;
	background: url(../images/right_both.gif) no-repeat right top;
	text-decoration: none;
	cursor: hand;
}
.navigation A SPAN
{
	float: left;
	padding: 11px 15px 7px;
	background: url(../images/left_both.gif) no-repeat left top;
	border: 0px solid red;
	text-decoration: none;
	color: #000;
	font: bold 10px Verdana;
	vertical-align: baseline;
	cursor: hand;
}
* HTML .navigation A SPAN
{
	padding: 11px 15px 9px;
	padd\ing: 8px 15px 6px;
}
.navigation>UL A
{
	width: auto;
}
/*Commented Backslash Hack hides rule from IE5-Mac \*/
.navigation A:hover
{
	background-position: 100% -143px;
}
.navigation A:hover SPAN
{
	background-position: 0% -143px;
}
.navigation #current A SPAN
{
	background-image: url(../images/left_both.gif);
	background-position: 0% -143px;
	border-bottom: 1px solid #DADADA;
}
.navigation #current A
{
	background-image: url(../images/right_both.gif);
	background-position: 100% -143px;
	padding-bottom: 0px;
	border-bottom: 1px solid #DADADA;
}
.subnav
{
	margin: 0px 10px;
	padding: 0px;
	position: absolute;
	height: 20px;
	width: 700px;
	left: 0px;
	top: 35px;
	font: bold 10px verdana;
}
* HTML .subnav
{
	top: 36px;
	t\op: 31px;
}
.subnav UL
{
	height: 10px;
}
.subnav LI A
{
	margin-right: 10px;
	color: #7B0000;
	background: none;
}
.flash_header
{
	width: 708px;
	height: 226px;
	border: 0px solid green;
	z-index: 101;
	padding-left: 12px;
	margin-bottom: 0px;
}
#left
{
	position: relative;
/*ie needs this to show float*/
	width: 182px;
	float: left;
	padding-left: 2px;
	padding-top: 280px;
/*needed to make room for header*/
	padding-bottom: 32px;
/*needed to make room for footer*/
	border: 0px solid black;
}
#left P
{
	padding-left: 10px;
	padding-right: 2px;
}
#left2
{
	position: relative;
/*ie needs this to show float*/
	width: 182px;
	float: left;
	padding-left: 2px;
	padding-top: 275px;
/*needed to make room for header*/
	padding-bottom: 32px;
/*needed to make room for footer*/
	border: 0px solid black;
	margin-right: -181px;
}
#left2 P
{
	padding-left: 10px;
	padding-right: 2px;
}
#right P
{
	padding-left: 4px;
	padding-right: 2px;
}
#right
{
	position: relative;
/*ie needs this to show float*/
	width: 185px;
	float: right;
	padding-top: 280px;
/*needed to make room for header*/
	padding-bottom: 32px;
/*needed to make room for footer*/
	border: 0px solid black;
}
#footer
{
	width: 708px;
	clear: both;
	height: 30px;
	color: #000000;
	text-align: center;
	background: #720000 url(../images/footer_middlebottom.gif) no-repeat;
}
* HTML #footer
{
/*only ie gets this style*/
	height: 32px;
/*for ie5*/
	he\ight: 30px;
/*for ie6*/
}
#clearfooter
{
	width: 100%;
	height: 84px;
	clear: both;
	border: 0px solid blue;
}
/*to clear footer*/
.bottom_footer
{
	width: 708px;
	height: 54px;
	background: url(../images/footer_bottom.gif) repeat-x;
	position: relative;
}
#base
{
	margin-top: -84px;
	margin-left: 20px;
	width: 708px;
	position: relative;
}
DIV, P
{
	margin-top: 0;
}
/*clear top margin for mozilla*/
.newsbox_top
{
	width: 336px;
	height: 46px;
	border: 0px solid black;
	background: url(../images/newsbox.gif) no-repeat 3px center;
	margin-bottom: -5px;
}
* HTML .newsbox_top
{
	margin-bottom: 0px;
}
.newsbox
{
	width: 336px;
	background: url(../images/middlebox.gif) repeat-y 3px center;
	margin-bottom: 0px;
}
.newsbox H5
{
	padding: 10px 25px;
	font: bold 10px verdana;
	margin-top: -10px;
	margin-bottom: -8px;
}
.newsbox SPAN
{
	padding: 0px 25px;
	font: 10px verdana;
}
.newsbox_bottom
{
	width: 336px;
	height: 12px;
	border: 0px solid black;
	margin-top: -16px;
	background: url(../images/newsbox_bottom.gif) no-repeat 3px center;
}
DIV.newsbar
{
	height: 5px;
	width: 290px;
	background: url(../images/news_hr.gif) no-repeat scroll center;
/*margin: 0px 5px 10px 5px;*/
	margin: 5px auto;
}
* HTML DIV.newsbar
{
	margin: 5px 20px;
	margin: 5px auto;
}
DIV.newsbar HR
{
	display: none;
}
DIV.largebar
{
	height: 5px;
	width: 500px;
	background: url(../images/large_hr.gif) no-repeat scroll center;
	margin: -15px 0px 0px -5px;
}
DIV.largebar HR
{
	display: none;
}
* HTML DIV.largebar
{
	margin: 15px 0px 0px -5px;
	margin: 15px 0px 0px -5px;
}
.schedules
{
	margin-left: 5px;
}
.schedules TD
{
	font: 10px verdana;
}
.studios
{
	width: 475px;
	position: relative;
	height: 27px;
}
.schedules2 TD
{
	width: 30%;
}
.studios A I
{
	visibility: hidden;
}
A#studio1
{
	width: 68px;
	height: 26px;
	position: absolute;
	top: 0px;
	left: 300px;
	background-image: url(../images/studio1.gif);
}
A#studio2
{
	width: 68px;
	height: 26px;
	position: absolute;
	top: 0px;
	left: 370px;
	background-image: url(../images/studio2.gif);
}
A#summer
{
	width: 68px;
	height: 26px;
	position: absolute;
	left: 231px;
	background-image: url(../images/summerschedule.gif);
}
A#starsteppersbtn
{
	width: 68px;
	height: 26px;
	position: absolute;
	left: 231px;
	background-image: url(../images/starsteppers.gif);
}
* HTML .newsbox_bottom
{
	margin-top: -5px;
	ma\rgin-top: -5px;
}
#centercontent
{
	width: 336px;
	float: right;
	padding-top: 280px;
	padding-bottom: 32px;
/*needed to make room for footer*/
	border: 0px solid black;
}
#centercontent P
{
	padding: 5px 25px;
}
#centercontent2
{
	width: 510px;
	float: right;
	padding-top: 275px;
	padding-bottom: 32px;
/*needed to make room for footer*/
	border: 0px solid green;
	margin-left: 182px;
}
#centercontent2 P
{
	padding: 5px;
	border: 1px solid #D2D2D2;
	background: #EDEDED;
	width: 460px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 30px;
}
* HTML #centercontent2 P
{
	margin-bottom: 10px;
}
#centercontent2 H4
{
	width: 510px;
	height: 0px;
	margin-bottom: 5px;
	margin-top: 4px;
	padding: 46px 0 0;
	overflow: hidden;
}
#centercontent2 H4 I
{
	display: none;
}
* HTML #centercontent2 H4
{
	margin-bottom: 0px;
	padding: 64px 0 0;
	margin-top: -19px;
}
.centercontentbox
{
	width: 510px;
	background: url(../images/centercontent_middle.gif) repeat-y center center;
	margin-bottom: 0px;
	border: 0px solid red;
}
.centercontentbox_text
{
	margin-left: 10px;
}
.centercontentbox H5
{
	font-size: 12px;
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
}
.centercontentbox H5#headerq
{
	margin-top: 3px;
	margin-left: 3px;
	background: url(../images/question.jpg) no-repeat 8px 0px;
	display: block;
	padding-left: 35px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.centercontentbox UL
{
	list-style-type: none;
	padding: 0px;
	border: 0px solid green;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 30px;
}
* HTML .centercontentbox UL
{
	margin-bottom: 0px;
	ma\rgin-bottom: 0px;
}
.centercontentbox LI
{
	margin-top: 3px;
	margin-left: 3px;
	background: url(../images/question.jpg) no-repeat -1px 0px;
	border: 0px solid red;
	display: block;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.centercontentbox LI A
{
	color: black;
	text-decoration: none;
}
.centercontentbox LI A:hover
{
	color: #C00000;
}
.sitemapbox UL
{
	list-style-type: none;
	padding: 0px;
	border: 0px solid green;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 0px;
}
.sitemapbox LI
{
	margin-top: 3px;
	margin-left: 3px;
	background: url(../images/star_li.jpg) no-repeat 0px -2px;
	border: 0px solid red;
	display: block;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.sitemapbox LI A
{
	color: black;
	text-decoration: none;
	font-weight: bold;
}
.sitemapbox LI A:hover
{
	color: #C00000;
	font-weight: bold;
}
.arrow UL
{
	list-style-type: none;
	padding: 0px;
	border: 0px solid green;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}
.arrow LI
{
	margin-top: 3px;
	margin-left: 0px;
	background: url(../images/arrow.jpg) no-repeat 0px 2px;
	border: 0px solid red;
	display: block;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: none;
}
.arrow LI A
{
	color: black;
	text-decoration: none;
}
.arrow LI A:hover
{
	color: #C00000;
}
.schedules_top
{
	background: url(../images/schedules_top.gif) no-repeat center center;
}
.starsteppers_top
{
	background: url(../images/starsteppers_top.gif) no-repeat center center;
}
* HTML .starsteppers_top
{
	margin-bottom: 0px;
	ma\rgin-bottom: 0px;
}
.top_header
{
	width: 708px;
	height: 84px;
	margin-left: 20px;
	background: url(../images/top_header.gif) repeat-x;
	position: relative;
}
.top_header DIV#tell
{
	position: absolute;
	left: 452px;
	top: 12px;
}
.top_header A#print
{
	position: absolute;
	left: 452px;
	top: 32px;
	color: #000;
	font: bold 10px verdana;
	text-decoration: none;
	background: url(../images/printer.gif) no-repeat;
	display: block;
	padding-left: 18px;
	padding-top: 3px;
	height: 18px;
}
.top_header A#login
{
	position: absolute;
	left: 620px;
	top: 12px;
	color: #000;
	font: bold 10px verdana;
	text-decoration: none;
}
#title_gallery
{
	background: url(../images/title_galleries.png) no-repeat center center;
}
.calendar_top
{
	background: url(../images/calendar_top.gif) no-repeat center center;
	margin-bottom: 15px;
}
.aboutus_top
{
	background: url(../images/aboutus_top.gif) no-repeat center center;
}
.BirthDays_top
{
	background: url(../images/BirthDays_top.gif) no-repeat center center;
	margin-bottom: 15px;
}
.contact_top
{
	background: url(../images/contact_top.gif) no-repeat center center;
}
.sitemap_top
{
	background: url(../images/sitemap_top.gif) no-repeat center center;
}
.info_top
{
	background: url(../images/information_top.gif) no-repeat center center;
}
.faq_top
{
	background: url(../images/faq_top.gif) no-repeat center center;
}
.centercontentbox
{
	width: 510px;
	background: url(../images/centercontent_middle.gif) repeat-y center center;
	margin-bottom: -30px;
	margin-top: -5px;
	border: 0px solid red;
}
* HTML .centercontentbox
{
	margin-top: 0px;
	ma\rgin-top: 0px;
	margin-bottom: 0px;
	ma\rgin-bottom: 0px;
}
.centercontent_bottom
{
	width: 510px;
	height: 12px;
	border: 0px solid black;
	background: url(../images/centercontent_bottom.gif) no-repeat center center;
	margin-top: 20px;
}
* HTML .centercontent_bottom
{
	margin-top: 0px;
	ma\rgin-top: 0px;
}
.iconbox_top
{
	width: 182px;
	height: 12px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	background: url(../images/flatbox_top.gif) no-repeat 5px 0px;
	border: 0px solid blue;
}
* HTML .iconbox_top
{
	ma\rgin-bottom: 0px;
	margin-bottom: 0px;
	border: 1px solid red;
	b\order: 0px solid red;
}
.iconbox
{
	width: 180px;
	background: url(../images/flatbox_middle.gif) repeat-y 5px 0px;
	border: 0px solid green;
}
.iconbox_bottom
{
	width: 182px;
	height: 12px;
	margin-top: -10px;
	padding: 0px;
	background: url(../images/flatbox_bottom.gif) no-repeat 5px 0px;
	border: 0px solid blue;
}
P#icons
{
	position: relative;
	border-bottom: 1px dashed #000;
	padding-left: 48px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	height: 44px;
	width: 112px;
}
* HTML P#icons
{
	width: 164px;
	w\idth: 112px;
	height: 50px;
/*heigt: 45px*/
}
#icons A
{
	position: absolute;
	height: 47px;
	width: 50px;
	top: 0px;
	text-decoration: none;
}
#icons A SPAN
{
	font: bold 10px verdana;
	color: #000;
	display: block;
	width: 100px;
}
#icons A I
{
	visibility: hidden;
}
A#calendaricon
{
	background: url(../images/calendaricon.gif) no-repeat;
	width: 47px;
	border: 0px solid green;
	font-size: 2px;
	left: 1px;
}
A#galleryIcon
{
	background: url(../images/icon_gallery.png) no-repeat;
	width: 47px;
	border: 0px solid green;
	font-size: 2px;
	left: 1px;
	display: block;
	height: 0px;
	padding: 47px 0 0;
	overflow: hidden;
}
A#scheduleicon
{
	background: url(../images/scheduleicon.gif) no-repeat;
	width: 47px;
	border: 0px solid green;
	font-size: 2px;
	left: 1px;
}
A#BirthDayIcon
{
	background: url(../images/BirthdayCake_icon.jpg) no-repeat;
	width: 47px;
	border: 0px solid green;
	font-size: 2px;
	left: 1px;
}
P#iconbtm
{
	position: relative;
	padding-left: 52px;
	padding-bottom: 5px;
	margin-left: 10px;
	height: 44px;
	width: 112px;
}
* HTML P#iconbtm
{
	width: 164px;
	w\idth: 112px;
	height: 50px;
	he\ight: 45px;
}
#iconbtm A
{
	position: absolute;
	height: 50px;
	width: 50px;
	top: 0px;
	text-decoration: none;
}
#iconbtm A SPAN
{
	font: bold 10px verdana;
	color: #000;
	display: block;
	width: 120px;
	margin-bottom: 5px;
}
#iconbtm A I
{
	visibility: hidden;
}
A#staricon
{
	background: url(../images/staricons.gif) no-repeat;
	width: 50px;
	border: 0px solid green;
	font-size: 2px;
	left: 1px;
}
* HTML .iconbox_bottom
{
	margin-top: 0px;
	ma\rgin-top: 0px;
}
.emailform_top
{
	width: 174px;
	height: 41px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background: url(../images/mailform_top.gif) no-repeat 0px 0px;
	border: 0px solid blue;
}
.emailform_middle
{
	width: 174px;
	background: url(../images/mailform_center.gif) repeat-y 0px 0px;
	border: 0px solid green;
}
.emailform_bottom
{
	width: 174px;
	height: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	background: url(../images/mailform_bottom.gif) no-repeat 0px 0px;
	border: 0px solid blue;
}
.form_padding
{
	padding: 2px 10px;
}
.form_padding H5
{
	margin-bottom: 3px;
	margin-left: 3px;
	font: bold 10px verdana;
}
.imgbutton
{
	border: 0px;
	margin-left: 75px;
}
.fptextarea
{
	margin-left: 5px;
	border: 1px solid black;
}
.thisweekbox_top
{
	width: 182px;
	height: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background: url(../images/flatbox_top.gif) no-repeat -2px 0px;
	border: 0px solid blue;
}
* HTML .thisweekbox_top
{
	margin-bottom: 0px;
	ma\rgin-bottom: 0px;
}
.thisweekbox
{
	width: 182px;
	background: url(../images/flatbox_middle.gif) repeat-y -2px 0px;
	border: 0px solid green;
}
.thisweekbox P
{
	margin-left: 3px;
	width: 160px;
	padding-left: 10px;
}
.thisweekbox_bottom
{
	width: 182px;
	height: 12px;
	margin-top: -16px;
	margin-bottom: 0px;
	padding: 0px;
	background: url(../images/flatbox_bottom.gif) no-repeat -2px 0px;
	border: 0px solid blue;
}
* HTML .thisweekbox_bottom
{
	margin-top: 0px;
	ma\rgin-top: 0px;
}
.thisweekbox UL
{
	list-style-type: none;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
}
.thisweekbox LI
{
	list-style-type: none;
	background: url(../images/triangle_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 23px;
	border: 0px;
	margin: 0 0 0px 5px;
}
.bold
{
	font-weight: bold;
}
/*Calendar Css
*** month and year header at top of calendar ****/
.table
{
	width: 488px;
	height: 410;
}
.date_header
{
	font-size: 16px;
	font-family: arial, helvetica;
	font-weight: bold;
}
/**** color and size of calendar cells.  ****/
.day_cell
{
	background-color: #FFF;
	height: 60;
	width: 65;
	min-width: 60px;
	min-height: 65px;
}
.empty_day_cell
{
	background-color: #EEEEEE;
	height: 60;
	width: 65;
	min-width: 60px;
	min-height: 65px;
}
.today_cell
{
	background-color: #E6E6E6;
	height: 60;
	width: 65;
	min-width: 60px;
	min-height: 65px;
}
/**** day number in upper left corner of each cell ****/
.day_number
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
	color: #000;
}
/**** title_txt is the text for each post on main page ****/
.title_txt
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
	color: #000;
}
.title_txt A:link
{
	color: #C00000;
	text-decoration: underline;
}
.title_txt A:active
{
	color: #C00000;
	text-decoration: underline;
}
.title_txt A:visited
{
	color: #C00000;
	text-decoration: underline;
}
.title_txt A:hover
{
	color: #000;
	text-decoration: underline;
}
/**** time line under title text when event time given ****/
.time_str
{
	font-size: 9px;
	font-family: arial, helvetica;
}
/**** column headers or days of the week ****/
.column_header
{
	background-color: #C00000;
	font-size: 12px;
	font-family: arial, helvetica;
	color: #FFFFFF;
	font-weight: bold;
}
/**** footprint text ****/
.footprint
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
	color: #000;
	font-weight: bold;
}
.footprint A
{
	font-size: 10px;
	font-family: verdana, arial, helvetica;
	color: #00F;
	font-weight: bold;
}
.custom404
{
	margin-top: 109px;
	width: 437px;
	height: 457px;
	background: url(/images/custom404.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	position: relative;
	border: 0px solid green;
}
.custom404 P
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 220px;
	width: 370px;
	font-weight: bold;
	border: 2px solid #D8D8D8;
	padding: 5px;
	text-align: justify;
}
.centercontentbox_text H5#danceschedules
{
	font-size: 12px;
	margin-left: 5px;
	margin-bottom: 17px;
	margin-top: 10px;
}
* HTML .centercontentbox_text H5#danceschedules
{
	margin-bottom: -13px;
	ma\rgin-bottom: -13px;
}
.tablebox
{
	width: 490px;
}
.tablebox TABLE CAPTION
{
	text-transform: uppercase;
	font-weight: bold;
}
.tablebox TR
{
	border: 1px solid #E6E6E6;
	border-collapse: collapse;
}
.tablebox TH
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.tablebox TABLE#table1
{
	border: 1px solid #C3C3C3;
	border-collapse: collapse;
	margin-top: 5px;
}
.tablebox TABLE#table2
{
	border: 1px solid #C3C3C3;
	border-collapse: collapse;
	float: right;
	margin-top: 5px;
}
.tablebox TR#grey
{
	background-color: #E6E6E6;
}
#tag
{
	left: 490px;
	top: 15px;
	position: absolute;
}
UL#galleryList
{
	overflow: auto;
	width: 473px;
	padding-top: 16px;
	padding-left: 2px;
}
* HTML UL#galleryList
{
	overflow: visible;
}
#galleryList LI
{
	background: none;
	width: 82px;
	float: left;
	margin: 0px 5px 15px;
	height: 85px;
	padding: 0px;
}
* HTML #galleryList IMG
{
	border: 2px solid #C00000;
}
#galleryList A
{
	display: block;
	width: 82px;
	text-align: center;
}
* HTML #galleryBox A IMG
{
	border: 2px solid #C00000;
}
#galleryBox
{
	overflow: auto;
}
* HTML #galleryBox
{
	overflow: auto;
	height: 394px;
	margin-left: -12px;
}
#galleryBox A
{
	margin-left: 13px;
	margin-bottom: 13px;
	display: block;
	float: left;
}
.centercontentbox H3
{
	margin-top: -6px;
	padding-top: 10px;
	padding-left: 10px;
}