* body {
margin: 0;
padding: 0;
font-size: 95%;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #69503c;
color: #660000;}

/*Begin styling the header*/

h1 {
margin: 0;
padding: 0 0 0 .5em;
background-color: #663300;
color: #ffcc99;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 3em;
font-weight: bold;
font-style: normal;
background-image: url(../images/banner.jpg);
background-repeat: no-repeat;
/*width: 100%;*/
height: 150px;
border-bottom: 5px #69503c solid;}

dl {
display: block;
margin-left: auto;
margin-right: auto;
}

/*Finish styling the header*/

/*Begin styling the main container*/

#container {
background-image: url(../images/navback.gif);
background-repeat: repeat-y;
background-position: 20% 0;
}

.top {
font-size: 75%;
}

img {
border: 0;
}

/*Finish styling the main container*/



/*begin styling the inner wrapper*/

#innerwrap {
background-image: url(../images/rightcolbak.gif);
background-repeat: repeat-y;
background-position: 70% 0;
}

/*finish styling the inner wrapper*/



/*begin styling the left navigation bar*/

#leftnav {
display: inline;
width: 14%;
float: left;
padding: 1em 3%;
}

#leftnav h2 {
margin-top: 0;
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
}

#leftnav ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
margin-top: 120px;

}

#leftnav ul a {
display: block;
text-decoration: none;
background: none;
color: #cccc33;
font-weight: bold;
font-size: 110%;
text-align: center;
padding: .2em .5em;
}



#leftnav a:visited {
color: #cccc33;
text-decoration: none;
}

#leftnav a:hover {
color: #ffcc99;
text-decoration: none;
}

#leftnav a:active {
text-decoration: none;
color: #ffcc99;
}

#menu {
min-width: 150px;
height: 512px;
overflow: visible;
margin-top: 0;
padding-top: 1px;
background-image: url(../images/menubak.jpg);
background-position: top center;
background-repeat: no-repeat;
}

/*finish styling the left navigation bar*/

/*begin styling active page navigation indicators*/

#home a.home, #news a.news, #about a.about, #join a.join, #contact a.contact, #events a.events, #location a.location, #publications a.publications, #links a.links {
color: #ffcc99;
display: list-item;
font-size: 1.2em;
}

/*Finish styling active page navigation indicators*/



/*Begin styling middle column*/

#maincontent {
width: 44%;
float: left;
padding: 1em 3%;
background-color: #cccc99;
overflow: hidden;
}

#maincontent p {
text-align: justify;
padding: 0;

}

#maincontent a {
text-decoration: none;
background: none;
color: #660000;
font-weight: bold;
font-size: 85%;
text-align: left;
}

#maincontent a:visited {
color: #660000;
text-decoration: none;
}

#maincontent a:hover {
color: #ffcc99;
text-decoration: none;
background-color: #660000;}

#maincontent a:active {
text-decoration: none;
color: #ffcc99;
background-color: #660000;
}


img.center {
display: block;
border: none;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 439px;
}

img.logo {
float: left;
border: none;
padding: 0 1em 0 0;
}

ul.plainlist {
font-size: 85%;
text-align: justify;
margin-top: .5em;
}

ul.plainlist li {
padding-bottom: .5em;
}

/*Finish styling middle column*/


/*Begin styling gallery container*/

#galcontainer dl {
margin-top: 2em;
margin-bottom: .5em;
text-align: center;
font-size: 85%;
font-weight: bold;
}

#galcontainer dd {
margin: 0 2% 2em auto;

}


/*Finish styling gallery container*/


/*Begin styling the year menu for Wirral Matters*/

ul.yearmenu {
background-color: #a6cc99;
text-align: center;
font-size: 85%;
margin-left: 0;
margin-bottom: 2em;
padding-left: 0;
padding-top: .2em;
padding-bottom: .2em;
list-style-type: none;
border: 2px #660000 solid;
float: left;
width: 100%;
}



ul.yearmenu li{
display: inline;
}

ul.yearmenu a {
padding: .2em 1em;
}


/*Finish styling the year menu for Wirral Matters*/


/*Begin styling the right column*/

#rightcol {
width: 24%;
float: left;
padding: 1em 0 1em 3%;
font-size: 85%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #660000;
text-align: justify;}

#rightcol dl img {
border: 0;
}

#rightcol dl {
font-weight: bold;
text-align: center;
margin-top: 1em;
margin-bottom: 0;
}

#rightcol dd {
margin: 0 2% 1em auto;
}

dd.credit {
font-size: 75%;
font-style: italic;
text-align: right;
padding-top: 0;
margin-top: 0;
}

/*Finish styling the right column*/

p.quote {
font-weight: bold;
font-style: italic;
margin: .5em 1em;
}

p.quotecentre {
font-weight: bold;
font-style: italic;
text-align: center;
margin: .5em 1em;
}

h2, h3 {
margin-top: 0;
text-align: center;
}

#maincontent h2 {
margin-top: 0;
font-size: 150%;
text-align: justify;
}

h3 {
font-size: 125%;
margin-top: 1em;
margin-bottom: 0;
}

h3.events {
font-size: 100%;
text-align: left;
margin-bottom: .5em;
}

h4.events {
width: 99%;
font-size: 85%;
text-align: left;
margin-bottom: .5em;
margin-top: 0em;
padding-bottom: .5em;
border-bottom: 1px #660000 dashed;
}

h4 {
font-size: 95%;
margin-bottom: 0;
padding-bottom: 0;
}

/*begin styling delimited list two-column table*/

dl.dltabletop {
border: 1px #660000 dashed;
border-bottom: 0;
margin-bottom: 0;
margin-top: .25em;
padding: 0 .5em;
}


dl.dltabletop dt {
float: left;
clear: left;
width: 25%;
text-align: left;
padding-top: .5em;
padding-left: 0;

}

dl.dltabletop dd {
margin-left: 27%;
padding: .5em;
font-size: 85%;
text-align: justify;
border-left: 1px #660000 dashed;
}

dl.dltable {
border: 1px #660000 dashed;
border-bottom: 0;
margin-top: 0;
margin-bottom: 0;
padding: 0 .5em;
}

dl.dltable dt {
float: left;
clear: left;
width: 25%;
text-align: left;
padding-top: .5em;
padding-left: 0;
}
dl.dltable dd {
margin-left: 27%;
padding: .5em;
font-size: 85%;
text-align: justify;
border-left: 1px #660000 dashed;
}


dl.dltablebot {
border: 1px #660000 dashed;
margin-top: 0;
margin-bottom: 1.5em;
padding: 0 .5em;
}

dl.dltablebot dt {
float: left;
clear: left;
width: 25%;
text-align: left;
padding-top: .5em;
padding-left: 0;
}

dl.dltablebot dd {
margin-left: 27%;
padding: .5em;
font-size: 85%;
text-align: justify;
border-left: 1px #660000 dashed;
}

dd.spacer {
margin: 0;
}

dt.h3 {
font-size: 85%;
font-weight: bold;
}

ul.nestedlist {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 95%;
text-align: justify;
display: block;
margin: 0 2em;
padding: 0;
}

ul.nestedlist li {
display: list-item;
list-style-type: square;
list-style-position: outside;
}

/*finish styling delimited list two-column table*/


/*begin styling contact form*/

fieldset {
border: 1px #660000 dashed;
background-color: #a6cc99;
padding: 1em .5em ;
}

div.formrow {
clear: both;
padding-top: .5em;
}


div.formrow span.label {
float: left;
width: 35%;
text-align: right;
margin-right: 0;
font-size: 80%;
font-weight: bold;
}
  
div.formrow span.textinput {
float: left;
text-align: left;
margin-left: 1em;
}

div.formrow span.textinput input {
background-color: #cccc99;
font-size: 80%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #660000;
}  

div.formrow span.textinput textarea {
background-color: #cccc99;
font-size: 80%;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #660000;
} 

div.formrow span.checklabel {
font-size: 80%;
font-weight: bold;
}

div.formrow span.checkbox {
margin-left: 10%;
}       
 
div.button {
clear: both;
padding-top: 1em;
text-align: center;
}

div.button input {
color: #660000;
font-size:90%;
font-weight:bold;
background-color: #ccb399
}

/*finish styling contact form*/


/*Begin styling the publications thumbnail galleries*/

.pubgallery {
background-color: #ccb399;
border: 1px #660000 dashed;
text-align: center;
padding: .5em;
height: 10%;
}

.pubgallery dl {
font-size: 80%;
font-weight: bold;
width: 25%;
float: left;
margin-left: auto;
margin-right: auto;
}

.pubgallery dd {
text-align: center;
margin: auto;
}

.pubgallery dt {
padding: 0 1em ;
margin-bottom: .5em;
text-align: center;
display: block;
}

.pubgallery img {
border: 0;
}

/*Finish styling the publications thumbnail galleries*/


/*Begin styling for tables*/

table.linkstable {
width: 100%;
margin-bottom: 1.5em;
border-collapse: collapse;
border: 1px #660000 dashed;
}

table.linkstable caption {
font-size: 85%;
font-weight: bold;
text-align: left;
padding-bottom: 3px;
}

table.linkstable th {
font-size: 85%;
font-weight: bold;

text-align: left;
padding: .25em;
border: 1px #660000 dashed;
background-color: #ffcc99;}

table.linkstable td {
padding: .25em;
font-size: 85%;
border: 1px #660000 dashed;
}

/*Finish styling for tables*/


/*Begin styling anchor links within list items*/



ul.plainlist a {
text-decoration: none;
background: none;
color: #660000;font-weight: bold;font-size: 100%;
text-align: left;
}

ul.plainlist a:visited {
color: #660000;
text-decoration: none;
}

ul.plainlist a:hover {
color: #ffcc99;
text-decoration: none;background-color: #660000;}

ul.plainlist a:active {
text-decoration: none;
color: #ffcc99;
background-color: #660000;}

/*Finish styling anchor links within list items*/


/*begin styling the footer*/



.top {
clear: both;
}

#footer {
clear: both;
padding: 5px 3%;
background-color: #69503c;
text-align: center;
font-size: 75%;
text-decoration: none;
color: #cccc99;
}

#footer li {
display: inline;
padding: 0 .2em 0 .2em
}

#footer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#footer a {
color: #cccc99;
}

#footer a:visited {
color: #cccc99;
}

#footer a:hover {
background-color: #660000;
text-decoration: none;
}

#footer a:active {
text-decoration: none;
background-color: #660000;
font-weight: bold;
}



/*finish styling the footer*/