@charset "UTF-8";
/* CSS Document */

body {margin-top:0px;font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; background-image:url(images/bkg.jpg); background-repeat: repeat-x; background-position: bottom; background-color:#FFFFFF}
body a{color:#FFFFFF;text-decoration: underline; }
body a:hover{color:#FFFFCC; font-size:12px;text-decoration: underline}

#home {width:980px; margin:0 auto 0 auto; }
#logo{text-align:center;}
#content {background-color:#000000; width:980px;  float:left;}
#nav {float:left; background-color:#000000; width:960px; margin-top:20px; padding-left:15px; height:35px; }
#nav .navitem { float:left; height:15px; }
#nav .line{margin-right:20px; margin-left:20px; width:1px; height:15px; background-color:#ffffff; float:left; }
#leftcol{float:left; }
#leftcol .welcome {width:655px; margin-left:16px; margin-right:15px; }
#leftcol .welcome .left{float:left; height:250px;}
#leftcol .welcome .left .top{width:200px; }
#leftcol .welcome .left .bot{background-color:#393939; width:394px; height:189px; padding:10px; margin-top:10px; float:left; font-size:14px;}
#leftcol .welcome .rightpic{width:241px; margin-top:12px; float:left}

#leftcol .content {margin-left:8px; float:left; background-color:#393939; width:654px;  margin-top:9px;}
/*ie hack*/
html>body #leftcol .content { margin-left:16px; width:655px}

#leftcol .content .textblock{font-size:14px; width:204px; float:left; margin-left:5px;}
/*ie hack*/
html>body #leftcol .content .textblock{margin-left:10px;}

/* Old code for blocks below 
#home .content .block1{float:left; width:202px; height:212px; padding-left:10px}
html>body #leftcol .content .block1{padding-left:12px}*/


/******* BLOCKS FOR FLASH BUTTONS ********/

/* description >> */
#block1{float:left; width:202px; height:212px; padding-left:10px}
/*IE hack below */
html>body #block1{padding-left:12px}

#block2{float:left; width:202px; height:212px; padding-left:10px}
/*IE hack below */
html>body #block2{padding-left:12px}

#block3{float:left; width:202px; height:212px; padding-left:10px}
/*IE hack below */
html>body #block3{padding-left:12px}

#block4{float:left; width:202px; height:212px; padding-left:10px}
/*IE hack below */
html>body #block4{padding-left:12px}

#block5{float:left; width:202px; height:212px; padding-left:10px}
/*IE hack below */
html>body #block5{padding-left:12px}


#leftcol .content .toprow {float:left; height:220px; width:100%; margin-top:13px;}
#leftcol .content .bottomrow{float:left; height:220px; width:100%;}

#home #rightcol{width:267px; height:667px; background-color:#393939; margin-top:35px; float:left; padding-left:11px; padding-top:10px}
#home #rightcol .signup{float:left; width:255px; height: 175px }
#home #rightcol .signup .top{float:left;}
/*html>body #home #rightcol .signup .middle{height:80px; }*/
#home #rightcol .signup .middle{float:left; background-position:top; background-repeat: repeat-x; background-color:#101110; padding-left:7px; padding-right:7px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; height:70px; width:239px}
#home #rightcol .signup #error {float:left; background-position:top; background-repeat: repeat-x; background-color:#101110; padding-left:7px; padding-right:7px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; height:70px; width:239px}
#home #rightcol .signup form{height:30px; margin-top:10px; margin-bottom:2px}
html>body #home #rightcol .signup form{}
#home #rightcol .signup .bottom{float:left; height:6px; width:250px;}
#home #rightcol .signup .bottom img{float:left}
#home #rightcol .whatson{float:left; margin-bottom:10px; margin-top:10px }
html>body #home #rightcol .whatson{float:left; margin-top:5px}
#home #rightcol .gallery{float:left; margin-bottom:10px}
#home #rightcol .booking{float:left;}
.footer {float:left; width:928px; height:20px; background-color:#393939; margin-top:15px; margin-left:8px; padding:10px; }
html>body .footer {float:left; margin-left:16px; }
.footer .leftttext{float:left}
.footer .righttext{float:right}
.covert{float:right; color:#666666; padding-right:26px; padding-top:10px; padding-bottom:10px; width:120px; text-align:right;}
.covert a{color:#666666; text-decoration:underline}
.covert a:hover{color:#cccccc; text-decoration:underline}

#contact {width:980px; margin:0 auto 0 auto; }
html>body #contact #leftcol{width:655px; height:450px; margin-left:16px; }
#contact #leftcol{width:655px; height:450px; margin-left:8px;}
#leftcol .booking { height:165px;}
#leftcol .booking .left{float:left;}
#leftcol .booking .left .top{width:200px; }
#leftcol .booking .left .bot{background-color:#393939; width:403px; height:109px; padding:10px; margin-top:12px; float:left ;}
#leftcol .booking .rightpic{ margin-top:0px; float:right; background-color:#393939; height:165px;  }
#leftcol .bottom{float:left; width:655px; background-color:#393939; height:580px;}
html>body #contact #rightcol{margin-right:16px}
#contact #rightcol{width:277px; height:709px; background-color:#393939; float:right; margin-top:36px; margin-right:8px; background-image:url(images/map.jpg); background-position:bottom; background-repeat:no-repeat}
#contact #rightcol .top{padding:10px; height:215px }
#contact #rightcol .map{float:left; }
#contact form { margin:10px}
#contact fieldset{border:1px solid #F8D87D; padding:10px}
#contact legend {color:#F8D87D; font-weight: bold;}
#contact .formgrey{color:#666666}

#gallery {width:980px; margin:0 auto 0 auto;}
#gallery #top{width:948px; height:140px; margin-left:16px; background-color:#393939;}
#gallery .title{margin-bottom:10px; margin-left:16px; }
#gallery #top .left{float:left; background-color:#393939; width:640px; padding:20px}
#gallery #top .right{float:left}
html>body #gallery .whiteline {width:918px; margin-left:15px; }
#gallery .whiteline {float:left; margin-left:10px; border-top:1px solid #FFFFFF; height:1px; width:908px; }
#gallery .bottom {background-color:#393939; height:500px; float:left; padding:20px;}
#gallery .bottom .photoblock {float:left; width:908px; }
#gallery .bottom .photoblock .photo {float:left; width:150px; height:120px; text-align:center}

#whatson {width:980px; margin:0 auto 0 auto;}
#whatson .title{margin-bottom:10px; margin-left:16px; }
#whatson #contentarea{margin-left:0px; background-image: url(images/whats_on_bkg.jpg); background-repeat: repeat-y; height:auto; }
html>body #whatson #contentarea{margin-left:0px;}
#whatson #contentarea .block{background-color:#151515; filter:alpha(opacity=90); opacity: .9; -moz-opacity:0.9;}
#whatson #contentarea .block .one{float:left; width:180px; text-align:center; margin-right:10px;}
#whatson #contentarea .block .two{float:left; width:120px;color:#F8D87D; font-size:14px; font-weight:bold; margin-right:10px;}
#whatson #contentarea .block .three{float:left; width:600px ; }
#whatson #contentarea .block .three .title{margin-left:0px; font-size:14px; font-weight:bold; width:560px; }
#whatson #contentarea .block .three .text{float:left; font-size:11px; width:470px; border-right:1px solid #666666; padding-right:10px}
#whatson #contentarea .block .three .text a{font-size:11px; }
#whatson #contentarea .block .three .text a:hover{font-size:11px; }
#whatson #contentarea .block .three .details {float:right; width:110px;  }
#whatson #contentarea .botblock {background-color:#333333;}
#whatson #contentarea .botblock .title{color:#F8D87D; font-weight:bold;}
#whatson #contentarea .botblock .backtotop{float:right;}


#aboutus {width:980px; margin:0 auto 0 auto;}
#aboutus .title{margin-bottom:10px; margin-left:16px;}
#aboutus #contentarea {float:left; background-color:#2c2c2c; width:948px; margin-left:8px; height:700px}
html>body #aboutus #contentarea {margin-left:16px;}
#aboutus .leftcol{float:left; width:290px; padding-left:10px}
#aboutus .midcol{float:left; width:340px; }
#aboutus .rightcol{float:right;width:300px; }
#aboutus .text {padding:10px}
#aboutus .midcol .texta {padding:10px; width:250px}
#aboutus .midcol .textb {margin-left: 130px; padding:10px; }
#aboutus .midcol .textc {margin-left: 70px; padding:10px; }
#aboutus .rightcol .texta {margin-left: 10px; padding:10px; }
#aboutus .rightcol .textb {margin-left: 10px; padding:10px; }

#sitemap {width:980px; margin:0 auto 0 auto;}
#sitemap .title{margin-bottom:10px; margin-left:16px;}
#sitemap #contentarea {float:left; background-color:#2c2c2c; width:948px; margin-left:8px; height:500px; }
html>body #sitemap #contentarea {margin-left:16px;}
#sitemap #contentarea .text {padding:70px}

#media {width:980px; margin:0 auto 0 auto;}
#media .title{margin-bottom:10px; margin-left:16px;}
#media #contentarea {float:left; background-color:#2c2c2c; width:948px; margin-left:8px; height:500px; }
#media #contentarea .text {padding:50px}


#events {width:980px; margin:0 auto 0 auto;}

#events .title{margin-bottom:10px; margin-left:16px; }
#events .music{background-color:#F03104; margin-left:17px; width:946px; }
#events .dance{background-color:#0072FF; margin-left:17px; width:946px;  }
#events .comm{background-color:#FFDE00; margin-left:17px; width:946px; }
#events .disco{background-color:#F01265; margin-left:17px; width:946px; }
#events .infoone{padding:10px;}
#events .infotwo{padding:10px;  float:left}
#events .discoinfotwo{padding:10px; height:40px;}
#events .discoinfotwo .discoleft{float:left; color:#Ffffff; font-size:14px; font-weight:bold; width:100%}
#events .infotwo .left{float:left; width:450px;color:#Ffffff; font-size:23px; font-weight:bold; }
#events .infotwo .danceleft{float:left; width:450px;color:#Ffffff; font-size:14px; font-weight:bold; }
#events .infotwo .commleft{float:left; width:600px;color:#000000; font-size:13px; font-weight:bold; }
#events .infotwo .right{float:right; width:400px;color:#Ffffff; font-size:14px; font-weight:bold; margin-right:10px;   }
#events .infotwo .commright{float:right; width:220px; margin-right:10px; height:50px;  }
#events .infotwo .right a{color:#f8d87d;text-decoration: underline; }
#events .infotwo .right a:hover{color:#f8d87d;text-decoration: underline; font-size:14px;}
#events .infotwo .bottom {float:left; width:930px; color:#Ffffff; font-size:12px; }
#events .infotwo .bottom .big{font-size:14px; font-weight:bold; margin-top:10px}
#events .infothree {margin:0px; padding:0px; }
#events .block{background-color:#333333;  }
#events .block .one{float:left; width:180px; text-align:center; margin-right:10px;}
#events .block .two{float:left; width:120px; font-size:14px; font-weight:bold; margin-right:10px;}
#events .block .three{float:left; width:600px ; }
#events .block .three .title{margin-left:0px; font-size:14px; font-weight:bold; width:560px; }
#events .block .three .text{float:left; font-size:11px; width:470px; border-right:1px solid #666666; padding-right:10px}
#events .block .three .text a{font-size:11px; }
#events .block .three .text a:hover{font-size:11px; }
#events .block .three .details {float:right; width:110px;  }
#events .botblock {background-color:#333333;}
#events .botblock .bottitle{font-weight:bold;}
#events .botblock .backtotop{float:right;}

#corporate {width:980px; margin:0 auto 0 auto; }
#corporate #bkgwrapper{background-image: url(images/corporate_bg.jpg); background-repeat: no-repeat; background-position: center bottom; height:715px}
#corporate .title{margin-bottom:10px; margin-left:16px; }
#corporate .infoone{padding:10px; margin-left:17px; margin-top:20px;}
#corporate .col1 {float:left; width:600px; margin-left:17px;}
html>body #corporate .col1 {padding-left:10px;}
#corporate .col1 .one{font-size:23px; color: #f8d87d; width:600px}
#corporate .col1 .two{font-size:12px; color: #ffffff; margin-top:20px; width:600px}
#corporate .col1 .two a{font-size:12px; text-decoration:none}
#corporate .col1 .two a:hover{font-size:12px; text-decoration:underline}
#corporate .col1 .three{margin-top:20px;}
#corporate .col1 .three img{float:left; padding-right:10px}
#corporate .col1 .four {float:left; width:600px}
#corporate .col2 {float:left; width:246px; margin-left:67px; }
html>body #corporate .col2 {margin-left:77px; }