* {
margin: 0;
padding: 0;
outline: 0;
}

header, footer, nav {
display: block;
}

body {
background: #cde7e6;
color: #005a64;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
text-align: center;
}

h1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0 0 10px;
font-size: 22px;
font-weight: normal;
letter-spacing: -1px;
line-height: 24px;
}

h3 {
margin: 10px 0;
color: #1aac93;
font-size: 18px;
line-height: 18px;
}

p span.subheader {
display: block;
margin: 10px 0;
color: #1aac93;
font-size: 18px;
font-weight: bold;
line-height: 18px;
}

h2 + h3 {
margin-top: 15px;
}

.clr {
clear: both;
}

p {
padding: 4px 0;
}

p span {
color: #1AAC93;
font-size: 15px;
}

p.success, p.error {
background: #d1e0c4;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
font-weight: bold;
color: #36501e;
padding: 4px;
margin: 8px 0;
}

p.error {
background: #e0c4c4;
color: #501e1e;
}

hr {
clear: both;
display: block;
height: 1px;
border: 0;
border-top: 1px solid #1aac93;
margin: 15px 0;
padding: 0;
}

.home .columns a, .columns a:link, .columns a:visited, .columns a:active {
color: #005a64;
text-decoration: underline;
}

.home .columns a:link, .home .columns a:visited, .home .columns a:active {
color: #fff;
text-decoration: none;
font-weight: normal;
}

ul {
margin: 4px 0 4px 30px;
}

ol {
margin: 4px 0 4px 30px;
}

form {
margin-bottom: 15px;
}

label {
font-weight: bold;
cursor: pointer;
}

.input {
margin: 0 0 16px;
padding: 7px 5px;
width: 350px;
border: 1px solid #cde7e6;
color: #005a64;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: bold;
}

header label {
display: inline;
color: #000;
font-size: 12px;
font-weight: normal;
}

header input {
margin: 0 5px;
width: 150px;
padding: 3px 0px;
background: #fff;
color: #000;
border: 1px solid #000;
font-size: 12px;
font-weight: normal;
}

button, a.button {
display: inline-block;
height: 30px;
padding: 0 15px;
border: 0;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #005a64;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 30px;
text-align: center;
text-decoration: none;
cursor: pointer;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}

.columns a.button {
color: #fff;
text-decoration: none;
}

button:hover, button:focus, a.button:hover, a.button:focus {
background: #4c8b92;
}

.smallField {
width: 100px;
}

.mediumField {
width: 200px;
}

.largeField, .feedbackWidth {
width: 300px;
}

a.button {
text-transform: none;
}

a.button.fleft {
float: left;
}

header {
margin: 0;
background: #fff;
}

header div {
position: relative;
margin: 0 auto;
width: 964px;
height: 112px;
text-align: left;
}

#logo {
position: absolute;
bottom: 20px;
left: 0;
overflow: hidden;
width: 340px;
height: 78px;
background: url(t/logo.png) 0 0 no-repeat;
text-indent: -9999px;
}

header nav {
position: absolute;
right: 0;
bottom: 20px;
}

header nav li {
list-style: none;
float: left;
margin-left: 5px;
}

header nav a {
display: block;
height: 30px;
padding: 0 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #005a64;
color: #fff;
line-height: 30px;
text-align: center;
text-decoration: none;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}

header #accessibility {
position: absolute;
right: 470px;
top: 23px;
font-size: 12px;
}

header #readsite {
position: absolute;
right: 320px;
top: 23px;
font-size: 12px;
}

header #accessibility, header #readsite {
color: #000;
text-decoration: none;
}

header #accessibility:hover, header #readsite:hover {
text-decoration: underline;
}

header form {
position: absolute;
top: 18px;
/*right: 14px;*/
right: 0;
}

header button {
margin-top: 1px;
margin-right: 1px;
height: 23px;
padding: 0 10px;
line-height: 23px;
}

header nav a:hover, header nav a:focus {
background: #4c8b92;
}

body.home header nav .home a, body.about header nav .about a, body.publications header nav .publications a, body.gettinginvolved header nav .gettinginvolved a, body.media header nav .media a, body.views header nav .views a, body.contact header nav .contact a {
background: #1aac93;
}

#body {
position: relative;
margin: 0 auto 60px;
width: 964px;
text-align: left;
}

#body > img {
position: absolute;
top: 0;
left: 0;
}

img {
border: 0;
}

#banner {
position: relative;
margin-bottom: 10px;
height: 268px;
}

.home #banner {
margin-top: 10px;
height: 327px;
}

.about #banner {
background: url(t/banner-about.png) no-repeat;
}

.publications #banner {
background: url(t/banner-publications.png) no-repeat;
}

.gettinginvolved #banner {
background: url(t/banner-gettinginvolved.png) no-repeat;
}

.media #banner {
background: url(t/banner-media.png) no-repeat;
}

.views #banner {
background: url(t/banner-views.png) no-repeat;
}

.contact #banner {
background: url(t/banner-contact.png) no-repeat;
}

.sitemap #body, .termsandconditions #body, .privacypolicy #body, .download #body, .feedback #body {
padding-top: 15px;
}

.columns {
float: right;
width: 690px;
margin-bottom: 20px;
padding: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #fff;
}

.columns .column {
float: left;
position: relative;
padding: 15px;
width: 290px;
}

.columns .column.double {
width: 610px;
}

.columns form.column {
width: 610px;
}

.columns .column.triple {
width: 935px;
}

#body.home .columns {
float: none;
position: relative;
left: -20px;
margin-right: -20px;
padding: 0;
width: 984px;
background: transparent;
}

#body.home .columns .column {
margin-left: 20px;
width: 278px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #fff;
min-height: 245px;
}

#body.home .columns .views {
background: #a4d0cd url(t/home-views.png) no-repeat 15px bottom;
}

#body.home .columns .policing {
background: #fff url(t/home-policing.gif) no-repeat top left;
}

.policingcontent {
width: 60%;
margin: 105px auto 0 auto;
line-height: 1.3;
font-size: 1.7em;
text-align: center;
}

#body.home .columns .views p.homeviews {
width: 140px;
margin-top: 15px;
padding: 10px;
}

#body.home .columns .chair h2 + p {
padding-top: 2px;
}

#body.home .columns .events {
position: relative;
background: #fff url(t/home-calendar.png) no-repeat 212px 15px;
}

#body.home .columns .events p.narrow {
width: 190px;
}

#body nav {
float: left;
width: 224px;
margin-right: 20px;
}

#body nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#body nav a {
display: block;
margin-bottom: 7px;
padding: 6px 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #005a64;
color: #fff;
text-decoration: none;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}

#body nav .parent a {
background: #1aac93;
}

#body nav a:hover, #body nav a:focus {
background: #4c8b92;
}

#breadcrumb {
margin-bottom: 20px;
}

span.eventday {
position: absolute;
display: block;
top: 31px;
right: 20px;
width: 70px;
font-size: 46px;
line-height: 46px;
color: #fff;
text-align: center;
}

span.eventmonth {
position: absolute;
display: block;
top: 83px;
right: 20px;
width: 70px;
font-size: 16px;
font-weight: bold;
color: #fff;
text-align: center;
text-transform: uppercase;
}

.column a.button {
position: absolute;
bottom: 15px;
left: 15px;
}

#mini-gallery {
position: absolute;
top: 61px;
left: 669px;
}

#mini-gallery img {
display: none;
width: 262px;
height: 193px;
}

#mini-gallery > img: first-child {
display: block;
}

body.feedback .feedback_table {
clear: both;
margin-bottom: 20px;
}

body.feedback .feedback_table td label {
display: inline-block;
margin: 0;
overflow: hidden;
text-indent: -9999px;
}

body.feedback .feedback_table tbody th {
width: 330px;
}

body.feedback .feedback_table tbody th label {
font-size: 12px;
}

body.feedback .feedback_table td input {
margin: 0;
width: 80px;
}

footer {
position: absolute;
width: 100%;
height: 78px;
border-top: 2px solid #a4d0cd;
background: #c6dfde;
color: #4c8b92;
}

footer a {
color: #4c8b92;
text-decoration: none;
}

footer div {
position: relative;
top: 78px;
margin: 0 auto;
padding: 15px;
width: 934px;
text-align: right;
}

footer ul {
position: absolute;
top: -78px;
left: 0;
width: 100%;
}

footer li {
text-align: left;
list-style: none;
}

footer ul a {
position: absolute;
display: block;
overflow: hidden;
background: url(t/footer.png) 0 0 no-repeat;
text-indent: -9999px;
}

footer ul .gmpa a {
top: 10px;
left: 0;
width: 109px;
height: 52px;
background-position: 0 0;
}

footer ul .facebook a {
top: 16px;
right: 65px;
width: 40px;
height: 40px;
background-position: -109px 0;
}

footer ul .twitter a {
top: 16px;
right: 15px;
width: 40px;
height: 40px;
background-position: -149px 0;
}

footer .links {
float: left;
}

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

#latestnews {
list-style-type: none;
margin: 15px 0;
padding: 8px 20px;
background: #005a64;
color: #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

#latestnews li {
margin: 5px 0;
background: #005a64;
}

#latestnews .newsitem {
margin-left: 30px;
}

#latestnews a {
color: #fff;
font-size: 12px;
text-decoration: none;
}

#latestnews a:hover {
text-decoration: underline;
}

ul#intro {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
top: -152px;
left: 139px;
}

ul#intro li {
margin: 0;
padding: 0;
width: 160px;
color: #fff;
background: #005a64;
text-align: center;
}

#latestnews li, #intro li {
display: none;
}

.contentviews {
position: relative;
width: 194px;
height: 240px;
margin-top: 20px;
padding: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #a4d0cd url(t/content-views.png) no-repeat right bottom;
}

.contentstaff {
position: relative;
width: 194px;
height: 240px;
padding: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #a4d0cd url(t/content-staff.png) no-repeat center 148px;
}

.contentviews p.content {
width: 140px;
padding: 10px;
}

.contentviews a.button, .contentstaff a.button {
position: absolute;
bottom: 6px;
left: 12px;
height: 16px;
line-height: 16px;
}

.contactcolumn1 {
float: left;
width: 330px;
}

.contactcolumn2 {
float: right;
width: 330px;
}

#viewslist {
list-style: none;
margin: 0;
}

#viewslist li {
float: left;
width: 200px;
min-height: 150px;
margin-bottom: 15px;
padding: 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.pos1, .pos2 {
margin-right: 15px;
}

.light {
background: #CDE7E6;
}

.medium {
background: #1AAC93;
color: #fff;
}

.dark {
background: #005A64;
color: #fff;
}

.small {
clear: both;
margin-top: 5px;
font-size: 0.8em;
text-align: right;
}

.pale_back {
background: #eff8f7;
}

.pale_grey {
background: #e7f1f1;
}

table.search {
margin-bottom: 0;
border: 1px solid #6b5f6d;
}

table.search tr td {
width: 25%;
}

table.search tr td.centre {
width: 50%;
}

.black_border {
clear: both;
margin: 0 auto;
border: 1px #a4d0cd solid;
}

.black_border {
margin: 15px auto;
}

div.black_border p {
margin: 7px 10px 7px 10px;
padding: 0;
}

div.black_border ul, div.black_border ol {
margin: 7px 10px 7px 35px;
}

div.black_border h3 {
font-weight: bold;
font-size: 110%;
margin: 7px 10px 14px 10px;
}

div.black_border ul {
padding: 0 0 7px 0;
}

div.success {
margin: 15px 0;
padding: 5px 5px 5px 26px;
border: 1px solid #67bf3e;
background: #ffc url(t/accept.gif) no-repeat 8px 8px;
font-weight: bold;
}

div.error {
margin: 15px 0;
padding: 5px 5px 5px 26px;
border: 1px solid #f00;
background: #ffc url(t/exclamation.gif) no-repeat 8px 8px;
font-weight: bold;
}

div.success p, div.error p {
padding: 0;
}

div.success ul, div.error ul {
padding: 1em 0;
}

table {
clear: both;
margin-bottom: 15px;
width: 100%;
}

th {
font-weight: bold;
}

th, td {
padding: 5px;
vertical-align: top;
border: 1px solid #fff;
border-bottom: 0;
border-left: 0;
}

.youtubeembed {
margin: 0 auto 15px auto;
width: 425px;
}

.hidden {
display: none;
}

.rightImage {
float: right;
margin: 0 0 10px 10px;
clear: right;
}

#player {
margin: 10px auto;
width: 500px;
text-align: center;
}

.righttext {
text-align: right;
}

.centre {
text-align: center;
}

.right {
float: right;
margin-bottom: 10px;
margin-left: 10px;
}

.rightboxed {
float: right;
width: 200px;
margin: 0 0 10px 10px;
padding-right: 10px;
background: #eff8f7;
border: 1px solid #a4d0cd;
}

.rightboxed h3, .rightboxed p {
margin: 10px;
}

/* Column styles */

.column1 {
float: left;
width: 340px;
margin-right: 5px;
}

.column2 {
float: right;
width: 340px;
margin-left: 5px;
}

/* FAQ styles */

.faqquestion {
clear: both;
width: 100%;
margin-bottom: 15px;
background-color: #efebef;
border: 1px #6b5f6d solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.faqanswer {
margin-bottom: 15px;
background: #fff;
}

.faqquestion p {
margin: 7px 30px 7px 10px;
}

.faqanswer p {
margin: 7px 10px 7px 10px;
}

.faqanswer ul, .faqanswer ol {
margin: 7px 10px 7px 35px;
}

div.gallery {
clear: both;
width: 450px;
height: 300px;
overflow: hidden;
margin: 0 auto 15px auto;
}