@charset "utf-8";
/* CSS Document */
html{
background-image:url(images/bg.jpg);
background-position:top center;
background-repeat:no-repeat;
color:#ffffff;
background-color:#020202;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;}

body{

margin:0;
padding:0;}

.wrapper{
margin:0 auto;
max-width:969px;
width:969px;}

.header{
float:left;
background-image:url(images/top.png);
width:825px;
padding:95px 72px 0 72px;
height:60px;}

.header ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

.header ul li{
float:left;
margin:0 3px 0 0;
padding:0;
display:inline;
float: left;
width:auto; /* width needed or else Opera goes nuts */
}

/* first level */
.header ul li a:link, .header ul li a:visited{
line-height:60px;
height:60px;
width:87px;
display:block;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
background-image:url(images/menu_bg.gif);
}

.header ul li a:hover{
background-position:0 -60px;
}

.header li:hover ul, .header li.sfhover ul { /* lists nested under hovered list items */
left: auto;
position:absolute;
z-index:100;
}

.header li ul { /* second-level lists */
position: absolute;
padding-top:0px;
width:200px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* second level */
.header li ul a:link, .header li ul a:visited{
float:left;
width:200px;
height:30px;
line-height:30px;
text-transform:none;
display:block;
text-align:left;
text-indent:12px;
font-size:.8em;
color:#000000;
padding:3px 5px 0px 0px;
background-color:#8c8b8c;
}

/* second level */
.header li ul a:hover{
background-color:#8c24a4;
background-image:none;
color:#FFFFFF;}

.main{
float:left;
text-align:center;
background-image:url(images/main_bg.png);
width:969px;
height:auto;}

.content{
margin:0 72px -47px 72px;
background-color:#33FF66;
text-align:left;
width:825px;
z-index:10;
position:relative;
color:#000000;
background-color:#FFFFFF;
font-size:.82em;
line-height:1.3em;
}

.content h1, .content h3{
color:#8c24a4;
font-size:1.8em;
line-height:1em;
margin:.9em 0 .5em 0;}

.content h2{
font-size:1.3em;
line-height:1em;
margin:.5em 0 .5em 0;}

.content p{
margin:.2em 0 .4em 0;}

html>body .content{
float:left;}

.flash{
float:right;
width:326px;
}

.flash img{
float:right;
}

.text{
float:left;
padding:18px;}

#home{
width:466px;
padding-top:16;
padding-right:0;
}

.quicklinks{
padding-top:12px;}

.quicklinks a{
margin-right:10px;
}

a.homebutton:link, a.homebutton:visited{
width:105px;
height:182px;
display:block;
float:left;}

a.homebutton:hover{
background-position:0 -182px;
}

#hb1{
background-image:url(images/button_fc.gif);}

#hb2{
background-image:url(images/button_e.gif);}

#hb3{
background-image:url(images/button_p.gif);}

#hb4{
background-image:url(images/button_d.gif);}

.newshome{
float:left;
width:789px;
padding:18px;
background-color:#e5e5e5;}

.newshome a:link, .newshome a:visited{
color:#8c24a4;
font-weight:bold;
text-decoration:none;}

.newshome a:hover{
text-decoration:underline;}

.footer {
float:left;
background-image:url(images/base.png);
padding:52px 72px 0 72px;
width:825px;
height:110px;
font-size:.7em;
}

.footer a {text-decoration:none; color:#FFFFFF;}
.footer a:hover {text-decoration:underline;}

.footer .left{
float:left;}

.footer .right{
float:right;}

.gallerymain img{
margin:8px;
border:none;}

.gallerymain a:link img, .gallerymain a:visited img{
margin:8px;
border:1px #cccccc solid;}

.gallerymain a:hover img{
border:1px #9933CC solid;}

.gallerysub img{
margin:6px;
border:1px #9933CC solid;}

.gallerysub a:link img, .gallerysub a:visited img{
border:1px #9933CC solid;}

.gallerysub a:hover img{
border:1px #000000 solid;}

.hero{
border:none;
float:right;
}

.formtable td{
vertical-align:top;}

.bookingform{
width:300px;}

.buttons a img{
padding:8px;
border:none;}

#footerlinks {margin:50px 0px; text-align:center; font-size:12px;}
#footerlinks a {color:#FFFFFF; text-decoration:none;}
#footerlinks a:hover {color:#FF66FF;}