/* 2007-08-17 updates to make code for "classes" page cleaner, see bottom of file */
/* 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;}
body {background: #FFCCFF url('Images/rect18709.png') center repeat-y;	color:#9C5D9C; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:small; text-align: center;}
a { color: #9c5d9c; text-decoration: underline;}
a:hover, #classTimes td:hover { color: #fff; background: #9c5d9c; text-decoration: none;}
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; clear:right;}
h2 { border-bottom: 1px solid #6EB4F4; border-top: 1px solid #6EB4F4; border-right: 20px solid #FFCCFF;color: #9C5D9C; font-size: small; font-weight: normal; margin: 5px 0 0 20px; clear:right; font-weight:bold; padding:5px;}
img.floatR {float:right; }
div.classes p  {padding-left:20px;}
input, textarea {background: #FFCCFF; margin: 2px 20px; width: 140px;}
.address {white-space:pre;}
.formRow {text-align:right;margin-right:3em;}
#column2 ul { margin: 10px 0; font-weight:bold; font-size:1.2em;}
#column2 li { color: #999999; list-style: square inside; text-indent: 10px;}
#column2 li a {text-decoration:none;}

/* 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 { background-image: url(Images/arrow.gif); background-image: url(Images/arrow_outline.gif); background-image: url(Images/rect18709.png); background-image: url(Images/communimedia.gif); background-image: url(Images/selector.gif); background-image: url(Images/selector_sub.gif); background-repeat: no-repeat; background-position: -5000px -5000px; margin: 0 auto; text-align: left; width: 700px; }
#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:566px; height:130px;}

#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 li a:hover { color:#fff; background: #9c5d9c url(Images/selector.gif) center right no-repeat; }
#nav ul ul li { line-height:0.8em; border-bottom: none; }
#nav ul ul li a { color: #eff; text-indent: 10px; }
#nav ul ul li a:hover { background-image: url(Images/selector_sub.gif); color:#fff; }
#column1 { float: left; width:170px;}
#column1 img { border: 1px solid #eff; margin: 5px 15px; padding: 0px; }

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

#latestnews {float:right; height: 15em; overflow:hidden; background: #FFCCFF; padding: 5px; width:40%;  -moz-border-radius:0 0 0 8%; border:1px #996699 solid;}
#latestnews h2 { background:#EEFFFF; border-right:0;margin-left:0px; }
#latestnews marquee { overflow:hidden; marquee:scroll up slow 3; }
#latestnews marquee p { white-space:normal; }
#latestnews marquee a { text-decoration:none; font-weight:bold;}

/* some image positions */
img#dancers, img#ronjones, #childrensparties img {float:right; padding:0.5em 0 0.5em 0.5em; }

/* new splash gif */
/* #bsalsa h2, #bballroom h2, #bline h2, #bstrictly h2 {background:url("/Images/NewR.gif") no-repeat top right;} */

#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; 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; }

/* updates to class times page made by paul <>< bridgehosting.net 20070817 */
.daysClasses {margin-top:5em;}
.classDesc {background:#fff; margin:10px 0 10px 20px; padding:15px; border:#6EB4F4 1px solid;}
.classDesc h3 {}
.classTimes {background:#fef; margin-left:2em; width:80%; border:1px solid #cceecc; }
.classTimes th {font-size:x-small; text-align:center; text-decoration:underline; font-weight:bold;}
.classTimes td {width:33%; text-align:center; padding:0.2em;}
.classTimes tr:hover td {color:#fff;background-color:#9c5d9c;}
.newItem {float:right; }

.smalltext {font-size:x-small; }