body { background: #111; }
a { text-decoration: none; color: #FFCC00; }
a img { border: 0; }
/* reset margins */
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #eee; margin: 1em 0; }
h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; }
h1 { color: #ddd; }
h2 { color: #996699; font-size: 16px; }
h3 { color: #eee; font-size: 22px; }
h4 { color: #ccc; font-size: 14px; font-weight: normal; }
h5 { color: #eee; }
hr { border: none; background-color: #333; height: 1px; }
#container { background: #222; padding: 10px; width: 950px; margin: 0 auto; }

#flashHome { height: 350px; }

#content { padding: 20px 10px; background: url(../images/bg_grey_floral.jpg); }
#footer { height: 3em; font-family: Verdana, Arial; font-size: 11px; color: #666666; text-align: center; line-height: 3em; }
#footer a { color: #666666; }
#footer a:hover { color: #666666; }

.clear { clear: both; }

ul.quicklinks { margin: 0; padding: 0; list-style-type: none; }
ul.quicklinks li { }
.quicklinks a { display: block; padding: .4em 0 .4em 15px; color: #fff; background: url(../images/dotted_line_purple.gif) left bottom repeat-x; }
.quicklinks a:hover { color: #fff; background: #3C003C url(../images/dotted_line_purple.gif) left bottom repeat-x; }

/* Home page additional styles */

/* Welcome/Announcements(left) */
#welcome h2 { margin: 0; padding: 1.2em 0 0.5em 0; }
#welcome p.date { font-size: 9px; }
#welcome { float: left; width: 240px; }
#welcome div.top, #welcome div.middle, #welcome div.bottom { padding: 0 20px; }

#welcome div.top { height: 80px; background: url(../images/bg_home_left_top.gif) left top no-repeat; }
#welcome div.middle { background: url(../images/bg_home_left_middle.gif) left top repeat-y; padding-bottom: 2em; }
#welcome div.bottom { height: 20px; background: url(../images/bg_home_left_bottom.gif) left bottom no-repeat; }

#welcome { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #ddd;}

/* News(middle) */
#news { background:#222 url(../images/bg_home_news.jpg) left top repeat-x; float: left; width: 400px; padding: 10px 20px; margin-left: 10px; }
#news .date { font-family: Verdana, Arial; font-size: 9px; color: #aaa; }
#news h3 { margin: .2em 0; line-height: 1.2em; }
#news h3 a { color: #8c0182; text-decoration: underline; }
#news h3 a:hover { color: #eee; }
#news div { font-family: Verdana, Arial; font-size: 11px; line-height: 1.5em; color: #eee; padding-top: 5px; }
#news a { color: #ccc; text-decoration: underline; }
#news a:hover { color: #92278f; }
#news div.news-section { background: url(../images/dotted_line_grey.gif) left bottom repeat-x; margin: 0 0 10px 0; }



#news div { padding-bottom: 2em; }

/* The Side bar (right) */
#sidecolumn { float: right; background: url(../images/bg_semi_transparent.gif); width: 180px; padding: 10px 20px; }
#sidecolumn h3 { font-size: 18px; }

/* 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; }
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; }