/*LAYOUT STYLES*/
* { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
img { border: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size:100%; line-height:1.125em; color: #333333; background: url(images/bkgd_bodypage.gif) repeat-y center #F3F4F4; }
div#bkgd1 { width: 100%; background: url(images/bkgd_bodyhorz.jpg) repeat-x top center; }
div#bkgd2 { width: 100%; background: url(images/bkgd_pagetop.jpg) no-repeat top center; }
#main1 { width: 956px; margin: 0 auto; }

/* BASIC STYLES */
.floatLeft { float: left; }
.floatRight { float: right; }
.clearFloat { clear: both; }
h1 { font-size: 1.125em; color: #004588; padding-bottom: 2px; margin: 2em 0; background: url(images/bkgd_h1.gif) -1em bottom no-repeat; }
h2 { font-size: 0.875em; color: #C20000; margin: 2em 0; font-weight: bold; }
marquee { font-size: 32px; font-weight: bold; color: #C20000; margin: 1em 0 0.25em 0; line-height: normal; }
.breakSec1 { margin: 2em 0; height: 1px; background: url(images/bkgd_breakSec.gif) center no-repeat; }
.breakSec10 { margin: 0; height: 1px; background: url(images/bkgd_breakSec.gif) center no-repeat; }
.photobkgd { background: #f4f4f4; }
.bold { font-weight: bold; }

/* FONT SIZES */
/* 16x1.125=18 = line-height*/
/* 16x.875=14 */
/* 16x0.75=12 */

/* BNR STYLES */
#bnr { width: 956px; height: 252px; background: url(images/bnr_bkgd.jpg) top left no-repeat #fff; }
#bnr img { display: block; border: none; }
/* END BNR STYLES */

/* NAV STYLES */
#nav { width: 140px; float: left; margin: 10px; display: inline; background: #f4f4f4; font-size: 0.75em; font-weight: bold; padding-bottom: 205px; background: url(images/bkgd_navbtm.gif) bottom repeat-x; } /* IE 6 Fix Margin Bug Display Inline */
#nav ul { display: block; float: left; list-style: none; }
#nav li { display: block; float: left; line-height: 2.50em; }
/* First Menu */
#nav ul { width: 140px; position: relative; border-bottom: 1px solid #d9d9d9; }
#nav ul li { width: 140px; position: relative; }
/* Second Menu */
#nav ul li ul { display: none; /* set to none */ position: absolute; left: 140px; top: 0; }
/* rollover drop down function */
#nav a { display: block; text-decoration: none; color: #004588; background: #F5F5F5; padding: 0 12px; border-top: 1px solid #d9d9d9; }
#nav a:hover { background: #FAFAFA; text-decoration: underline; color: #990000; }
#nav ul li:hover ul, #nav ul li.over ul { display: block; } /* .over is a fix for IE 5 and 6 */
/* END NAV STYLES */

/* CONTENT STYLES */
#contentBox1 { width: 754px; padding: 0 16px; margin-top: 10px; float: left; background: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#contentBox2 { min-height: 600px; }
/* END CONTENT STYLES */

/* CONTENT STYLES TEST BACKGROUND IMAGE */
#contentBox1_alt { width: 754px; padding: 0 16px; margin-top: 10px; float: left; background: #FFFFFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(images/background_top.gif) top right no-repeat #fff; }
#contentBox1_alt .breakSec10 { margin: 0; height: 1px; background: none; }
/* END CONTENT STYLES TEST BACKGROUND IMAGE */

/* FTR STYLES */
#ftr { font-size: 0.75em; color: #004588; margin: 1em 0; text-align: center; line-height: 20px; clear: both; }
#ftr p { margin: 1em 0; }
#ftr .visitorNum { background: url(http://counter.digits.com/wc/-d/4/ShushiDance) no-repeat center; }
/* END FTR STYLES */

/* STDPAGE1 STYLES */
#stdPage1 p { font-size: 0.875em; margin: 2em 0; text-align: justify; }
#stdPage1 img { display: block; border: 6px solid #d9d9d9; margin: 0 2em; }
#stdPage1 .imgCaption { margin: 0 2em; }
#stdPage1 .imgCaption img { margin: 0; }
#stdPage1 .imgCaption div { text-align: center; font-size: 0.75em; padding: 0.50em; background: #F5F5F5; }
#stdPage1 .ind2 { margin-left: 2em; }

/* GALLERY STYLES */
#gallery { }
#gallery a { }
#gallery img { float: left; margin: 10px; border: 4px solid #d9d9d9; }
#gallery .ind1 { margin-left: 10px; }


/* GALLERY WITH CAPTIONS STYLES */
#galleryCap { }
#galleryCap a { }
#galleryCap .captionWrap { width: 158px; float: left; margin: 10px; }
#galleryCap img { border: 4px solid #d9d9d9; }
#galleryCap .ind1 { margin-left: 10px; }
#galleryCap .caption { padding: 4px; height: 3.75em; overflow: hidden; line-height: 1.25em; font-size: 10px; white-space: wrap; overflow: hidden; text-align: center; }

/* VIDEO GALLERY STYLES */
#vidGallery h2 { text-align: center; }
#vidGallery .youtubeObj { width: 480px; height: 385px; border: 6px solid #d9d9d9; margin: 2em auto; }

/* FAQ LIST STYLES */
#faq dl { list-style-type: decimal; font-weight: bold; margin: 1em; }
#faq dl dd { margin: 1em; font-weight: normal; }

/* DANCERS STYLES */
#dancers { }
#dancers ul { font-size: 0.875em; list-style-type: none; margin: 0 2em; width: 250px; float: left; }
#dancers ul li { line-height: 1.50em; margin-left: 1em; }
#dancers hr { border-top: solid #d9d9d9; clear: both; margin: 1em; }
#dancers .hdr { font-weight: bold; text-transform: capitalize; margin-bottom: 1.50em; }

#dancersX { }
#dancersX ul { font-size: 0.875em; list-style-type: none; margin: 0 2em; }
#dancersX ul li { float: left; width: 33%; line-height: 1.50em; }
#dancersX hr { border-top: solid #d9d9d9; clear: both; margin: 1em; }
