/* Class' */

.top-nav {
float: left;
width: 150px;
display: block;
height: 57px;
}

.top-nav a {
font-family: Arial, Helvetica, Sans Serif;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
text-align: center;
display: block; 
padding-top: 20px;
white-space: nowrap;
padding-bottom: 21px;
}


.top-nav a:hover {
color: #FF00CC;
background-color: #FFFFFF;
}

.top-nav a:active {
background-color: #FFFFFF;
color: #FF00CC;
}

.main-content {
width: 840px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}

.split-line {
width: 880px;
height: 1px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
background: #c9c9c9;
}

.bottom-boxes {
height: 330px;
width: 265px;
margin-left: 25px;
margin-bottom: 40px;
background-image: url(../images/bottom-box.jpg);
float: left;
}

.bottom-boxes-internal {
margin: 10px;
height: 310px;
width: 245px;
}

.h1 {
font-family: Arial, Helvetica, Sans Serif;
color: #635fa8;
font-size: 30px;
}

.h4 {
font-family: Arial, Helvetica, Sans Serif;
color: #000000;
font-size: 14px;
line-height: 25px;
}

.h2 {
font-family: Arial, Helvetica, Sans Serif;
color: #635fa8;
font-size: 22px;
}

.h3 {
font-family: Arial, Helvetica, Sans Serif;
color: #ff00cc;
font-size: 22px;
line-height: 30px;
}

.h5 {
font-family: Arial, Helvetica, Sans Serif;
color: #646464;
font-size: 14px;
line-height: 25px;
}

.h5 a:hover {
color: #ffffff;
}


.footertext {
font-family: Arial, Helvetica, Sans Serif;
font-size; 12px;
color: #FFFFFF;
}

.footertext a:hover {
color: #000000;
}

.seperator {
clear: both;
}

/* Div ID's */


#centre-container {
margin-left: auto;
margin-right: auto;
width: 900px;
height: 400px;
margin-bottom: 35px;
}

#banner {
width: 900px;
height: 159px;
}

#title {
margin-left: 25px;
margin-top: 50px;
width: 400px;
height: 30px;
float: left;
line-height: 25px;
}

#logo {
float: left;
height: 159px;
width: 159px;
background-image: url(../images/lfw-logo.jpg);
}


#header {
width: 900px;
height: 215px;
margin-bottom: 4px;
background-image: url(../images/header.jpg);
}

#nav-container {
width: 900px;
height: 57px;
background-image: url(../images/nav-bar.jpg);
margin-bottom: 40px;
}

#footer {
background-image: url(../images/footer.jpg);
background-repeat: repeat;
height: 117px;
margin-top: 30px;
}

#footer-internal-container {
width: 900px;
margin-left: auto;
margin-right: auto;
height: 117px;
}

#footer-internal {
float: left;
margin-top: 40px;
height: 50px;
}

#mark-sims {
float: right;
margin-top: 32px;
}

/* Body */

body {
margin: 0px;
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
}