/* PRINT PRINT PRINT === This version by pbhj@alicious.com for communimedia.com 2005 */
/* CSS version 2.0, by Boris Cherny. */
/* thanks to Andreas, NickyD, ditchCrawler, TomW, whowrotewhat, hash bar, and Sanden Cottongame */

* { border: 0; margin: 0; padding: 0; font-family: Times, Times New Roman, serif; font-size:11pt;}
body {background: #FFF;	color:#9C5D9C;  text-align: center;}
a { color: #9c5d9c; text-decoration: underline;}
acronym { border-bottom: 1px dashed #999999; cursor: help;}
h1 { border-bottom: 1px solid #CEC; border-top: 1px solid #CEC; border-right: 20px solid #9C5D9C;color: #9C5D9C; font-size: large; font-weight: normal; margin: 5px 0;}
h2 { border-bottom: 1px solid #CEC; border-top: 1px solid #CEC; border-right: 20px solid #FFCCFF;color: #9C5D9C; font-size: small; font-weight: normal; margin: 5px 0 0 20px;}
h2+p, table+p  {padding-left:20px;}
input, textarea {background: #FFF; margin: 2px 20px; width: 140px;}
.address {white-space:pre;}
.formRow {text-align:right;margin-right:3em;}
#column2 ul { margin: 10px 0;}
#column2 li { color: #999999; list-style: square inside; text-indent: 10px;}

/* The background-image's for the #wrap below are for preloading all the page's images, just add your own images to the pattern */
#wrap { margin: 0 auto; text-align: left; width: 640px; }
#wrap h1 {margin-top:-5px;}
#header { visibility:hidden; font-size: 327%; font-weight: bold; height: 120px; line-height: 120px; text-indent: 150px; }
#justdance_head {position:absolute; top:10px; margin-left:20px; width:574px; height:134px;}

#nav { padding:0 0 40px; width: 170px; position:relative; z-index:50;}
#nav ul li { display: inline; line-height: 2em; list-style: none; white-space:nowrap; }
#nav ul li a { border-bottom: 1px solid #eff; color: #FFCCFF; display: block; padding: 5px; font-weight:bold; text-decoration: none; width: 170px; }
#nav ul ul li { line-height:0.8em; border-bottom: none; }
#nav ul ul li a { color: #eff; text-indent: 10px; }
#column1 { float: left; width:170px;}
#column1 img { border: 1px solid #eff; margin: 5px 20px; padding: 10px 20px; }

/* in the tag below, #column2, I used the Underscore Hack to give the column2 div the correct margins in Firefox 1 */
#column2 { float: none !important; float: right; margin-left: 192px !important; margin-left: 0; padding: 12px 40px 30px 9px; }
#column2 p { line-height: 120%; margin:1em 0.2em 2em; }

.classTimes {background:#fef;margin-left:2em;width:auto;border:1px solid #cceecc;}
.classTimes th {font-size:x-small;}
.classTimes td {padding:0.2em;}

#links div { float: left; width: 150px; }
#links div li { list-style: none; }
#links div li a { color:#9c5d9c; background:url(Images/arrow_outline.png) left no-repeat; padding-left: 15px; text-decoration: none; white-space:nowrap;}
#links div li a:hover { color:#fff; background:#9C5D9C url(Images/arrow.png) left no-repeat; }

#footer { text-align:right; margin-right:1.5em; clear: both; color: #999; font-size: 9px; padding: 30px 0 20px 0; text-indent: 200px; }

/* CM tag =DO NOT REMOVE= */
#cmTag a {text-decoration:none;color:#999;}
#cmTag img {vertical-align:middle;}

/* specific print stuff */
a:after {content:" [" attr(href) "]"; }
acronym[title]:after, abbr[title]:after {content:" [" attr(title) "]"; }