body { background: #111; }
img { border: none; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #eee; }

h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; }
h1 { color: #ddd; }
h2 { color: #996699; }
h3 { color: #eee; }
h4 { color: #fff; }

h4 a { font-family: Georgia, "Times New Roman", Times, serif; color: #993399; }
#container { background: #222; padding: 10px; width: 950px; margin: 0 auto; }
#headernews, #headerdancestudio,#headerourteam, #headeraboutus, #headergallery, #headermagazine,#headermediabox,#headerwukidz,#headerourservices,#headercontactus, #headerblog {
	height: 100px; overflow: hidden;
}
#headernews { background: url(/images/banners/news.jpg) left top repeat-x; }
#headerblog { background: url(/images/banners/blog.jpg) left top repeat-x; }
#headeraboutus { background: url(/images/banners/aboutus.jpg) left top repeat-x; }
#headerdancestudio { background: url(/images/banners/dancestudio.jpg) left top repeat-x; }
#headergallery { background: url(/images/banners/gallery.jpg) left top repeat-x; }
#headermagazine { background: url(/images/banners/magazine.jpg) left top repeat-x; }
#headermediabox { background: url(/images/banners/mediabox.jpg) left top repeat-x; }
#headerwukidz { background: url(/images/banners/wukidz.jpg) left top repeat-x; }
#headerourteam { background: url(/images/banners/ourteam.jpg) left top repeat-x; }
#headerourservices { background: url(/images/banners/ourservices.jpg) left top repeat-x; }
#headercontactus { background: url(/images/banners/contactus.jpg) left top repeat-x; }

#flashheader {  }
#content { padding: 20px 0; background: url(../images/bg_grey_floral.jpg); }
#footer { height: 3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-align: center; line-height: 3em; padding-bottom: 50px; }
#footer a { text-decoration: none; color: #666666; }
#footer a:hover { color: #666666; }
.clear { clear: both; }
/* navigation bar */

#navigation { padding:0 24px 0 21px; width: 905px; height: 27px; background: url(../images/navigation_bar.gif) left top no-repeat; }
div#navigation a { display: block; height: 27px; padding: 0; font-size: 9px; text-decoration: none; }
div#navigation ul { list-style-type: none; padding: 0; margin: 0; }
div#navigation ul li { float: left; padding: 0; }
div#navigation a { background-image: url(../images/navigation_bar.gif); background-repeat: no-repeat; }
div#navigation a span { visibility: hidden; }
div#navigation a.home { background-position: -21px 0; width: 50px; }
div#navigation a:hover.home { background-position: -21px -27px; }
div#navigation a.news { background-position: -71px 0; width: 115px; }
div#navigation a:hover.news { background-position: -71px -27px; }
div#navigation a.aboutus { background-position: -186px 0; width: 70px; }
div#navigation a:hover.aboutus { background-position: -186px -27px; }
div#navigation a.ourservices { background-position: -256px 0; width: 95px; }
div#navigation a:hover.ourservices { background-position: -256px -27px; }
div#navigation a.dancestudio { background-position: -351px 0; width: 95px; }
div#navigation a:hover.dancestudio { background-position: -351px -27px; }
div#navigation a.ourteam { background-position: -446px 0; width: 75px; }
div#navigation a:hover.ourteam { background-position: -446px -27px; }
div#navigation a.wukidz { background-position: -521px 0; width: 66px;  }
div#navigation a:hover.wukidz { background-position: -521px -27px }
div#navigation a.gallery { background-position: -587px 0; width: 64px; }
div#navigation a:hover.gallery { background-position: -587px -27px; }
div#navigation a.wuhoo { background-position: -651px 0; width: 65px; }
div#navigation a:hover.wuhoo { background-position: -651px -27px; }
div#navigation a.blog { background-position: -716px 0; width: 45px; }
div#navigation a:hover.blog { background-position: -716px -27px; }
div#navigation a.mediabox { background-position: -761px 0; width: 80px; }
div#navigation a:hover.mediabox { background-position: -761px -27px; }
div#navigation a.contactus { background-position: -841px 0; width: 85px; }
div#navigation a:hover.contactus { background-position: -841px -27px; }

#leftset1 { background-image: url(../images/bg_semi_transparent.gif); float: left; width: 220px; padding: 10px; }
#rightset1 { float: right; width: 680px; padding: 10px; }

/* tree view navigation */
ul.tree { padding: 0; margin: 0; }
ul.tree li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; list-style: none; background: url(../images/dotted_line_grey.gif) left bottom repeat-x; padding: 5px 0 5px 10px; }
ul.tree li a { color: #FFCC00; /*color: #996699;*/
text-decoration: none; }
ul.tree li a:hover { color: #fff; }
ul.tree li a.selected { color: #fff; font-weight: bold; }
/* sub menu */
ul.sub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; padding: 0; margin: 0; }
ul.sub li { padding: 0; margin: 0; margin-left: 25px; list-style: square; border: none; color: #996699; }
ul.sub li a { display: block; color: #996699; text-decoration: none; margin: 1em 0; }
ul.sub li a:hover { color: #fff; }
ul.sub li a.selected { color: #fff; font-weight: bold; }

#leftset1 p { font-size: 9px; line-height: 1.5em; color: #999; }
#rightset1 p a, #rightset1 li a { color: #996699; text-decoration: none; }
#rightset1 p a:hover, #rightset1 li a:hover { color: #fff; text-decoration: none; }
#rightset1 li { font-family: Verdana, Arial, Helvetica, sans-serif; color: #eee; font-size: 11px; line-height: 2em; }
#maincontent { float: left; width: 500px; }
#maincontent blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color: #eee; }
#maincontentfull { padding: 10px; }
#maincontentfull p { font-size: 11px; }
#maincontentfull a { color: #9966CC; text-decoration: none; }
#maincontentfull a:hover { color: #fff; text-decoration: none; }
/* for schedule page, our team  */

.scheduletable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #eee; }
.scheduletable tr.oddrow td { background-color: #222; }
.scheduletable tr.evenrow td { background-color: #111; }
.scheduletable td { height: 80px; text-align: center; }
.schedulerowheader { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color: #eee; background-color: #330033; }
.schedulerowheader td { height: 40px; width: 80px; }

/* for achievement table */
.achievementtable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #eee; }
.achievementtable td { background-color: #222; text-align: center; }
tr.achievementrowheader td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color: #eee; background-color: #330033; }

/* for prices table  */

.pricetable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #eee; }
.pricetable tr.oddrow { background-color: #222; }
.pricetable tr.evenrow { background-color: #111; }
.pricetable td { text-align: center; }
.pricerowheader { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; font-weight: bold; color: #eee; background-color: #330033; }
/* for magazine page  */

.plaintable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #eee; }
.cutoutthumb { float: left; width: 80px; height: 150px; padding: 5px; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #eee; }
/* image styles */

.magazine, .coursepic, .promopic { float: right; padding: 5px; }
.magazineleft { float: left; padding: 10px 10px 10px 0; }
.magazineright { float: right; padding: 10px 0 10px 10px; }
/* general text decorations */

.hightlight { padding: 0 .2em; background-color: #99CC00; color: #000000; }
.alternate { color: #666; }
.alternate2 { color: #660099; }
.error { font-family:Verdana, Arial, Helvetica, sans-serif; color: #ff0000; font-size: 9px; }
div.faqanswer { font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; }
div.courseinfo { font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; }
div.promoinfo, div.promoinfo p { font-family:Verdana, Arial, Helvetica, sans-serif; color: #eee; font-size: 11px; }
span.announcement { font-size: 16px; font-weight: bold; }

/* News updates */
span.date { color: #999; }
ul.newslist { font-family: Verdana, Arial; font-size: 9px; color: #fff; padding: 0; margin: 0; list-style-type: none; }
ul.newslist li { padding: 0 0 0 10px; margin: 0; border: none; color: #996699; }
ul.newslist li a { display: block; color: #996699; text-decoration: none; margin: 1em 0; }
ul.newslist li a:hover { color: #fff; }
ul.newslist li a.selected { color: #fff; font-weight: bold; }