html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:10px 0 20px}
div#container{width: 800px;margin: 0 auto;text-align: left}
div#header{width: 800px; float: left; position: relative; }
div#content{float: left; position:relative; width: 780px; padding: 5px;}
div#contenterr{float: left; position:relative; width: 780px; padding: 5px;}
div#contentout{float: left; position:relative; width: 790px; padding-left: 5px; padding-right: 5px; padding-bottom: 20px;}
div#rightbar{width: 150px; float: left; position: relative; margin-left: 10px;}
div#bottom{width: 800px; float: left; position: relative; clear: both; }
div#admincontent{float: left; position:relative; width: 800px; background: #FFFFFF;}
div#text{float: left; position: relative; width: 100%; min-height: 300px;}
td.rbhead{font-size: 10pt; font-weight: bold; text-align: left; padding-left: 5px;}
div#morehousing{float: right; position: relative; width: 278px; height: 226px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #000000;}
div#housingtype{float: left; position: relative; width: 600px; height: 327px; margin: 5px; border: 1px solid #000000;}
div#employment{float: right; position: relative; width: 288px; height: 263px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #000000;}
div.councillors{width: 150px; height: 90px; float: left; position: relative; margin-right: 20px; margin-bottom: 20px; border: 1px solid #000000; padding: 5px;}
div#banners{height: 41px; float: left; position: relative; clear:both; width: 782px; color: #FFFFFF; background: #000000; padding: 9px}
div.rbimage{width: 150px; height: 41px; float: left; position: relative;}
div#planhead{padding-top: 1px; padding-bottom: 1px; padding-left: 5px; font-size: 10pt; font-weight: bold; text-align: left; background: #006600; margin-top: 20px; width: 145px; position: relative; float: left;}
div#planbody{width: 146px; position: relative; float: left; background: #FFFFFF; padding: 2px;}
div#newswrap{ text-align: left; width: 150px; position: relative; float: left; border: 1px solid #006600;}
div#newshead{padding-top: 1px; padding-bottom: 1px; padding-left: 5px; font-size: 10pt; font-weight: bold; text-align: left; background: #006600; width: 145px; position: relative; float: left;}
div#newsbody{width: 146px; position: relative; float: left; background: #FFFFFF; padding: 2px; height: 60px;}
p#backtohead{
margin-top: 40px;
margin-left: 0px;
text-align: right;
clear: both;
}
div#getpdf{width: 150px; float: right; position: relative;}
body {background: #CDF8D7}
div#header{background: #000000; color: #FFFFFF;}
div#contentout{background: #000000; color: #FFFFFF;}
div#content{background: #FFFFFF; color: #000000;}
div#contenterr{background: #FFFFFF; color: #000000;}
div#tabmenu{background: #000000; color: #FFFFFF;}
div#tabmenu{width: 800px; float: left; position: relative; z-index: 100;}
ul#tabmenul,ul#tabmenul li{list-style-type:none;margin:0;padding:0;}
ul#tabmenul li{float: left; position: relative;}
ul#tabmenul{float:left; padding-left: 10px; padding-right: 10px;}
ul#tabmenul li{float:left;text-align: left; padding-left: 2px; padding-right: 2px;}
ul#tabmenul a{float:left;width: 117px; height: 20px; padding-top: 5px; background: #328045; text-decoration:none;color: #FFFFFF; text-align: center;}
ul#tabmenul a:hover{background: #8DD176 ;color: #000000}
ul#tabmenul li.activelink a{background: #FFF;color: #000; font-weight: bold;}
ul#tabmenul li.activelink a:hover{background: #8DD176;color: #000; font-weight: bold;}
.menu {
width: 780px;
background: #000000;
color: #FFFFFF;
position:relative;
z-index: 100;
padding-left: 10px; padding-right: 10px;
/*margin-left: -25px;*/
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0;
margin:0;
list-style-type: none;
float:left;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
padding-left: 2px; padding-right: 2px;
}
/* set up the default top level links */
.menu ul li a {
display:block;
text-decoration:none;
width:89px;
height:20px;
padding-top: 5px; background: #328045; text-decoration:none;color: #FFFFFF; text-align: center;
}
/* set up the default top level links */
.menu ul ul li a {
display:block;
text-decoration:none;
width:119px;
height:20px;
padding-top: 5px; background: #328045; text-decoration:none;color: #FFFFFF; text-align: left;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a{
width:89px;
w\idth:79px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none; margin-left: 2px;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}
/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */
/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
background: #8DD176 ;color: #000000; font-weight: bold;
}
.menu ul li.activelink a{background: #FFF;color: #000; font-weight: bold;}
.menu ul li.activelink a:hover{background: #8DD176;color: #000; font-weight: bold;}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block;
position:absolute;
margin-top:0;
left:0;
width:135px;
background:#8DD176;
padding-bottom: 10px;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
background:#8DD176;
color:#000;
border:0;
margin:0;
font-weight:normal;
font-size:0.9em;
height:auto;
width:133px;
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#8DD176;
color:#000000;
font-weight: bold;
}
.horizontal_linebreak {
position: relative;
clear: both; /* very important. This breaks the flow of floated elements */
height: 1px;
line-height: 1px;
font-size: 1px;
margin-bottom: -1px;
}
td.adminhead{padding: 3px; font-weight: bold; vertical-align: top;}
td.admincell{padding: 3px; font-weight: normal; vertical-align: top;}
a:link { color: #313399; text-decoration: none }
a:active { color: #313399; text-decoration: none }
a:visited { color: #313399; text-decoration: none }
a:hover { color: #cad1ec; text-decoration: none }
a.menu:link { color: #434387; text-decoration: none }
a.menu:active { color: #434387; text-decoration: none }
a.menu:visited { color: #434387; text-decoration: none }
a.menu:hover { color: #cad1ec; text-decoration: none }
a.white:link { color: #ffffff; text-decoration: none }
a.white:active { color: #ffffff; text-decoration: none }
a.white:visited { color: #ffffff; text-decoration: none }
a.white:hover { color: #cad1ec; text-decoration: none }
a.black:link { color: #000000; text-decoration: none }
a.black:active { color: #000000; text-decoration: none }
a.black:visited { color: #000000; text-decoration: none }
a.black:hover { color: #cad1ec; text-decoration: none }
a.red:link { color: #ff0000; text-decoration: none }
a.red:active { color: #ff0000; text-decoration: none }
a.red:visited { color: #ff0000; text-decoration: none }
a.red:hover { color: #ff9933; text-decoration: none }
a.webgreen:link { color: #006600; text-decoration: none }
a.webgreen:active { color: #006600; text-decoration: none }
a.webgreen:visited { color: #006600; text-decoration: none }
a.webgreen:hover { color: #cad1ec; text-decoration: none }
/*
input { font-family: Verdana; font-size: 8pt; color: #000080; background-color: #eaeaea; font-weight: bold; }
textarea { font-family: Verdana; font-size: 7pt; color: #000000; background-color: #eaeaea }
select { font-family: Verdana; font-size: 7pt; color: #000000; background-color: #eaeaea }
*/
table { font-family: Verdana; font-size: 8pt }
body { font-family: Verdana; font-size: 8pt }
.content { font-family: Verdana; font-size: 8pt }
.white { color: #ffffff }
.title { font-size: 12pt; font-family: Arial; font-weight: bold; color: #000066 }
.header { font-size: 10pt; font-weight: bold; color: #0099cc }
.header2 { font-size: 10pt; font-weight: bold; color: #434387 }