*{
margin:0;
padding:0;
}

body {
    background-image: url(images/bg-tile.gif);
    background-repeat: repeat-x;
    background-color: #C8EC00;
    margin: 0px;
    padding: 0px;
}

#wrapper {

    margin:0px auto;
    width:806px;

}    

#header {

    padding:0px;
    margin-top:0px;
    width:806px;
    height:96px;
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;

}

#navbar {
    background-color: #595959;
    width: 806px;
    height: 33px;

}

#topmenu {
    margin-top:0px;
    width: 806px;
    height: 33px;
    text-decoration: none;

}

#topmenu a {
    color: grey;
    display:block;
    float:left;
    text-decoration:none;
    /*text-transform:uppercase;*/
    font-size:12px;
    font-weight:bold;
    /* border-left:1px solid #006699; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 1px;
    /*padding-top: 2px;*/
    padding-right: 1px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-top: 9px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}


#topmenu a.fright {
    color: white;
    text-decoration: none;
}

#topmenu a:hover { color: white; text-decoration:none;
}

#topmenu a:visited {text-decoration: none;
} 

#maincontentarea {

    width:802px;
    height:630px;
    background-color: #EBEBEB;
    margin-top: 0px;
    border-right: 2px solid #595959;
    border-left: 2px solid #595959;

}
#maincontentarea-long {

    width:802px;

    background-color: #EBEBEB;
    margin-top: 0px;
    border-right: 2px solid #595959;
    border-left: 2px solid #595959;

}

#topbanner-personal {
        background-image: url(images/personal-trainer-banner.jpg);
        background-repeat: no-repeat;

        height:300px;
}

#topbanner-lifeguard {
        background-image: url(images/lifeguard-banner.jpg);
        background-repeat: no-repeat;

        height:300px;
}

#topbanner-swimming {
        background-image: url(images/swimming-lessons-banner.jpg);
        background-repeat: no-repeat;

        height:300px;
}

#topbanner-nvqs {
        background-image: url(images/nvqs-banner.jpg);
        background-repeat: no-repeat;
        width:802px;
        height:300px;
}

#topbanner-firstaid {
        background-image: url(images/first-aid-banner.jpg);
        background-repeat: no-repeat;
        width:802px;
        height:300px;
}

#topbanner-consultancy {
        background-image: url(images/consultancy-banner.jpg);
        background-repeat: no-repeat;
        width:802px;
        height:300px;
}

#topbanner-profile {
        background-image: url(images/profile-banner.jpg);
        background-repeat: no-repeat;
        width:802px;
        height:300px;
}

#topbanner {
        background-image: url(images/top-banner.jpg);
        background-repeat: no-repeat;
        width:802px;
        height:300px;
}

#leftcontainer {
        float: left;
        width:    133px;
        height:    300px;
        margin-left: 12px;
        margin-right: 24px;
        margin-top: 180px;

}

#leftcontainer2 {
        float: left;
        width:    220px;
        height:    300px;
        margin-left: 12px;
        margin-right: 24px;
        margin-top: 180px;

}

#leftcontainer-long {
        float: left;
        width:    240px;
        height:    655px;
        margin-left: 12px;
        margin-right: 24px;
        margin-top: 180px;

}

#centrewhite {
            background-color: white;
            margin-top: 0px;
            width:    294px;
            height:    300px;
            padding-top: 0px;
}

#centrewhite-long {
            background-color: white;
            margin-top: 0px;
            width:    294px;
            height:    650px;
            padding-top: 0px;
}
#centrewhite2 {
            background-color: white;
            margin-top: 0px;
            width: 240px;
            height:    300px;
            padding-top: 0px;
}
#centrewhite-long {
            background-color: white;
            margin-top: 0px;
            width: 240px;
            height:    650px;
            padding-top: 0px;
}


/*      Left Nav Links        */

#navcontainer {
    margin: 0px;
    padding: 0px;
}

#navcontainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: verdana, arial, sans-serif;
}

#navcontainer li { margin: 0;

 }

#navcontainer a {
    display: block;
    color: #333;
    background-color: transparent;
    width: 133px;
    text-decoration: none;
    font-size: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #aaa;
    margin-left: 0px;
    text-indent: 4px;
}

#navigation a {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#navcontainer a:hover {

    background-color: #ddd;
    color: #333;
    border-right: 20px solid #aaa;
    padding-top: 10px;
    padding-right: 1px;
    padding-bottom: 2px;
    padding-left: 0px;
} 

#navcontainer #current {

    background-color: #ddd;
    color: #333;
    border-right: 20px solid #aaa;
    padding-top: 10px;
    padding-right: 1px;
    padding-bottom: 2px;
    padding-left: 0px;
}


h3 {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    font-size: 30px;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 1px;
}

h2 {
    color: #C8EC00;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    font-size: 30px;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 1px;
}

h4 {
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    font-size: 16px;
    padding-top: 15px;
    padding-left: 2px;
    padding-bottom: 1px;
}

h5{
    color: grey;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    font-size: 13px;
    padding-top: 0px;
    padding-left: 2px;
    padding-bottom: 2px;
}

p {

    color: grey;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 0px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 0px;


}

#pfooter {

        margin-left: 20px;
	    margin-top: 5px;

}    

#pleftcontainer {

        margin-left: 20px;
        margin-right: 20px;

}    

#prightcontainer {

        margin-left: 20px;
        margin-right: 20px;

}    

#rightcontainer {
        float: left;
        margin-top: 180px;

        height:    300px;
}

#rightcontainer-long {
        float: left;
        margin-top: 180px;
        width:    520px;
        height:    650px;
}

#rightcontainer2 {
        float: left;
        margin-top: 180px;
        width: 490px;
        height:    300px;
}


#centregrey {
            background-color: #E0E0E0;
            margin-top: 0px;

            height:    300px;
            padding-top: 0px;
            margin-left: 20px;

}

#centregrey2 {
            background-color: #E0E0E0;
            margin-top: 0px;
            width: 490px;
            height:    300px;
            padding-top: 0px;

}

#centregrey-long {
            background-color: #E0E0E0;
            margin-top: 0px;

            height:    650px;
            padding-top: 0px;

}

#footerlogos {
        background-image: url(images/footer-images-nw.jpg);
        background-repeat: no-repeat;
        width:802px;
        height:137px;
        margin-top: 200px;
}
#footerlogos-clients {
        background-image: url(images/footer-images.jpg);
        background-repeat: no-repeat;
        width:802px;
        height:137px;
        margin-top: 200px;
}
#footerlogos-long {
        background-image: url(images/footer-images-nw.jpg);
        background-repeat: no-repeat;
        width:802px;
        height:137px;
        margin-top:550px;
}

#footer {
        height: 40px;
        background-color: #595959;
        width: 806px;
        border-top-width: 6px;
        border-top-style: solid;
        border-top-color: #C8EC00;
}

#footer-long {
        height: 40px;
        background-color: #595959;
        width: 806px;
        border-top-width: 6px;
        border-top-style: solid;
        border-top-color: #C8EC00;
}

pfooter {

    color: #B8B8B8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding-top: 0px;
    padding-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 10px;	

}    

#leftcolumn { /* Parent Wrapper for inside boxes */
    display: inline; /* IE Hack */
    width: 144px;
    float: left;
    background-color: #FFFFFF;
    min-height: 300px;
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 100%;
    padding-top: 0px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
}

a {  
	text-decoration: none;
	color: black;
}

a:link {
	text-decoration: none;
	color: black; 
}
a:visited {
	text-decoration: none;
	color: black; 
}
a:hover {
	text-decoration: none; 
	color: #C8EC00; 
}
a:active {
	text-decoration: none; 
	color: black; 
}