body {min-height: 100%; background-position: 50% 0%; min-width: 784px; text-align: center; margin:0; padding: 0; font-family:"Gill Sans", Arial, sans-serif; font-size:100%; line-height:1em; background-color:#F1FCA7;}

p {margin:.5em 0;}
p.small {font-size: 70%}

h1,h2,h3,h4
     {margin:0; padding:0; font-size:100%; font-weight:normal; text-align: left;}

a:link {color: #153ECA}

.clear {clear:both;}
#page-container {background:url(images/topbanner.jpg); background-repeat: no-repeat; height: 127px; width: 784px; margin: auto; position: absolute; left: 11%;}
#container {z-index: 10; text-align: left; margin-top:124px; margin-left: auto; margin-right: auto; padding: 0; border: solid; border-style: ridge; }

/* topnav*/
ul#topnav    {margin:0; padding:0; font-size:75%; position:relative; float:left; display:inline; width:100%;}
ul#topnav li {margin:0; padding:0; width: 26.6%; background-color:#009B9B; list-style:none; float:left; display:inline; text-align:left; position: relative;}
ul#topnav li#home {width:12%; text-align: center;}
ul#topnav li#cllrs {width:17%; text-align: center;}
ul#topnav li#meets {width:13%; text-align: center;}
ul#topnav li#mins {width:13%; text-align: center;}
ul#topnav li#wards {width:11%; text-align: center;}
ul#topnav li#history {width:12%; text-align: center;}
ul#topnav li#links {width:11%; text-align: center;}
ul#topnav li#contact {width:11%; text-align: center;}
ul#topnav a {margin:0; padding:0.5em 0; color:#000000; font-weight: bold; text-decoration:none; display:block; width:100%;}
ul#topnav a:hover {color:#ffffff;}


ul#topnav li ul      {z-index:100; visibility:hidden; margin:0; padding:0; width:100%; font-size:100%; position:absolute; left:0;}
ul#topnav li ul li   {margin:0; padding:0; border-left-style:solid; border-left-width:thick; border-left-color: #009B9B; display:block; width:100%;}
ul#topnav li ul li a {padding:2px 0; display:block; line-height:1.5em;}
ul#topnav li ul li a:hover {background-image:none;}
ul#topnav li:hover ul,
ul#topnav li a:hover ul {visibility:visible;}
ul#topnav li table   {width:100%; margin:0; padding:0; border:0; border-collapse:collapse;}


/* homepage */

.hometext1 {z-index: 0; font-size:80%; color:#000000; line-height:1.5em; float:left; position: relative; width: 27%; margin-left: 5px; margin-top: 3%; margin-right: 3%; padding:5px;}
.hometext1 h2 {font-weight:bold; color:#660032; font-size: 90%;}
.hometext1 h3 {font-weight:bold; color:#660032; font-size: 85%;}
.hometext1 strong {font-weight:bold; color:#660032;}
.hometext1 strong a {color:#660032; text-decoration:none;}
.hometext1 strong a:hover {color:#ffffff;}
.hometext1 p {font-size: 90%;}
.hometext1 ul {padding-left: .7em; margin-left: .5em;}

.hometext2 {z-index: 0; font-size:80%; color:#000000; line-height:1.5em; float:left; position: relative; width: 40%; margin-top: 3%; margin-right: 3%; padding:5px;}
.hometext2 h1 {font-weight:bold; color:#660032; font-size: 100%;}
.hometext2 h2 {font-weight:bold; color:#660032; font-size: 90%;}
.hometext2 strong {font-weight:bold; color:#660032;}
.hometext2 strong a {color:#660032; text-decoration:none;}
.hometext2 strong a:hover {color:#ffffff;}

.hometext3 {z-index: 0; font-size:85%; color:#000000; line-height:1.5em; float: right; position: relative; width: 20%; margin-top: 3%; padding:5px;}
.hometext3 strong {font-weight:bold; color:#660032;}
.hometext3 strong a {color:#660032; text-decoration:none;}
.hometext3 strong a:hover {color:#ffffff;}

.homeimage {margin-top: 15px;}
.homeimage p {text-align: center; font-style: italic; font-size: smaller; text-indent: 0;}

/* normal page */
.normtext2 {font-size:80%; color:#000000; line-height:1.5em; float:left; position: relative; width: 40%; margin-top: 3%; margin-right: 3%; padding:5px;}
.normtext2 h1 {font-weight:bold; color:#660032; font-size: 100%;}
.normtext2 h2 {font-weight:bold; color:#660032; font-size: 90%;}
.normtext2 strong {font-weight:bold; color:#660032;}
.normtext2 strong a {color:#660032; text-decoration:none;}
.normtext2 strong a:hover {color:#ffffff;}
.normtext2 ul {list-style: none; position: relative; left: 0;}

/* contact page */

.contacttext2 {font-size:80%; color:#000000; line-height:1.5em; float:left; position: relative; width: 40%; margin-top: 3%; margin-right: 3%; padding:5px;}
.contacttext2 h1 {font-weight:bold; color:#660032; font-size: 100%;}
.contacttext2 h2 {font-weight:bold; color:#660032; font-size: 90%;}

/* Search form */

.searchform  {font-family: "Gill Sans", Arial, sans-serif; font-size: 8pt; font-weight: normal; color: #000000; text-align: left;}

/* bottom bar*/
#bottombar  {margin: 0; padding: 0; width:780px; height: 20px; position:relative; background-color:#009B9B; }
.bottomtext {text-align: left; font-family:"Gill Sans", Arial, sans-serif; font-size: 80%; color:#000000;}
.bottomtext a {color:#000000; text-decoration:none;}
.bottomtext a:hover {color:#ffffff;}

/* History page */
table.history  {border: none; border-collapse: collapse;}
table.history td {width: 200px; border-style: none; padding-left: 2em; padding-bottom: .10em; padding-top; .25em; text-align: left;}

/* Councillors page */
table.reps  {border: none; border-collapse: collapse;}
table.reps td {width: 200px; border-style: none; padding-left: 2em; padding-bottom: .10em; padding-top; .25em; text-align: left;}

/* homepage panel */

.homepanel {border-style: groove; border-width: 2px; border-color: #008080; margin: 5px; padding: 5px;}
.homepanel h2 {text-align: center;}