body {
font: 12px/18px Tahoma, Arial, Helvetica, sans-serif ;
margin:0;
padding: 0;
text-align: left;
background: #000;
color: #000;
}

h1 {
color: #fff;
font-size: 18px;
}

h2 {
font-size: 15px;
color: #fff;
}

.header {
width: 970px;
height: 172px;
margin: 0px auto;
}

.logo { 
margin: 6px;
width:205px;
height:67px;
float: left;
}

.pages {
float: right;
margin: 85px 0 0 0;
height: 62px;
width: 750px;
}

.pages a {
padding: 0 6px 0 6px;
}

.nav {
text-align: center;
font-size: 8px;
margin: 5px 0 0 250px
}

.nav ul {
list-style: none;
display: block;
padding-left: 20px;
}

.nav li {
display: inline;
}

.nav ul li a {
height: 20px;
padding: 0;
margin: 0;
color: #000;
}

.main {
height:449px;
background: url(images/bg.jpg) center no-repeat;
padding: 5px;
}

.wrapper {
width: 900px;
margin: 0 auto;
}

.content {
height: 400px;
width: 580px;
overflow-x: hidden;
overflow-y: auto;
background-image: url(images/colour.png);
padding: 10px 0 10px 20px;
margin: 14px;
float: right;
color: #fff;
}

.content a {
text-decoration: underline;
color: #fff;
}

.content a:hover {
text-decoration: none;
}

.footer {
font: 12px/14px Tahoma, Arial, Helvetica, sans-serif ;
color: #666;
width: 470px;
font-size: 10px;
text-align: center;
clear: both;
margin: 0 auto;
padding-left: 235px;

}

.footer a {
color: #666;
text-decoration: none;
text-transform: capitalize;
}

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