﻿#html
{
    margin: 0;
    padding: 0;
}
*
{
    margin: 0;
    padding: 0;
}

body
{
    font-size: 71%;
    color: #3C3A3A;
    line-height: 1.2em;
    font-family: Verdana, Tahoma, Sans-Serif, Arial;
    background-image:url(../brandy_wharf_leisure_park_images/ripple3.jpg);
    background-repeat:no-repeat;
    background-color: #003366;
    margin-bottom:25px;
}
.topbrandy
{
    position: relative;
    width: 820px;
    /*left: 5%;*/
    margin-left:auto;
    margin-right:auto;
    color: White;
    font-size: 22pt;
    font-weight: bold;
    margin-top: 8px;
    line-height: 2em;
  font-family: Algerian;
   }

.topbrandyspan
{font-size: 18pt;
 font-family: Verdana, Tahoma, Sans-Serif, Arial;
 }

.inshadow
{
    position: relative;
    left: 31%;
    width: 570px;
    top: 8px;
    color: #003366;
    font-weight: bold;
    font-size: 18pt;
    line-height: 1.8em;
}
#wrapper
{
    width: 820px;
    top: 20px;
    margin-left:auto; /*  8.5%;*/
    margin-right:auto;
    background-color: white;
    border:4px solid #035BB2; /*#2DAAF2;*/
    border: 4px off-set #4752E6;
}
#header
{
    position: relative;
    top: 10px;
    text-align: center;
}
.border
{
    position: relative;
    margin-left: 3px;
    top: -65px;
    width: 99.5%;
    text-align: center;
    left: 0px;
}
.phone
{
    position: relative;
    margin-left: 3px;
    top: -80px;
    text-align: center;
    font-size: 13pt;
    font-weight: bold;
    color: #003366;
    left: 0px;
}
#outer1
{
    clear: both;
    display: inline;
    background-color: white;
}
#outer2
{
    position: relative;
    width: 820px;
    top: -60px;
    background-color:#E4E4B4; /* #CCCC99;*/
}



ul
{
    margin: 0;
    padding: 0;
}

p
{
    margin-top: 20px;
}

#tabs10
{
    display: inline;
    position: relative;
    text-align: center;
    top: -85px;
    margin-left: 35px;
    float: left;
    width: 90%;
    font-size: 93%;
    z-index: 5;
}

#tabs10 ul
{
    display: inline;
    float: left;
    margin: 0;
    padding: 10px 10px 0 50px;
    list-style: none;
    z-index: 6;
}
#tabs10 li
{
    display: inline;
    float: left;
    margin: 0 0 0 7px;
    padding: 0;
    width: 100px;
    height: 55px;
    z-index: 6;
}
#tabs10 a
{
    float: left;
    display: inline;
    float: left;
    background: url( "../brandy_wharf_leisure_park_images/rolloverblue.gif" ) no-repeat left top;
    margin: 0;
    padding: 30px 0 0 4px;
    width: 100px;
    height: 55px;
    text-decoration: none;
    color: #003366;
}


#tabs10 a:hover
{
    float: left;
    display: inline;
    background: url( "../brandy_wharf_leisure_park_images/rolloutblue.gif" ) no-repeat left top;
    margin: 0;
    padding: 30px 0 0 4px;
    width: 100px;
    height: 55px;
    text-decoration: none;
    color: #B64822;
}


#tabs10 #current a
{
    background: url( "../brandy_wharf_leisure_park_images/rolloutblue.gif" ) no-repeat left top;
}



 #center
{
    float: left;
    margin-left: 205px;
    width: 397px;
    padding: 0 4px 0 4px;
    display: inline;
    background-color: white; /* takes up 450*/
}

#right
{
    float: left;
    margin-left: 5px;
    width: 195px;
    background-color: #E4E4B4;  /* #CCCC99;*/
    display: inline; /* takes up 200*/
}


#left
{
    float: left;
    margin-left: -805px;
    width: 195px;
    background-color:#E4E4B4; /* #CCCC99;*/
    display: inline; /* takes up 200*/
}

a
{
    color: #CE5353;
    text-decoration:none;
}
a:hover
{
    color: Black;
    text-decoration:none;
}


#tab2
{   display: block;
    position: relative;
    top: 5px;
    margin: 0 0 0 1px;
    padding:0;
    width: 170px;
    font-size: 93%;
    z-index: 5;
}

#tab2 ul
{   display: block;
    margin: 0 0 0 12px;
    padding: 5px 0 0 0px;
    list-style: none;
    z-index: 6;
}
#tab2 li
{
    display: block;
    font-size:8pt;
    border-top: 1px solid #E4E4B4; /* #CCCC99;*/
    border-bottom: 1px solid #E4E4B4; /*#CCCC99;*/
    background-color: #C0EE3A;
    padding: 0;
    margin:0;
    width: 170px;
    height: 25px;
    z-index: 6;
}
#tab2 a
{
    display: block;
    background-color: #87E2F8;
    border-top: 1px solid #E4E4B4; /* #CCCC99;*/
    border-bottom: 1px solid #E4E4B4; /*#CCCC99;*/
    margin: 0px;
    padding: 2px 0 0 4px;
    width: 165px;
    height: 25px;
    text-decoration: none;
    color: #003366;
}

#tab2 a.al
{
    display: block;
    background-color: #003366;
    border-top: 1px solid #CCCC99;
    border-bottom: 1px solid #E4E4B4; /*#CCCC99;*/
    margin: 0px;
    padding: 2px 0 0 4px;
    width: 165px;
    height: 25px;
    text-decoration: none;
    color: #FFFF67;
}



#tab2 a:hover
{
    display: block;
    background-color: #FFFF67;
    border-top: 1px solid #E4E4B4; /*#CCCC99;*/
    border-bottom: 1px solid #E4E4B4; /*#CCCC99;*/
    margin: 0px;
    padding: 2px 0 0 4px;
    width: 165px;
    height: 25px;
    text-decoration: none;
    color: #B64822;
}

#tab2 a.al:hover
{
    display: block;
    background-color: #FFFF67;
    border-top: 1px solid #E4E4B4; /*#CCCC99;*/
    border-bottom: 1px solid #E4E4B4; /*#CCCC99;*/
    margin: 0px;
    padding: 2px 0 0 4px;
    width: 165px;
    height: 25px;
    text-decoration: none;
    color: #B64822;
}


#botmenu
{
    position: relative;
    text-align: center;
    top: 10px;
    margin: 0;
    width: 100%;
    font-size:8pt;
    z-index: 5;
    left: 0px;
}

#botmenu ul
{
    display: inline;
    float: left;
    margin: 0 0 30px 95px;
    text-align: center;
    padding: 10px 10px 0 10px;
    list-style: none;
    z-index: 6;
}
#botmenu li
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 1.8em;
    z-index: 6;
}
#botmenu a
{
    float: left;
    display: inline;
    margin: 0;
    background-color:inherit;
    padding: 0px 4px 0 0;
    line-height: 1.8em;
    text-decoration: none;
    color: #003366;
}


#botmenu a:hover
{
    float: left;
    background-color:#87E2F8;
    display: inline;
    margin: 0;
    padding: 0px 4px 0 0;
    line-height: 1.8em;
    text-decoration: none;
    color: #B64822;
}


#botmenu #current2 a
{
    background-color:#AAEDFC;
}


.foot
{
    position: relative;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    color: #003366;
    border-top: 1px solid #003366;
    z-index: 10;
    left: 0px;
}
.gray
{
    color: gray;
}
.desby
{
    font-size: 9pt;
    font-weight: normal;
    margin-bottom:15px;
}
.h2jump
{
    font-size: 14px;
    text-align: center;
}
.aa
{
    background-color: #FFFF00;
}
.cont
{
    position: relative;
    top: -10px;
    margin-left: 80px;
}
.leftinner
{
    position: relative;
}
.leftinnertitle
{
    text-align: center;
}
.img1
{
    position: relative;
    left: 8px;
    margin-top: -10px;
}
.img2
{
    position: relative;
    left: 8px;
}
.leftinner2
{
    position: relative;
    width: 110px;
}
.img3
{
    position: relative;
    left: 15px;
}

.clearfix:after, div#wrapper:after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix, div#wrapper
{
    display: block;
}

/* Hide from IE5/Mac \*/
* html .clearfix
{
    height: 1px;
}
* html div#wrapper
{
    height: 100%;
}
.clearfix, div#wrapper
{
    display: block;
}
/* End hide */



.clearfix2:after, div#outer2:after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix2, div#outer2
{
    display: block;
}

/* Hide from IE5/Mac \*/
* html .clearfix2
{
    height: 1px;
}
* html div#outer2
{
    height: 100%;
}
.clearfix2, div#outer2
{
    display: block;
}
/* End hide */


.pertinanttofacilities
{
}

#jump2{
    top: 0px;
}
#jump
{
    margin-top: 0px;
    margin-bottom: 20px;
}

.facul
{
    margin-left: 40px;
    margin-top: 20px;
    list-style: none;
}
.goto1
{
    margin-left: 180px;
}
.goto2
{
    margin-left: 215px;
}
.subhead
{
    font-weight: bold;
    background-color: #E4E4B4;
    width: 260px;
    font-size: 9pt;
}
.liempty
{
    list-style: none;
}
.break
{
    margin-bottom: 20px;
}
.nolouts
{
    font-weight: bold;
    text-decoration: underline;
}
