/*@import url("reset.css");*/
@import url("front_mermaid.css");

body { background: #000 url("images/top_bg.gif") top left repeat-x; color: #FFF; font-family: arial, helvetica, verdana, sans-serif; margin: 0; text-align: center; }
a { color: #C93; text-decoration: underline; }
a:hover { color: #CCC; text-decoration: none; }
h1 { }
h2 { color: #CCC; font: bold 24px papyrus, arial, helvetica, verdana, sans-serif; letter-spacing: 1px; margin: 5px 0 5px 0; text-align: center; }
h3 { color: #C93; font: bold 14px arial, helvetica, verdana, sans-serif; margin: 5px 0 5px 0; letter-spacing: 1px; }
hr { clear: both; }

/* main layout */

#main { width: 800px; background-color: #000; margin: 5px auto 0 auto; position: relative; text-align: left; }
#intro { width: 100%; height: 373px; /*background: #000 url("images/front_mermaid_bg.jpg") top left no-repeat;*/ margin-top: 15px; border-top: 1px solid #C93; position: relative; }
#logo { border-bottom: 1px solid #C93; height: 75px; position: relative; top: 0; left: 0; }
#logo_right { width: 262px; position: absolute; top: 0px; left: 528px; font: normal 10px arial, helvetica, verdana sans-serif; text-align: right; }
#breadcrumbs { background-color: #222; font: normal 11px arial, helvetica, verdana, sans-serif; padding: 5px; margin-bottom: 5px; }
#rightAnnounce { width: 300px; float: right; text-align: right; }
#content { font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; }
#content h3 { color: #C93; }
#content_left { width: 350px; padding-bottom: 20px; }
#content_right { width: 400px; float: right; padding-left: 30px; }
.content-half { width: 375px; padding-bottom: 20px; text-align: center; }
.content-half h3, .content-half p, .content-half small { text-align: left; }
.content-half small { display: block; }
.shows img { margin: 0 auto; }
.shows .note { text-align: center; }

/* galleries */

.gallery_intro { text-align: center; margin-bottom: 30px; }
.gallery_intro h2 { margin-top: 15px;}
.gallery_intro table { width: 600px; }
.gallery_intro td { vertical-align: top; }
.gallery_intro ul { margin: 0 0 20px 0; padding: 0; overflow: auto;}
.gallery_intro li { margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
.gallery_intro li a { color: #fff; text-decoration: none; }
.gallery_intro li a:hover { text-decoration: underline;}
.gallery_intro li ul li { float: left; width: 150px; margin: 10px 0;}
.gallery_intro li a img { border: none; }
.gallery_intro #goddesses li { width: 198px; }
#gallery_left { width: 300px; text-align: right; padding-top: 20px; }
#gallery_right { width: 450px; /*position: absolute; top: 100px; left: 300px;*/ text-align: left; float: right; padding: 30px 0 0 30px; }
#gallery_right img { border: none; }
#gallery_right a.zoom { font-size: 12px; width: 50px; display: block; padding: 2px 0 0 18px; background: transparent url("images/zoom_icon.gif") 0 2px no-repeat;}
#gallery_left a { color: #FFF; }
#gallery_left p { font-size: 12px; }
#gallery_left img { border: none; }
.galleryImage { /*border: 1px solid #CCC;*/ }
.gallery_desc { width: 150px; text-align: left; margin-left: 150px; border-top: 1px solid #666; border-bottom: 1px solid #666; margin-top: 10px; padding-bottom: 10px; }
.gallery_desc h4 { color: #C93; font-size: 14px; margin: 10px 0 5px 0; }
.gallery_desc table { width: 100%; }
.gallery_desc td { vertical-align: top; }
.gallery_item { width: 50px; color: #CCC; font: bold 12px arial, helvetica, verdana, sans-serif; text-align: right; padding-right: 10px; }
.gallery_entry { font: normal 12px arial, helvetica, verdana, sans-serif; }
.gallerySeries_nav { width: 125px; font-size: 12px; margin-top: 10px; text-align: center; margin-left: 175px; }
.gallery_link { color: #C93; }
.flash_intro { background: transparent url("images/loading_bg.gif") center center no-repeat; margin: 0 auto; height: 728px; width: 800px; }
#mermaid_intro { width: 800px; height: 600px; }

/* gallery navigation */

#galleryNav { margin: 0 0 0 60px; width: 642px; background: #000; clear: both; padding-top: 30px; }
#galleryNav.jewelry { width: 682px; margin: 0 0 0 30px;}
#galleryNav { height: 140px; }
#galleryNav.paintings { height: 120px; }
#galleryNav ul { margin: 0; padding: 0; }
#galleryNav li { list-style-type: none; margin: 0; padding: 0; }
#galleryNav img { border: 2px solid #000; }
#nav_wrapper { /* we use relative to catch the children */ 	position: relative; overflow: scroll; width: 600px; left: 50px; top: 5px; }
#galleryNav.jewelry #nav_wrapper { width: 650px; }
#galleryNav #nav_wrapper { height: 140px; }
#galleryNav.paintings #nav_wrapper { height: 120px; }
#nav_set { position: absolute; }
#nav_set li { float: left;	height: 100px;	width: 55px; }
#galleryNav.paintings #nav_set li, #galleryNav.jewelry #nav_set li, #galleryNav.footwear #nav_set li { width: 80px; }
#galleryNav.landscapes #nav_set li { width: 86px; }
#navigation { position: absolute;  z-index: 10; }
#scroll_left, #scroll_right { position: absolute; top: 25px; overflow: hidden; display: block; padding: 0 0 0 50px; height: 50px; cursor: pointer; width: 0px !important; /* for most browsers */  width /**/: 21px; /* for IE5.5's bad box model */ }
#galleryNav.paintings #scroll_left, #galleryNav.paintings #scroll_right { top: 15px; }
#galleryNav.jewelry #scroll_right { left: 700px; }
#scroll_left { left: 0;	background: #000 url("images/left_right_bg.gif") 0 0 no-repeat; }
#scroll_right {	left: 650px; background: #000 url("images/left_right_bg.gif") 0 -50px no-repeat; }
#scroll_left:hover { background-position: 0 -101px; }
#scroll_right:hover { background-position: 0 -150px; }

/* now showing */

#nowShowing { width: 620px; margin-right: auto; margin-left: auto; }
#nowShowing h4 { font-style: italic; }
#nowShowing h5 { font-size: 12px; color: #C93; border-bottom: 1px solid #CCC; margin: 0; }
#nowShowing_right { width: 250px; float: right; }
#nowShowing_left { width: 350px; font-size: 14px; text-align: center; margin-top: 25px; margin-bottom: 25px; }
.nowShowing_note { font-style: italic; color: #CCC; text-align: center; clear: both; font-size: 11px; }

/* main navigation */

#mainNav { width: 100%; text-align: center; font-size: 12px; }
#flashNav { width: 100%; color: #FFF; background-color: #333; font-size: 12px; font-weight: bold; text-align: center; font-family: arial, helvetica, verdana, sans-serif; padding: 4px 0 4px 0; margin-right: auto; margin-left: auto; clear: both; }
#flashNav a { color: #CCC; text-decoration: none; padding: 4px 5px 4px 5px; letter-spacing: 1px; }
#flashNav a:hover { color: #FFF; background-color: #000; border-width: 0 1px 0 1px; border-style: solid; border-color: #C93; padding: 4px; }

/* events  & workshops */

#classDescriptions { margin-top: 50px; }
#classDescriptions h3.section { font-size: 1.5em; font-style: italic; color: #ccc; }
#eventsWorkshops { width: 680px; }
#eventsWorkshops h2 { font-family: papyrus, georgia, times, courier, serif; font-size: 18px; margin: 2px 0 2px 0; letter-spacing: 2px; text-align: center; }
#eventsWorkshops td { vertical-align: top; }
#eventsWorkshops hr { color: #CCC; width: 60%; }
#eventsHeader { border-bottom: 1px solid #C93; padding-bottom: 5px; }
#eventsLeft { vertical-align: top; width: 360px; }
#eventsRotator { text-align: center; padding: 5px; }
#eventsRight { padding: 5px; width: 300px; font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; }
.eventsNav { font-size: 12px; text-align: center; }
.eventsNav a { font-size: 14px; }
#eventsList { /*border-width: 1px 0 0 1px; border-style: solid; border-color: #CCC; background: #39C url("images/events_bg.gif") top left repeat-x; color: #000; overflow: auto; height: 200px;*/ padding: 5px; }
#eventsList h4 { color: #C93; font-size: 14px; }
/*#eventsList h3 { color: #FFF; background-color: #06C; font-family: georgia, times, courier, serif; font-size: 14px; margin: 2px 0 2px 0; padding: 2px; }*/
#eventsList p { padding: 0 2px 0 2px; }
.eventsList_info { font-style: italic; color: #CCC; }
.eventsIntro { }
.eventsLink { font-size: 11px; }
#eventsList_alt { border-top: 2px solid #333; /*background: #39C url("images/events_bg.gif") top left repeat-x; color: #000;*/ padding: 5px; }
/*#eventsList_alt h4 { color: #CCC; font-size: 14px; border-bottom: 1px solid #C93; width: 50%; }*/
#eventsList_alt td { vertical-align: top; border: 1px solid #333; padding: 0 5px 0 5px; }
/*#eventsList_alt h3 { color: #FFF; background-color: #06C; font-family: georgia, times, courier, serif; font-size: 14px; margin: 2px 0 2px 0; padding: 2px; }*/
#eventsList_alt p { padding: 0 2px 0 2px; }
/*#workshopList { background: #C93 url("images/eventsList_bg.gif") top left repeat-x; color: #000; overflow: auto; height: 200px; }
#workshopList h3 { color: #FFF; background-color: #C00; font-family: georgia, times, courier, serif; font-size: 14px; margin: 2px 0 2px 0; padding: 2px; }
#workshopList p { padding: 0 2px 0 2px; }*/
#eventsList_alt2 { text-align: center; }
#eventsList_alt2 h4 { color: #C93; font-size: 14px; }
.special_class { border-top: 1px dashed #999; border-bottom: 1px dashed #999; }
.pink { color: #F0F; font-weight: bold; font-size: 14px; }

/* calendar */

#eventsCalendar { margin-bottom: 10px; }
#eventsCalendar table { width: 100%; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #666; }
#eventsCalendar a { }
#eventsCalendar td, #eventsCalendar th { vertical-align: top; }
#eventsCalendar th { color: #FFF; background-color: #666; text-align: center; font-size: 12px; padding: 3px 0px 3px 0px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
#eventsCalendar td { font-size: 11px; height: 100px; text-align: left; }
#eventsCalendar_key { font-size: 11px; }
#eventsCalendar_key p { text-align: center; }
#calNext { float: right; font-size: 12px; padding-top: 12px; }
#calNext a { font: normal 12px arial, helvedtica, verdana, sans-serif; }
#calPrev { float: left; font-size: 12px; padding-top: 12px; }
#calPrev a { font: normal 12px arial, helvedtica, verdana, sans-serif; }
#calnedarHeader tr td { font-size: 16px; }
.day_date { width: 20px; height: 13px; color: #FFF; background-color: #333; text-align: center; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #666; position: relative; top: 0; left: 0; }
.grey_date { width: 20px; height: 13px; color: #666; background-color: #333; text-align: center; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #666; position: relative; top: 0; left: 0; }
.day_grey { background-color: #333; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.thumb { background-color: #000; background-position: top left; background-repeat: no-repeat; width: 100px; border-width: 1px 1px 0 0; border-style: solid; border-color: #666;}
.ballroom_left { background: #000 url("images/ballroom_left.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.ballroom_right { background: #000 url("images/ballroom_right.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.ballroom_up { background: #000 url("images/ballroom_up.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.ballroom_down { background: #000 url("images/ballroom_down.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.danceon_left { background: #000 url("images/danceon_left.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.danceon_right { background: #000 url("images/danceon_right.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.danceon_up { background: #000 url("images/danceon_up.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.danceon_down { background: #000 url("images/danceon_down.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.dancedance_left { background: #000 url("images/dancedance_left.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.dancedance_right { background: #000 url("images/dancedance_right.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.dancedance_up { background: #000 url("images/dancedance_up.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.dancedance_down { background: #000 url("images/dancedance_down.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.bellydance_left { background: #000 url("images/bellydance_left.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.bellydance_right { background: #000 url("images/bellydance_right.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.bellydance_up { background: #000 url("images/bellydance_up.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.bellydance_down { background: #000 url("images/bellydance_june.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.hiphop_left { background: #000 url("images/hiphop_left.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.hiphop_right { background: #000 url("images/hiphop_right.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.hiphop_up { background: #000 url("images/hiphop_up.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.hiphop_down { background: #000 url("images/hiphop_down.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.salsa_left { background: #000 url("images/salsa_thumb.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.salsa_right { background: #000 url("images/salsa_right.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.salsa_up { background: #000 url("images/salsa_up.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.salsa_down { background: #000 url("images/salsa_down.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.swing_left { background: #000 url("images/swing_left.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.swing_right { background: #000 url("images/swing_right.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.swing_up { background: #000 url("images/swing_up.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.swing_down { background: #000 url("images/swing_down.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.yoga_right { background: #000 url("images/yoga_thumb.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.yoga_left { background: #000 url("images/yoga_left.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.yoga_up { background: #000 url("images/yoga_up.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.yoga_down { background: #000 url("images/yoga_down.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.lifedrawing_right { background: #000 url("images/lifedrawing_right.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.lifedrawing_left { background: #000 url("images/lifedrawing_left.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.lifedrawing_up { background: #000 url("images/lifedrawing_up.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.lifedrawing_down { background: #000 url("images/lifedrawing_down.jpg") top left no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.lifedrawing_diagright { background: #000 url("images/lifedrawing_diagright.jpg") top right no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.figure_right { background-image: url("images/figure_right.jpg"); background-position: top right;}
.figure_left { background-image: url("images/figure_left.jpg"); }
.figure_up { background-image: url("images/figure_up.jpg"); }
.figure_down { background-image: url("images/figure_down.jpg"); }

.zumba_right { background: #000 url("images/zumba_thumb.jpg") -5px -300px no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.zumba_left { background: #000 url("images/zumba_thumb.jpg") 0 -100px no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.zumba_up { background: #000 url("images/zumba_thumb.jpg") -5px 0 no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.zumba_down { background: #000 url("images/zumba_thumb.jpg") -5px -200px no-repeat; width: 100px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; }
.zumba { width: 120px; height: 100px; background: #000 url("images/zumba_thumb.jpg") 0 -400px no-repeat; }

.day { width: 110px; border-width: 1px 1px 0px 0px; border-style: solid; border-color: #666; background-color: #1b1b1b;}
.day a { font-weight: normal; }
.class { background-color: #000; }
.event { color: #FFF; font-weight: normal; padding: 1px 0px 2px 1px; margin: 2px 0px 2px 0px; }
.event_holiday { color: #FFF; font-weight: normal; padding: 1px 0px 2px 1px; margin: 2px 0px 2px 0px; }
.event_holiday a { color: #FFF; }
.event_class { color: #FFF; padding: 1px 0px 2px 1px; margin: 2px 0px 2px 0px; }
.event_exhibit { color: #FFF; padding: 1px 0px 2px 1px; margin: 2px 0px 2px 0px; }
#event_expand { width: 600px; background-color: #FFF; border: 1px solid #CCC; padding: 10px; font-family: Arial, Helvetica, sans-serif; text-align: justify; }
#event_expand img { border: 1px solid #000; }
#event_expand li { font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px -10px; }

/* misc */

.indent { margin: 5px 0 5px 25px; }
#copyright { text-align: center; font: normal 11px arial, helvetica, verdana, sans-serif; }
.alert { color: #C00; font-weight: bold; }
.right { float: right; margin: 0 0 5px 10px; }
.left { float: left; margin: 0 10px 5px 0; }
.photo_right { width: 200px; float: right; text-align: center; padding: 5px; }
.photo_left { width: 200px; float: left; text-align: center; padding: 5px; }
.listing { color: #CCC; }
.alt { background-color: #222; }
.special_announcement { text-align: center; }
.blue { color: #0CF; font-style: italic; letter-spacing: 1px; }
.nowShowing p { font-size: 16px; text-align: center; }
.note { color: #ccc; font-style: italic; }

/* includes */

#mainHead { }
#mainFoot { }
#copyright { }

/* foot */

#foot { border-top: 1px solid #C93; clear: both; }