body
{
    background-image:url(img/Stone-tile.jpg);
    background-attachment:fixed;
    background-repeat: repeat;
    background-position: center;
    padding: 0px;
    margin: 0px;
    min-width: 900px;
    font-family:"AvantGarde Bk BT", sans-serif;
    z-index:-1;
}

#base_layer
{
    margin-left:auto;
    margin-right:auto;
    z-index:1;
}
    
#base_tower
{
    position: absolute;
    top: 475px;
    left: -80px;

    z-index:1;
}

#top_layer
{
    position:absolute;
    top: 0px;
    left:0px;
    margin: 0px;
    width: 100%;
}

img.logo
{
    padding: 0px;
    margin: 0px;
    position:absolute;
    top:-30px;
    left:230px;
    z-index:1;
    border:none;
}

#nav
{
    height:50px;
    background-color:rgb(255,201,14);
    position: relative;
    top: 85px;
    width: 1420px;
    min-width:1000px;
}

#nav ul
{
    display:inline;
    position: relative;
    left:500px;
    top:1em;
}


#nav ul li
{ 
    display: inline;
    text-transform: uppercase;   
}

#nav ul li a
{
    text-decoration: none;
    font-weight: bold;
    opacity: 0.7;
    border-color: #505050;
    border-right-style:  solid;
    border-right-width: thin;
    color: #000000;
    padding: 1em;
}

#nav ul li a:hover
{
    color: #FFFFFF;
    background-color: rgb(20,20,20)
}


#advert
{
    width: 900px;
    height:290px;
    background-image:url(img/Advert-more-to-life.jpg);
    background-position: bottom;
    z-index: 2;
    
    position: absolute;
    top:135px;
    left:240px;
}


.event
{
    width: 900px;
    margin-left: 240px;
    margin-right: auto;
    
    z-index: 2;
    position:relative;
    margin-top: 85px;
    margin-bottom: 10px;
    padding-bottom: 50px; 
}

.event img
{
    margin-bottom: 20px;
}

.event_sub
{
    height: 180px;
    width: 900px;
    position: relative;
    padding-top: 10px;
    z-index: 2;
}

.event_text
{
    display: block;
    position: relative;
    width: 900px;
    margin-top: 10px;
    margin-left: 240px;
    margin-right:auto;
    text-align: left;
    
    z-index: 2;
    font-weight:bold;
}

.event_text h1, h2
{
    text-transform:uppercase;
}

.uppercase
{
    text-transform:uppercase;
}

.column
{
    width: 434px;
    height:200px;
    margin-bottom:3em;
    margin-top:0.5em;
}

.column .text
{
    height:3em;
}

.left
{
    float:left;
}

.right
{
    float:right;
}

.contact_name
{
    text-transform: uppercase;
    font-size: 3em;
    margin-bottom:0em;
}

.staff
{
    position: relative;
    width: 900px;
    height: 284px;
    margin-top: 10px;
    margin-left: 240px;
    margin-right:auto;
    margin-bottom:30px;
    text-align: left;
    
    z-index: 2;
    font-weight:bold;
}

.staff img
{
    padding: 10px;
}

.form_label
{
    width: 100px;
    float:left;
}

.input_form
{
    display:block;
    float:right;
    width: 400px;
}

#lower_link_box
{
    height: 180px;
    width: 700px;
    position: relative;
    top: 400px;
    left: 483px;
    z-index: 2;
}

#lower_link_box a
{
    display: block;
    top: 0px;
    float:left;
    height:175px;
    width:199px;
    margin-right: 15px;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    padding: 15px 0px 0px 15px;
    background-repeat: no-repeat;
    color: black;
}

#lower_link_box a:hover
{
    color: white;
}

#lower_link_box #box1,#box2,#box3
{
    text-indent:-10000px;
}

#lower_link_box #box1
{
    background-image: url(img/Alpha-button.png);
    
}

#lower_link_box #box1:hover
{
    background-image: url(img/Alpha-rollover.png);
    
}

#lower_link_box #box2
{
    background-image: url(img/Sunday-button.png);
    
}

#lower_link_box #box2:hover
{
    background-image: url(img/Sunday-rollover.png);  
}

#lower_link_box #box3
{
    background-image: url(img/Map-button.png);
    
}

#lower_link_box #box3:hover
{
    background-image: url(img/Map-rollover.png);  
}

#top_below_tower
{
    color:white;
    position:absolute;
    top: 743px;
    background-image: url(img/bg.png);
    background-repeat: repeat;
    width:1420px;
}

#top_below_tower a
{
    color: white;
}


#footer
{
    margin-top:50px;
    padding-top:1em;
    padding-bottom:1em;
    width:100%;
    color:black;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    font-size: 1.1em;
    
}
