body {margin: 0; padding: 0; text-align: center; background: #FF9900;} form {margin: 0; padding: 0;} #toplinkbar {height: 40px; background: url("./images/backgrounds/toplinkbar.bmp") #360100 top left repeat-x; color: #FFFFFF; font-family: "Trebuchet MS","MS Trebuchet","Helvetica"; font-size: 8pt;} #toplinkbar ul {list-style: none; padding: 0; margin: 0; line-height: 40px; } #toplinkbar li {display: inline; margin: 0 10px; } #toplinkbar a {color: #FFFFFF; text-decoration: none;} #toplinkbar a:hover {text-decoration: underline;} #puredanceaddiction {height: 27px; background: url("./images/backgrounds/puredance-bg.bmp") #200601 top left repeat-x;} #header-bg {height: 216px; background: url("./images/backgrounds/header-maroon.bmp") #441300 top left repeat-x;} #header-container {width: 900px; height: 216px; background: #FFF0C3; margin: auto; padding: 1px 0 0 0;} #header-container ul {list-style: none; padding: 0; margin: 0;} #header-container li {display: inline; margin: 0; padding: 0;} #header-container img {border: 0;} /* FOR OLD JAVASCRIPT MENU HOVER EFFECTS .header-menu-item {width: 120px; height: 215px; margin: 0 0 0 1px; padding: 0; float: left; border: 0;} .header-menu-item img {border: 0; margin: 0; padding: 0;} */ /* CSS MENU */ ul#header-menu {list-style: none; padding: 0; margin: 0;} ul#header-menu li {display: inline; margin: 0; padding: 0; text-indent: -10000px;} ul#header-menu li a {display: block; height: 215px; margin: 0 0 0 1px; padding: 0; float: left; border: 0;} ul#header-menu li a#home-menu, ul#header-menu li a#about-menu, ul#header-menu li a#dancenights-menu, ul#header-menu li a#news-menu, ul#header-menu li a#cerocshops-menu, ul#header-menu li a#hire-us-menu {background-position: 0 0; width: 120px;} ul#header-menu li a#home-menu {background: url(images/menu/menu-home.jpg); width: 295px; margin: 0;} ul#header-menu li a#about-menu {background: url(images/menu/menu-about-ceroc.jpg);} ul#header-menu li a#dancenights-menu {background: url(images/menu/menu-dance-nights.jpg);} ul#header-menu li a#news-menu {background: url(images/menu/menu-news.jpg);} ul#header-menu li a#cerocshops-menu {background: url(images/menu/menu-cerocshops.jpg);} ul#header-menu li a#hire-us-menu {background: url(images/menu/menu-hire-us.jpg);} /* CSS MENU HOVER EFFECTS */ ul#header-menu li a#home-menu:hover, ul#header-menu li a#about-menu:hover, ul#header-menu li a#dancenights-menu:hover, ul#header-menu li a#news-menu:hover, ul#header-menu li a#cerocshops-menu:hover, ul#header-menu li a#hire-us-menu:hover {background-position: 0px 215px; outline: none;} /* GET RID OF DOTTED LINE AROUND text-indent AND LINK (active links)*/ ul#header-menu li a#home-menu:active, ul#header-menu li a#about-menu:active, ul#header-menu li a#dancenights-menu:active, ul#header-menu li a#news-menu:active, ul#header-menu li a#cerocshops-menu:active, ul#header-menu li a#hire-us-menu:active {outline: none;} /* CSS MENU HIGHLIGHT FOR ACTIVE SECTION */ body#home-section ul#header-menu li a#home-menu, body#about-section ul#header-menu li a#about-menu, body#dancenights-section ul#header-menu li a#dancenights-menu, body#news-section ul#header-menu li a#news-menu, body#cerocshops-section ul#header-menu li a#cerocshops-menu, body#hire-us-section ul#header-menu li a#hire-us-menu {background-position: 0px 215px;} #home-logo {width: 175px; float: left; margin: 0; padding: 0;} #content-bg {background: url("./images/backgrounds/content-bg.bmp") #FF9900 top left repeat-x;} #content-container {width: 900px; margin: auto; padding: 0 0 60px 0; text-align: left; background: url("./images/backgrounds/content-container-bg.jpg") top left repeat-y #FFFFFF; font-family: "MS Trebuchet", "Trebuchet MS", "Helvetica", "Trebuchet", "Arial";} #left-sidebar {width: 168px; margin: 0; padding: 0 20px; float: left; font-size: 9pt; font-family: "MS Trebuchet", "Trebuchet MS", "Helvetica", "Trebuchet", "Arial";} #left-sidebar-header {position: relative; width: 168px; margin: 0 -20px; padding: 0 20px; background: #F6E5CE; height: 38px;} #left-sidebar-header h1 {margin: 0; padding: 0; font-size: 10pt; text-transform: uppercase; color: #C53E0C; position: absolute; bottom: 6px;} #left-sidebar h2 {margin: 30px 0 15px 0; padding: 0; font-size: 8pt; color: #E55E00; font-family: "Arial";} #left-sidebar a {color: #773000; text-decoration: none;} #left-sidebar ul#sidebar-menu {font-family: "Arial"; margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 9pt} #left-sidebar ul#sidebar-menu li {margin: 0; padding: 0 0 0 20px; height: 2em; line-height: 2em; background: url("./images/backgrounds/in-this-section-list-divider.bmp") bottom left no-repeat;} #left-sidebar ul#sidebar-menu li img {border: none; vertical-align: middle;} #left-sidebar img {border: 1px solid #D87123;} #venue-address {margin: 20px 0;} #venue-directions {margin: 0;} .fb_share_link {padding:0; height:30px;} #share-icons {margin: 20px 0;} #share-icons img {border: none; margin: 0 2px 0 0; padding: 0;} #share-icons h3 {margin: 0; padding: 0; color: #773000;} #twitter_div {margin: 20px 0; padding: 10px; border: solid 2px #e2ddd5; border-bottom: solid 2px #e2ddd5; overflow: hidden; background: url("./images/backgrounds/twitter-badge.jpg") top left repeat-x;} #twitter_div h2 {margin: 0; padding: 0;} #twitter_update_list {padding: 0; margin: 0;} #twitter_update_list li {list-style: none; margin: 10px 0; font-size: 7pt; font-family: Arial;} #main-content {float: left; margin: 0; padding: 0 20px; width: 652px; /*background: url("./images/backgrounds/twirl.jpg") bottom right no-repeat;*/} #main-content-header {position: relative; width: 652px; margin: 0 -20px; padding: 0 20px; background: #FFF4E7; height: 38px; } #main-content-header h1 {margin: 0; padding: 0; font-size: 14pt; color: #000000; position: absolute; bottom: 6px;} #you-are-here {float: right; height: 38px; margin: 0; padding: 0; font-size: 8pt; color: #865E40;} #you-are-here p {position: absolute; bottom: 6px; right: 20px; margin: 0; padding: 0; text-align: right;} #you-are-here a {color: #865E40; text-decoration: none;} #you-are-here a:hover {text-decoration: underline;} #center-content {float: left; width: 420px; } #center-content h2 {font-size: 11pt; color: #773000; margin: 0; padding: 0;} #center-content h3 {font-size: 10pt; color: #E55E00;} #center-content p {font-size: 10pt; color: #000000;} #center-content p.small {font-size: 8pt;} #center-content ul {font-size: 10pt; color: #000000;} #center-content a {text-decoration: none; color: #773000;} #center-content a:hover {text-decoration: underline;} #front-page-blog {border-top: #E55E00 dotted 1px; border-right: none; border-bottom: none; border-left: none;} .blog-entry {margin: 0 0 40px 0; padding: 0;} .blog-entry h3 {margin: 0; padding: 0;} .blog-entry h4 {margin: 0; padding: 0; color: #773000; font-family: "Arial"; font-size: 10pt;} .blog-entry h5 {margin: 0; padding: 0; color: #9A8E7F; font-family: "Arial"; font-size: 9pt; font-weight: normal;} .blog-entry p {margin: 0 0 10px 0; padding: 0;} #front-page-blog a.blog-readmore {color: #25A0FF; font-size: 9pt; float: right; margin: 0; padding: 0 0 0 15px; background: url("./images/in-this-section-bullet.gif") center left no-repeat;} #cerocshops-list {clear: both; color: #666666; font-size: 9pt;} #cerocshops-list #cerocshops-list tr {vertical-align: bottom;} #cerocshops-list td {vertical-align: bottom;} #cerocshops-list h3 {margin: 0; padding: 0; font-size: 12pt;} #cerocshops-list a {color: #E55E00; text-decoration: none;} #cerocshops-list a:hover {text-decoration: underline;} .crew {float: left; width: 90px; text-align: center; padding: 0 5px; margin: 10px 0; font-size: 10pt;} .crew img {width: 90px; height: 130px;} #music-favourites {border: 0; width: 100%;} #music-favourites tr {vertical-align: top;} #music-favourites td {font-size: 10pt;} .new-music {list-style: none; margin: 0 0 40px 0; padding: 0; font-size: 10pt;} .new-music small {font-size: 6pt;} .new-music img {border: 0;} #bundles-list {color: #666666; font-size: 9pt;} #bundles-list td {vertical-align: top; width: 180px;} #bundles-list h3 {margin: 0; padding: 0; font-size: 12pt;} #bundles-list h4 {margin: 0; padding: 0; font-size: 12pt; color: #000000} .upcoming-event {margin: 10px 0; padding: 10px 0 0 0; border-top: 1px dashed #773000} .upcoming-event h4 {margin: 0; padding: 0;} .upcoming-event img {float: right; margin: 0 0 10px 50px; padding: 0; border: 1px solid #773000;} .upcoming-event p {width: 400px;} .news-img {float: none; margin: 0 3px 3px 0; border: 1px solid #773000;} .no-events {color: #CCCCCC;} .yearly-news-list {float: left; width: 200px; font-size: 10pt;} .yearly-news-list ul {list-style: none; margin: 0; padding: 0; margin-bottom: 50px;} #friends-of-ceroc {list-style: none; margin: 0; padding: 0;} #friends-of-ceroc li {margin: 30px auto; padding: 0; text-align: center; font-size: 10pt;} #friends-of-ceroc img {border: 0;} .testimonial {font-style: italic; font-size: 9pt; margin: 0 20px 20px 20px; padding: 10px; background: #f7f0e6 bottom left repeat-x;} .referee {font-style: normal;} #top-tips {list-style: none; margin: 0 15px; padding: 0; font-size: 10pt;} #top-tips li {margin: 0; padding: 0 0 0 15px; background: url("./images/in-this-section-bullet.gif") top left no-repeat;} .sizzle-schedule {background: #fff2c5; margin: 20px 0; padding: 10px;} .sizzle-schedule tr {vertical-align: top;} .sizzle-schedule h4 {margin: 0; padding: 0;} .sizzle-schedule td {font-size: 9pt;} .sizzle-schedule img {border: 1px solid #DD8642; margin-left: 20px;} .sitemap-col {width: 300px; float: left;} .sitemap-col ul {list-style: none; margin: 0 15px 20px 0; padding: 0; font-size: 10pt;} .sitemap-col li {margin: 0; padding: 0 0 0 15px; background: url("./images/in-this-section-bullet.gif") top left no-repeat;} #rightside-media {float: right; padding: 0; margin: 20px 0; text-align: right;} #rightside-media img {border: 1px solid #DD8642;} .flash-player {color: #666666; font-size: 8pt; text-decoration: none;} .flash-player:hover {text-decoration: underline;} #start-now {width: 148px; border: 2px #FF9900 solid; text-align: center; color: #FFFFFF; background: #FF9900; margin: 10px 0; padding: 0;} #start-now h1 {text-transform: uppercase; font-size: 12pt; background: #E37812; margin: 0; padding: 5px;} #start-now p {font-size: 10pt; margin: 0; padding: 5px; font-weight: bold; line-height: 1.1em;} #book-now {width: 148px; border: 2px #773000 solid; text-align: center; color: #FFFFFF; background: #773000; margin: 10px 0; padding: 0;} #book-now h1 {text-transform: uppercase; font-size: 12pt; background: #330000; margin: 0; padding: 5px;} #book-now p {font-size: 10pt; margin: 0; padding: 5px; font-weight: bold; line-height: 1.1em;} #hire-us-now {width: 148px; border: 2px #B080A8 solid; text-align: center; color: #FFFFFF; background: #B080A8; margin: 10px 0; padding: 0;} #hire-us-now h1 {text-transform: uppercase; font-size: 12pt; background: #663366; margin: 0; padding: 5px;} #hire-us-now p {font-size: 10pt; margin: 0; padding: 5px; font-weight: bold; line-height: 1.1em;} #footer {color: #FFFFFF; font-family: "MS Trebuchet", "Trebuchet MS", "Helvetica", "Trebuchet", "Arial"; font-size: 8pt; text-align: center; clear: both; width: 900px; margin: auto;} #footer a {color: #FFFFFF; text-decoration: none;} #footer a:hover {text-decoration: underline;} .reverse-text {unicode-bidi:bidi-override; direction:rtl;} /* Champs 2009 */ .champs-sponsors {font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center; float: left; margin: 20px 20px 20px 0; padding: 10px; width: 170px;} .champs-sponsors h4 {font-size: 11pt; font-weight: bold; margin: 0; padding: 0;} .champs-sponsors p {font-size: 9pt;} #champs-gold-sponsors {border: 3px solid #C3922E; background: url("./images/backgrounds/gold-sponsor-bg.jpg") top left repeat-x #C3922E;} #champs-silver-sponsors {border: 3px solid #8D969E; background: url("./images/backgrounds/silver-sponsor-bg.jpg") top left repeat-x #8D969E;} #champs-bronze-sponsors {border: 3px solid #B96D2A; background: url("./images/backgrounds/bronze-sponsor-bg.jpg") top left repeat-x #B96D2A;} table#champs-sponsorship-2009 {text-align: center; border-top: 1px solid #993300; border-bottom: 1px solid #993300;} table#champs-sponsorship-2009 thead {background: #CCCCCC; border-top: 1px solid #993300; border-bottom: 1px solid #993300;} table#champs-sponsorship-2009 th {padding: 0 10px; margin: 0;} table#champs-sponsorship-2009 {padding: 0; margin: 0;} table#champs-sponsorship-2009 td.column1 {text-align: left;} h4.champs-rules {font-size: 10pt; color: #666666; margin-bottom: -10px;} table#champs-tickets {margin: 20px 0;} table#champs-tickets h3 {margin: 0;} table#champs-tickets td {font-size: 9pt; vertical-align: bottom; padding-bottom: 30px; padding-right: 10px;} table.champs-schedule {font-size: 9pt; float: left; margin-top: 20px; margin-right: 20px;} table.champs-schedule td {vertical-align: top; padding: 0 0 1em 0;} table.champs-schedule td.column1 {width: 80px;} .champsindex-call-to-action {width: 280px; padding: 10px; height: 14em; float: left; margin-right: 20px; border: 3px solid #C3922E; background: url("./images/backgrounds/champsindex-cta-bg.jpg") 0 0 repeat-x #C3922E ;} .champsindex-call-to-action h4 {margin-top: 0; margin-bottom: 10px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color:#FFFFFF} .champsindex-call-to-action h5 {margin: 0; padding: 0; font-family: "MS Trebuchet", "Trebuchet MS", "Helvetica", "Trebuchet", "Arial"; font-weight: normal; font-size: 10pt; color: #000000;} .champsindex-call-to-action li {margin: 0; padding: 0; list-style: none; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #e2c78f} .champsindex-call-to-action ul {margin: 0; padding: 0;} .champs-sponsors-list {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;} .champs-sponsors-list tr {vertical-align: top;} .champs-sponsors-list td.col1 {width: 180px; padding: 10px 0;} .champs-sponsors-list td.col2 {text-align: center; width: 450px; padding: 10px 0;} .champs-sponsors-list h4 {margin: 0 0 10px 0; padding: 0;} .champs-sponsors-list img {border: none;}