@charset "UTF-8";
/* CSS Document */


* {margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; border:0; color: #333;}

/*template*/
.cr {clear:both;}
.right{float: right;}
.right_cr{clear: right;}
.left{float: left; padding-right:10px; padding-top:10px;}
.left_cr{clear: left;}
a { text-decoration: none;color:#FF6600;} 
body {background:url(../images/bg.gif) repeat #ffdc7f; font-size:62.5%;}
#shell { width: 800px; background: url(../images/top.gif) repeat-x top center #fffaf0; margin: 0 auto;}
#logo h1 { width: 361px; font-size: .8em;}
#logo h1 a {display: block; background: url(../images/logo.gif) no-repeat top left; width: 361px; height: 121px; text-indent: -5000px;}
#kids0 { float: right;}
#kids0 img {width: 150px;}
#kids { float: right;}
#kids img {width: 30px; margin: 153px 40px 10px 0px;}
#kids1 { float: right;}
#kids1 img {width: 30px; margin: 155px 10px 10px 0px;}
#kids2 { float: right;}
#kids2 img {width: 30px; margin: 150px 10px 10px 0px;}
#main { padding: 10px 0px; font-size: 1.1em;}
a:hover {color: #CC9933;}
.coming { text-align: center; font-size: 2em; color:#FF6600; font-weight: bold; padding: 100px 20px;}
.blk_bold { color:#333333; font-weight: bolder; font-size:.9em;}



/*nav*/
#nav {list-style-type:none; width: 770px; margin: 0 auto;}
#nav li { float: left; text-decoration: none;}
#nav li a {display:block; background-repeat:no-repeat; height:35px; text-indent:-5000px;}

#nav_home a { background:url(../images/nav.gif) no-repeat; width:67px; background-position: left bottom;}
#nav_about a { background:url(../images/nav.gif) no-repeat; width:61px; background-position: -67px bottom;}
#nav_program a { background:url(../images/nav.gif) no-repeat; width:82px; background-position: -126px bottom;}
#nav_enroll a { background:url(../images/nav.gif) no-repeat; width:96px; background-position: -208px bottom;}
#nav_horipro a { background:url(../images/nav.gif) no-repeat; width:69px; background-position: -303px bottom;}
#nav_photo a { background:url(../images/nav.gif) no-repeat; width:112px; background-position: -370px bottom;}
#nav_rental a { background:url(../images/nav.gif) no-repeat; width:97px; background-position: -482px bottom;}
#nav_media a { background:url(../images/nav.gif) no-repeat; width:68px; background-position: -577px bottom;}
#nav_contact a { background:url(../images/nav.gif) no-repeat; width:106px; background-position: -647px bottom;}

#nav_home a:hover { background-position: left 0px;}
#nav_about a:hover  {background-position: -67px top;}
#nav_program a:hover  { background-position: -126px top;}
#nav_enroll a:hover  {background-position: -208px top;}
#nav_horipro a:hover  {  background-position: -303px top;}
#nav_photo a:hover  { background-position: -370px top;}
#nav_rental a:hover  { background-position: -482px top;}
#nav_media a:hover { background-position: -577px top;}
#nav_contact a:hover  {background-position: -647px top;}

/*footer*/
#footer { margin-bottom: 15px; text-align: center;  color: #483c23; clear:both; }
#footer_nav { list-style-type: none; padding-bottom: 10px;}
#footer_nav li { display: inline;   color: #483c23; }
#footer_nav li a { color: #483c23; }
#footer_nav li a:hover { color: #FDA200; }

/*index*/
#swf { width: 760px; margin: 10px auto;}
#left_content { padding-left: 15px;}
#right_content { float: right; width:460px; padding-right: 15px;}
.announce { background-color: #ffe4f0; width: 460px; border:#ed2f78 1px solid; margin-bottom: 10px;}
.announce a { color:#ed2f78; text-decoration:none; }
.announce h2{ background-color: #FFFFFF; color: #ed2f78; font-size: 2em; text-align: center; font-weight: bolder; padding: 3px 0; border-bottom:#ed2f78 1px solid;}
#announce_bullets { padding-top: 10px; padding-left: 25px; font-size: 1.2em; line-height: 1.7em;}
#announce_bullets li { background: url(../images/announce_bullet.gif) no-repeat left top; list-style: none; padding-left: 20px; padding-bottom: 7px;}
#events { background-color: #ebe5fa; width: 460px; border:#8765C0 1px solid;}
#events p { padding: 10px; font-size: 1.2em; line-height:1.7em;}
#events h3 { font-size: 1.5em; color: #662d91; font-weight: bold; padding-left: 25px; background: url(../images/event_bullet.gif) top left no-repeat; height: 22px; padding-top: 3px;}
#events h2 { background-color: #FFFFFF; color: #662d91; font-size: 2em; text-align: center; font-weight: bolder; padding: 3px 0; border-bottom:#8765C0 1px solid;}
.event1 { padding: 10px;}
.green_bold { color: #8765c0; font-weight: bold;}
#events a { color: #8765c0;}
.mail_coming { font-size: 1.4em; font-weight: bolder; color:#ed2f78; text-align: center; display: block; padding-bottom: 10px;}
table.schedule { width: 430px; margin: 0 auto;border: 1px solid #662d91; border-collapse: collapse; }
table.schedule td, th {line-height: 1.4em; vertical-align:top;border: 1px solid #662d91; border-collapse: collapse;  }
table.schedule th { font-size: 1.2em;text-align: center; padding: 3px; }
table.schedule td { padding: 5px;}
.schedule td.place { font-weight: bold; text-align: center; font-size: 1.2em;}
.purple_bold { color: #662d91; font-weight: bold; font-size: 1.3em; }


#calendar a {display: block; background:url(../images/calendar.jpg) no-repeat; text-indent: -5000px; height: 119px; width: 294px;}
#calendar1 a {display: block; background:url(../images/calendar1.jpg) no-repeat; text-indent: -5000px; height: 119px; width: 294px;}
#blog { background-color: #fff; width:280px; border: 1px solid #d9cecc; margin-bottom: 8px;}
#blog_header  {display: block; background:url(../images/blog.jpg) no-repeat; text-indent: -5000px; height: 105px; width: 294px;}
#blog h3 { color: #5c4a2c; font-weight: bold; font-size: 1.4em; padding:5px;}
.blk_bld { color: #333333; font-weight: bold; font-size: 1.1em; padding:5px;}
.textbody { padding:5px; line-height:1.5em; font-size: 1.2em;}
#horipro_logo { width: 285px; margin-bottom: 5px;}
#horipro_logo h3 { background: url(../images/horipro_header.gif) no-repeat #fff3a2 center top; border: solid 1px #FF7e00; padding: 3px; text-indent: -5000px; height: 20px;}
#horipro_logo h2  {text-align:center}
table#logos { width: 290px; margin: 7px auto;}
table#logos2 { width: 280px; margin: 0 auto; border: 1px solid blue;}
table#logos2 td {font-size: 1.5em;text-align: center; padding: 0;}
#mail { width: 294px; background: url(../images/mail_middle.gif) repeat-y; margin-top: 10px;}
#mail h2 { background: url(../images/mail_top.gif) no-repeat left top; padding-top: 15px; text-indent: -5000px; padding-bottom: 10px;}
#mail .last { background: url(../images/mail_bottm.gif) no-repeat left bottom; padding-bottom: 15px;} 
strong:hover {color: #CC9933;} img:hover {color: #CC9933;}
#mail p { padding-right: 20px; padding-left: 20px; line-height: 1.5em; font-size:1.2em;}
#mail input.whitebox { border:#E66B57 solid 1px; font-size: 1.2em; width: 200px; margin: 0 auto; display:block; font-size: 1.5em;}
#mail .submit { width: 100px; margin: 0 auto; display: block;}

/*about*/
#about { padding: 0 15px;}
#sidemenu { float:left; }
#contents { float: right; width: 660px;}
ul#anchor { list-style: none; line-height: 3em;}
ul#anchor li a { font-size: 1.2em; color:#483c23; background: url(../images/brown_arrow.gif) no-repeat center left; padding-left: 20px;}
ul#anchor li a:hover {color:#E29F00; }
.text { line-height: 1.7em; font-size: 1.2em; padding-top: 10px; padding-bottom: 10px; padding-right: 20px;}
.bold_right { font-size: 1.3em; font-weight: bold; padding-bottom: 15px; text-align: right; padding-right: 40px;padding-top: 15px; }
#about h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 10px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; padding-bottom: 3px;}
.teacher { margin-bottom: 10px;}
.teacher th { font-size: 1.4em; padding-bottom: 10px; color: #715C3B; vertical-align: top; font-weight: bold; border:none;}
.teacher td { padding: 5px 10px;width: 200px; text-align: center; padding-top: 15px;}
.teacher td img {border: solid 1px #483c23; }
.inst { font-size: .8em; padding-top: 5px; vertical-align:top;}
#map h1 { font-size: 2em; font-weight: bold; text-align: center; color:#483c23; padding-top: 20px;}
body#map { width: 600px;}
#map p { width: 500px; margin: 0 auto;}
.studio {margin-top: 10px; width: 600px; margin-bottom: 10px;}
.studio td { font-size: 1.3em; background-color:#FFECBA; color:#FF6600; font-weight: bold; text-align: center; padding-top: 5px; }
.bold { font-size: 1.7em; line-height:1.3em; color:#715C3B; padding-bottom: 10px; }
.bold a { color: #CC9933;}
.bold a:hover { color:#FF6600;}
#about p { text-align: center; padding: 25px 0;}
#about h3 { font-size: 1.4em; font-weight: bold; background: url(../images/brown_bullet_s.gif) no-repeat top left; padding-left: 20px; height: 20px; color:#715C3B; font-weight: bold; padding-bottom: 5px; padding-top: 4px; margin-left: 20px;}
table.job { padding: 10px; border: none; width: 600px; border-collapse: collapse; margin-left: 25px; margin-bottom: 20px;}
table.job th {width: 80px; white-space: nowrap; font-size: 1.3em; text-align: right; padding-right: 10px; padding-left: 5px; border: #715C3B 1px solid;}
table.job td { padding: 5px; font-size: 1.2em; line-height: 2em; border: #715C3B 1px solid;}


#about h4 { font-size: 1.4em; color:#FF6600; padding-left: 35px; padding-top: 5px; padding-bottom:5px;line-height: 1.6em;}
.answer { padding-left:35px; padding-bottom:10px; padding-top:5px; font-size: 1.2em; line-height: 1.6em;}

/*program*/
#program { padding: 0 15px;}
#program .right{float: right; padding-bottom: 10px;}
#program .left{float: left; margin-right: 10px;padding-bottom: 10px;}
#program .right_pad {float: right; padding-bottom: 10px; margin-left: 10px;}
#program .right img {padding-bottom: 10px; display: block;}
.dance_photo {width: 550px; margin: 10px auto;}
.dance_photo td { padding: 0 10px;}
#program ul#anchor li a { font-size: 1em; color:#483c23; background: url(../images/brown_arrow.gif) no-repeat center left; padding-left: 20px;}
#classes { float: right; width: 590px;}
#program h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 20px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; padding-bottom: 3px; margin-top: 10px; line-height: 1.3em;}
.header { font-size: 1.2em; line-height:1.5em;  padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
#program h3 { font-size: 1.4em; font-weight: bold; background: url(../images/brown_bullet_s.gif) no-repeat top left; padding-left: 20px; height: 20px; color:#715C3B; font-weight: bold; padding-bottom: 5px; padding-top: 4px; margin-left: 15px;}
.blk { color: #333; font-size: .9em; padding-left: 10px; font-weight: normal;}
/*ear_only*/
table.calendar_ear { border: #715c3b 1px solid; border-collapse: collapse; margin-bottom: 30px; width: 400px; margin-top: 10px;border-collapse: collapse;}
.calendar_ear td { padding: 8px 10px; font-size: 1.4em; border: #715c3b 1px solid; text-align: center; line-height: 1.5em;}
.calendar_ear th { padding: 8px 10px; font-size: 1.4em; font-weight: bold; background-color:#ffDc7f; color:#715C3B; border:#715c3b 1px solid;  white-space: nowrap;}
/*end of ear only*/

/*private_only*/
table.calendar_private { border: #715c3b 1px solid; border-collapse: collapse; margin-bottom: 30px; width: 430px; margin-top: 10px;border-collapse: collapse;}
.calendar_private td { padding: 5px 10px; font-size: 1.3em; border: #715c3b 1px solid; text-align: center; line-height: 1.5em;}
.calendar_private th { padding: 5px 10px; font-size: 1.4em; font-weight: bold; background-color:#ffDc7f; color:#715C3B; border:#715c3b 1px solid;  white-space: nowrap;}
/*end of ear only*/

table.calendar { border: #715c3b 1px solid; border-collapse: collapse; margin-bottom: 30px; width: 500px; margin-top: 10px;border-collapse: collapse;}
.calendar td { padding: 8px 10px; font-size: 1.4em; border: #715c3b 1px solid; text-align: center; line-height: 1.5em;}
.calendar th { padding: 8px 10px; font-size: 1.4em; font-weight: bold; background-color:#ffDc7f; color:#715C3B; border:#715c3b 1px solid;  white-space: nowrap;}
td.extra { font-size: 1.2em;}
#program a:hover {color: #CC9933;}
#program a {color:#FF6600;}
table.class_detail { margin: 15px; border: none;}
table.class_detail th { width: 90px; font-size: 1.4em; font-weight: bold; background: url(../images/brown_bullet_s.gif) no-repeat center left; padding-left: 20px;padding-top: 15px; padding-bottom: 15px; padding-right: 10px; color:#715C3B; text-align: left; border: none;}
table.class_detail td { color: #333; font-size: 1.4em; padding: 5px; line-height: 1.5em;}
.header_event { font-size: 1.4em; line-height:1.5em;  padding-bottom: 15px;}
.event_detail { font-size: 1.2em; line-height:1.5em;  padding-bottom: 20px; padding-left: 15px;}
.private_inst {  font-size: .7em; font-weight: bolder; color: #715C3B; }

/*enroll*/
#enroll { padding: 0 15px;}

#enroll a:hover {color: #CC9933;}
#enroll a {color:#FF6600;}
#enroll .header { font-size:1.4em; line-height: 2em; text-align: center;}
.documents { border: #715c3b 1px solid; margin-bottom: 10px; margin: 10px auto; border-collapse: collapse; width:600px;}
.documents td { padding: 5px 40px; font-size: 1.5em; border: #715c3b 1px solid; border-collapse: collapse; line-height: 2em; }
.documents th { padding: 5px 10px; font-size: 1.5em; font-weight: bold; background-color:#ffDc7f; color:#715C3B; border:#715c3b 1px solid; white-space: nowrap; width: 100px;}
#enroll h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 10px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; margin-bottom: 10px; padding-bottom: 3px; margin-top: 10px;}

/*rental*/
#rental { padding: 0 15px;}
#rental .text { font-size: 1.3em; line-height: 1.7em; padding-left: 10px; padding-right: 10px;}
#rental .header { font-size:1.4em; line-height: 2em; text-align: center;}
#rental h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 10px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; margin-bottom: 10px; padding-bottom: 3px; margin-top: 10px; }

/*contact*/
#contact { padding: 0 15px;}
#contact .header { font-size:1.4em; line-height: 2em; text-align: center;}
#contact h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 10px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; margin-bottom: 10px; padding-bottom: 3px; margin-top: 10px; }
#contact .text { font-size: 1.4em; line-height: 2em; margin-left: 30px; float: left;}

/*horipro_map*/

/*media*/
#media { padding: 0 15px;}
#media h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 10px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; margin-bottom: 10px; padding-bottom: 3px; margin-top: 10px; }
#media p { text-align: center;}
#media h3 { font-size: 1.4em; font-weight: bolder; text-align: center; line-height: 2em;}
#media .header { font-size: 1.4em; font-weight: bolder; text-align: center; line-height: 2em;}

/*horiPro*/
#horipro { padding: 0 15px;}
#horipro .header { font-size: 1.3em;}
#horipro h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 10px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; margin-bottom: 10px; padding-bottom: 3px; margin-top: 10px; }
.web { float:right; padding-right: 20px; font-size: .8em; }
.horipro1 { font-size: 1.3em; line-height: 1.7em; padding-right: 10px; padding-bottom: 20px; clear: both;}
.horipro1 .left { padding-right: 20px;}
#horipro .header { padding-left: 10px; padding-right: 10px;}

/*photo*/
#photo { padding: 0 15px;}
#photo h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 10px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; margin-bottom: 10px; padding-bottom: 3px; margin-top: 10px; }
#photo td { text-align: center; padding: 10px 0px;}
#photo h3 { text-align: center; color: #333; font-size: 1.5em; font-weight: bold;}
#photo h3 a {color: #715C3B; text-decoration:underline;}
#photo h3 a: hover { color:#FDA200;}
#photo img {border: .1em solid #000;}
#photo a:hover img { border: .1em solid #CC2222; }




/*calendar*/
#calendar_page { padding: 0 15px;}
#calendar_page { width: 770px; margin: 0 auto; padding-bottom: 20px; border: none;}
#calendar_page h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 5px; margin-bottom: 10px; padding-left: 25px; background: url(../images/star.gif) no-repeat top left #FFECBA; margin-bottom: 10px; padding-bottom: 3px; margin-top: 10px; }
#calendar_page .header { padding-left: 10px; padding-right: 10px;}
#calendar_page img { border-style:solid; border-width:1px;} a: hover { color:#FDA200;}


/*email*/
#email { padding: 0 15px;}
#email h2 { font-size: 1.8em; font-weight: bold; color: #715C3B; padding-top: 3px; margin-bottom: 10px; padding-left: 30px; background: url(../images/star.gif) no-repeat top left #FFECBA; margin-bottom: 10px; padding-bottom: 3px; margin-top: 10px; }
#email h3{ font-size: 1.4em; font-weight: bolder; text-align: center; line-height: 2em;}
.form { margin-bottom: 10px; margin: 10px auto; width:670px;}
.form td { padding: 5px 10px; font-size: 1.4em;line-height: 2em; }
.form th { padding: 5px 10px; font-size: 1.4em; font-weight: bold;color:#715C3B; white-space: nowrap; border: none; text-align: right;}
.box_name { border:#715c3b solid 1px; width: 200px; padding:2px; font-size:1em; background-color: #fff;}
.box_address { border:#715c3b solid 1px; width: 400px; padding:2px;font-size:1em; background-color: #fff;}
.box_comments { border:#715c3b solid 1px; width: 400px;font-size:1.1em; padding: 2px;}
.required {color:#FF0000; padding-left: 15px;}
.submit { font-weight: bold; width: 70px; padding: 3px; font-size:1em; border: solid 1px #715c3b; color: #715c3b; background-color: #FF9900;}
.submit_position {width: 70px; margin: 0 auto; }
.submit:hover { border: solid 1px #715c3b; color: #715c3b; background-color: #FF9900;}
.form td input { background-color: #fff;}
.form td input:focus, TEXTAREA:focus{ background-color:#fff1b9; }

/*title*/
.title { padding: 0 15px;}
.title h3 { text-align: left; color: #333; font-size: 1.5em; font-weight: bold;}

/*Win Firefox*/
:focus {
--moz-outline-style: none;
}
/*Mac Firefox*/
a {
outline: none;
}