/*-----------------------
   SPOTLIGHT DANCE CENTRE
   Harv Craven Design
   Global Stylesheet
-------------------------
HTML Styles
------------------------*/     
body { margin: 0px; background: url(/assets/bg-10.jpg) top center repeat-y #702e55; }
td { font: 12px Arial, Helvetica, sans-serif; color: #666666; }
a:link, a:visited { color: #993366; text-decoration:none; }
a:hover, a:active { color: #993366; text-decoration: underline; }
ul { margin-left: 16px; list-style-type: square }
HR { color: #cccccc; background-color: #cccccc; height: 1px; border: 0; }
/*--------------------
Custom Styles
--------------------*/
.bold { font-weight: bold; }
.boldBlue { font-weight: bold; color: #666699; }
.boldPink { font-weight: bold; color: #993366; }
.boldPinkHeader { font: bold 14px Arial, Helvetica, sans-serif; color: #993366; }
.calendar { font: 12px Arial, Helvetica, sans-serif; color: #666666; padding: 3px; border-top: 1px solid #CCCCCC; vertical-align: top; }
.calendarBold { font: bold 12px Arial, Helvetica, sans-serif; color: #666666; padding: 3px; border-top: 1px solid #CCCCCC; vertical-align: top; }
.calendarMonth { font: bold 14px Arial, Helvetica, sans-serif; color: #993366; background-color: #F1F1F1; padding: 3px; border-top: 1px solid #CCCCCC; }
.footer { font: 11px Geneva, Arial, Helvetica, sans-serif; color: #666666; padding: 15px; }
.footer a:link, .footer a:visited { color: #666666; text-decoration: none; }
.footer a:hover, .footer a:active { color: #333333; text-decoration: underline; }
.grey { font: 11px Geneva, Arial, Helvetica, sans-serif; color: #336699; }
.header { color: #666699; font: 14px Arial, Helvetica, sans-serif; line-height: 22px; }
.intro { font: 16px Arial, Helvetica, sans-serif; }
.name { font: bold 16px Geneva, Arial, Helvetica, sans-serif; color: #666699; }
.nametitle { font: 11px Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #CC0033; }
.photo, .photo a:link, .photo a:visited, .photo a:hover, .photo a:active { border: 1px solid #666666; }
.schedule { font: 12px Arial, Helvetica, sans-serif; color: #333333; background-color: #FFFFFF; padding: 3px; vertical-align: top; text-align: right; }
.scheduleSection { font: bold 12px Arial, Helvetica, sans-serif; color:#666666; background-color: #FFFFCC; padding:3px; vertical-align: top; }
.scheduleDivider { font: bold 12px Arial, Helvetica, sans-serif; color: #666666; background-color: #FFCC66; padding:3px; vertical-align: top; }
.sidenav { font: 12px Arial, Helvetica, sans-serif; color: #666666; padding: 7px 0; border-bottom: solid 1px #CCCCCC; }
.sidenav a:link, .sidenav a:visited { color:#6699CC; text-decoration: none; display: block; }
.sidenav a:hover, .sidenav a:active { color:#3366CC; text-decoration: none; }
.sidenavYellow { font: 12px Arial, Helvetica, sans-serif; color:#666666; padding:3px 3px 3px 0; }
.sidenavYellow a:link, .sidenavYellow a:visited { color: #CC6600; text-decoration: none; }
.sidenavYellow a:hover, .sidenavYellow a:active { color: #CC6600; text-decoration: underline; }
.subhead { font: bold 12px Geneva, Arial, Helvetica, sans-serif; color:#CC0033; }
.uppercase { font: 11px Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333333; }
/*---------------------------------------
Forms
---------------------------------------*/
.textfield { padding: 2px; border: 1px solid #669999; color: #336699; font: 11px Arial, Helvetica, sans-serif; }
.textarea { padding: 2px; border: 1px solid #669999; color: #336699; font: 11px Arial, Helvetica, sans-serif; }
/*---------------------------------------
Classes
---------------------------------------*/
#highlight { color: #FFFFFF; padding: 5px 0px; background-color:#666699; }