* {
margin:0; 
padding:0; 
}
html {
height: 100%; 
}
body {
height: 100%; 
background-color:white ; 
text-align:center; 
font-family:arial; 
color:#666666;
}

/*contentarea is the outermost div*/
#contentarea {
margin-left:auto; 
margin-right:auto;
width:1000px; 
height:100%;
padding-top:10px; 
padding-bottom:40px; 
background-color:white; 
text-align:left; 
}
* html #contentarea {
height: 100%; 
}

/*general tag css */
a, img {
border:0; 
}
a {
text-decoration:none; 
color:#993366; 
font-family:Georgia; 
}
a:hover {
color:#669933; 
}
input {
border:1px solid #669933; 
color:#333333;
font-family:georgia; 
height:25px; 
font-size:1.2em; 
}
p {
margin-top:5px; 
margin-bottom:5px; 
}
hr {
color:#12B4E7; 
background-color:#12B4E7; 
height:1px; 
}
h1,h2,h3,h4 {
font-family:Georgia; 
text-align:left; 
margin-top:0;
margin-bottom:0; 
padding-bottom:0; 
padding-top:10px; 
}
h1 {
color:#669933; 
padding-top:10px; 
padding-bottom:10px; 
}
h2 {
color:#669933; 
}
#h2 {
font-family:Georgia; 
text-align:left; 
margin-top:0;
margin-bottom:0; 
padding-bottom:0; 
padding-top:25px; 
color:#669933; 
font-weight:bold;
font-size:1.5em;
}
h2.threecoltitle {
width:800px; 
float:left; 
height:25px; 
}
h3 {
color:#333333; 
}
h2.twocoltitle {
width:550px; 
float:left; 
height:25px; 
}

h4 {
color:#993366; 
}
ul {
list-style-type:none; 
}
span.emphasise {
font-weight:bold; 
}

/* banner css*/
#banner {
padding-left:20px; 
padding-right:20px; 
width:960px; 
}
div.bannertop {
height:170px;  
}
div.bannernext {
height:25px; 
padding-bottom:5px; 
padding-top:5px; 
font-size:0.8em; 
}
img.logoimage {
float:left;
width:100px; 
padding-top:25px;
}
.logo {
float:left; 
width: 340px; 
text-align:left; 
padding-top:60px; 
}
#didyouknow {
float:left; 
width:170px; 
padding-right:10px;
}
img.bannergalleryimage {
float:right; 
width:300px; 
height:120px; 
}
#headerslideshow {
float:left; 
width: 300px; 
height:150px; 
}
#lastupdated {
float:left; 
font-family:arial; 
color:#666666;
font-size:1em; 
}
#enewsletter {
float:left; 
padding-left:20px; 
color:#993366; 
}
#makethismyhomepage {
float:left; 
padding-left:15px; 
color:#993366; 
}
#facebook {
float:left; 
padding-left:200px; 
}
#twitter {
float:left; 
padding-left:20px; 
}
div.imagecaption {
color:#669933; 
font-size:0.75em; 
font-family:Georgia; 
}

/* nav css including navlines*/
div.navline {
width:960px; 
height:1px; 
margin-left:auto; 
margin-right:auto; 
}
div.navline hr {
width:960px; 
margin-left:auto; 
margin-right:auto; 
height:1px; 
color:#CCCCCC; 
background-color:#CCCCCC; 
}
div.topnav {
text-align:left; 
font-size:1.2em; 
width:960px; 
}
div.topnav  ul {list-style-type:none; padding-top:10px; padding-bottom:10px; margin-top:0; margin-bottom:0; text-align:left; font-family:Georgia; color:#993366; }
div.topnav li{display:inline; padding-left:5px; }
div.topnav ul li a{color:#993366; }
div.topnav ul li a:hover{color:#669933; }
#currenttopnav {
color:#669933; 
}
div.subtopnav {
background-color:#CCCCCC; 
height:30px; 
padding-left:0px; 
margin-top:6px; 
margin-bottom:6px; 
font-size:1.2em; 
color:black; 
width:960px; 
}
#currentsubtopnav {
color:#669933; 
}
div.subtopnav  ul {list-style-type:none; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0; text-align:left;  }
div.subtopnav li{display:inline; font-family:Georgia;  padding-left:5px; }
div.subtopnav a{color:black; }
div.subtopnav a:hover{color:#669933; }

/* ad slideshow css*/
.slideshow {height: 120px; width: 300px; margin: auto }
.slideshow img {height:120px; width:300px; }
.slideshow a{display:block; }
#adcaption {
font-family:georgia; 
color:black; 
font-size:0.8em; 
}

/* content area sits below banner within contentarea div */
#content {
padding-left:20px; 
padding-right:20px; 
padding-bottom:50px; 
}
*html #content {
}

/* general use classes*/
.floatleft {
float:left; 
padding-right:10px; 
}
div.openingsection {
padding-top:10px; 
}
div.headline {
font-family:georgia; 
color:#333333;
font-size:1.35em; 
}
div.subtitle {
font-family:georgia; 
color:#333333;
font-size:1em; 
}
div.whoswhoimage {
float:left; 
padding-right:10px; 
width:110px; 
}
div.hidden {
display:none; 
}
div.morelink {font-family:georgia; color:#CC0066; width:100%; text-align:right; }
div.panels {
float:left; 
width:180px; 
height:50px; 
padding-right:20px; 
}
.submitsection {
padding-top:25px; 
}
.email {
color:#669933; 
}

/* twocolumns and thirdcolumn css*/
div.twocolumns {
float:left; 
width:620px; 
height:100%; 
padding-right:20px; 
}
div.twocolumns td {
vertical-align:top; 
width:50%; 
text-align:left; 
}
.twocolumnssection {
width:100%; 
}
div.twocolumnstext {
float:left; 
width:450px; 
font-size:0.9em; 
}
div.thirdcolumn {
float:left; 
width:300px; 
background-color:#CCCCCC; 
color:black; 
padding:10px; 
display:none; 
margin-top:10px; 
font-size:0.9em; 
font-family:georgia; 
}
div.threecolumns {
width:960px; 
}

/* HOME PAGE */
/* news section css */
#newssection {
padding-top:15px; 
font-size:0/8em; 
}
#newsheader {
font-family:georgia; 
color:#333333; 
font-size:1.30em; 
}
span.todaysdate {
font-weight:regular;
color:#333333;
font-size:1.1em; 
font-family:georgia; 
}
div.newsitem {
float:left; 
width:605px; 
padding-bottom:10px; 
}
div.newsimage {
float:left; 
width:140px; 
padding-right:10px;
}
div.newstext {
float:left;
width:450px; 
font-size:0.8em; 
}
div.newstextnoimage {
float:left;
width:600px; 
font-size:0.8em; 
}

/* third column home page */
#thirdcolumnslideshow {
font-size:1.2em; 
}
#contactus {
font-family:georgia; 
}

/* WHATSON css */
div.whatsonimage {
float:left; 
width:70px;
padding-left:10px; 
}
div.whatsontext {
float:left;
width:860px; 
}
div.whatsonatoztext {
float:left;
width:200px; 
}

/* DIRECTORY uses blocks? */
div.block {
float:left; 
width:295px; 
padding:0; 
padding-right:10px; 
}
div.contactblock {
float:left; 
width:160px; 
padding-left:10px; 
padding-right:10px; 
padding-bottom:10px; 
}
div.detail {
display:none; 
font-size:1em; 
font-family:arial; 
}
div.detail a{
font-size:1.2em; 
}
#advertiser{
color:#993366; 
}
#nonadvertiser{
color:grey; 
}
.directoryimage {
border:0; 
margin-bottom:10px; 
}
.directorycontactdetails {
margin-bottom:10px; 
}
.directorytext {
}

/* COUNCIL page */
.councilcontactdetails {
float:left; 
width: 170px; 
padding-right:10px; 
font-size:0.8em; 
}

/* PLACES and SERVICES home pages */
div.panellink {
width:300px; 
height:30px; 
padding:10px; 
margin:10px; 
border:0px solid #669933;
background-color:#CCCCCC;
}

/* GALLERY css */
div.largeimage {
float:left; 
width:500px; 
margin-right:20px; 
background-color:black; 
padding-top:20px; 
padding-bottom:20px; 
}
div.largeimage img {
width:500px;
padding-top:20px; 
padding-bottom:20px; 
}
div.thumbnailgallery {
float:left; 
width:440px; 
background-color:black; 
}
div.thumbnailgallery img {
float:left; 
width:140px; 
height:56px; 
margin:3px; 
background-color:black; }

/* used? */
div.imagelink {
float:left; 
width: 320px; 
height:90px; 
padding-top:50px; 
margin:0px; 
text-align:center; 
font-size:2em; 
font-weight:bold; 
}
/* if image caption works on banner can get rid of this */
#gallerycaption {
float:right; 
font-size:0.8em; 
}