@import url('reset.css'); 

body {font: 13px Helvetica, Arial, sans-serif; color: #000; background-color: #E7E7DE; padding: 0; margin: 0}

h1 {color: #000; font-size: 36px; margin: 0 0 0 18px; padding-top: 5px; float: left; font-weight: normal; line-height: 46px}
h2 {color: #666; font-size: 22px; margin: 0 0 20px 0; padding: 0; font-weight: bold}
h3 {color: #000; font-size: 36px; margin: 0; padding: 0; font-weight: bold}

a {color: #C00; text-decoration: none}
a:hover {color: #000}

img {border: 0}

p {font: 13px Helvetica, Arial, sans-serif; color: #000; line-height: 20px; margin-top: 10px; padding: 0;}

/* == Colours == */
.grey {color: #808080}
.red {color: #C00}

/* == Structure == */
#wrap {width: 972px; margin: 0 auto; overflow: hidden}
#header {}
#header h1 a {font-weight: normal; color: #000}
#content {clear: both; margin-top: 55px; padding: 12px 18px; background-color: #FFF; color: #000}
#footer {margin: 12px 0; padding: 12px 18px; background-color: #FFF; color: #000}
#footer img {margin-right: 20px}
#footer span {font: 13px Helvetica, Arial, sans-serif; color: #666; margin: 10px; padding: 0}

#primary-nav {float: right; height: 30px; margin: 0; padding: 10px 0 0 10px; background-color: #808080}
#primary-nav ul {margin: 0; padding: 0}
#primary-nav ul li {background-image: url('images/nav_smallarrow.gif'); background-position: 0 5px; background-repeat: no-repeat; float: left; margin: 0; padding: 0 20px 0 0; list-style: none}
#primary-nav ul li a {color: #E7E7DE; display: block; font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 0 8px; text-decoration: none}
#primary-nav ul li a.selected {color: #333}
#primary-nav ul li a:hover {color: #181818}

.left462 {float: left; width: 462px}
.right462 {float: right; width: 462px}
.left462 p, .right462 p {text-align: justify}
.clear {clear: both}