/* THREE RIVERS LAYOUT */
body {margin: 10px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; color: #000000; text-align: left;}
* html body {word-wrap: break-word;}

#container {width: 98%; min-width: 780px;}

#header {float: left; width: 100%; margin-bottom: 10px;}
.topnav {float: left; font-size: 0.9em; margin-top: 8px;}
.search {float: left; font-weight: bold; color: #333333; font-size: 0.9em; margin: 6px 0 0 20px;}
*+html .search {margin: 2px 0 0 20px;}
*+html .search input {font-size: 1em;}
.logo {float: right; width: 200px; text-align: right;}
.mainNav {float: left; width: 100%; clear: both; margin: 20px 0 0 0; font-size: 0.9em;  font-weight: bold; padding: 5px /*45px*/0 5px 0;}
* html .mainNav {padding: 6px 0 5px 0;}
*+html .mainNav {padding: 6px 0 5px 0;}
.quickLinks {float: left; width: 100%; margin-bottom: 10px;}
.atoz {float: left; width: 100%; color: #008747; font-weight: bold; border-bottom: 1px solid #3F6967; border-top: 1px solid #70AB92; padding: 7px 0;}
* html .atoz {margin-right: -3px;}

#breadcrumb {float: left; width: 100%; padding: 0 0 10px 0;}

#wrapper {float: left; width: 100%; background: url(../images/dot_line.gif) repeat-y 24% 0;}

#center {float: right; width: 75%;}
.content {float: left; width: 98%; padding: 0 1%; line-height: 1.7em;}
* html .content {padding: 0.9%;}

.content .homeTop {float: left; width: 100%; padding: 0; border-bottom: 1px solid #70AB92; margin: 0 0 10px 0;}
.content .homeTop .image {float: left; width: auto; margin: 0 10px 0 0; padding: 0;}
* html .content .homeTop .image {margin-bottom: -15px;}
.content .homeTop .text {padding-right: 70px;}
.content .homeTop img {padding: 0; margin: 0;}

.content .home2column {float: left; width: 100%; background: #F1F8F4 url(../images/white_bar.gif) repeat-y 40% 0; margin-bottom: 15px; padding-bottom: 7px;}
.content .home2column .left {float: left; width: 37.5%; padding: 1%; overflow: hidden;}
.content .home2column .right {float: right; width: 57.5%; padding: 1%;  line-height: 1.3em;}

.content .home1column {float: left; width: 100%; margin-bottom: 20px; line-height: 1.4em;}
.content .home1column .heading {border-bottom: 1px solid #70AB92;}
.content .home1column .item {float: left; width: 100%; margin: 3px 0;}
.content .home1column .title {font-weight: bold; display: block; margin: 0;}
.content .home1column .date {float: left; width: 100%; font-size: 0.9em; color: #666666; margin-bottom: 2px;}
.content .home1column .introduction {}
.content .home1column .image {float: left; width: auto; margin-right: 10px;}
* html .content .home1column {margin-right: -3px;}

.editor {}

.contentBox {float: right; clear: right; width: 25%; margin: 0 0 10px 10px; padding: 10px; font-size: 0.9em; border: 1px dotted #83AA97; background-color: #F1F8F4; overflow: hidden;}
* html .contentBox {z-index: 100; position: relative;}
* html .contentBox .related {margin-right: -3px; z-index: 100; position: relative;}
.contentBox .related {line-height: 1.7em;}
.contentBox .related .heading {padding: 0 2px; background-color: #F1F8F4; color: #396251; text-transform: uppercase; font-size: 0.9em; border-bottom: 1px dotted #396251; line-height: 1.2em;}
.contentBox .related .title {margin: 0 0 5px 0;}
.contentBox .related .date {margin: -5px 0 0 0; line-height: 1.2em; color: #666666;}
.contentBox .related .introduction {margin: 0 0 7px 0; line-height: 1.2em;}

.contentBox2 {float: left; width: 25%; margin: 0 0 10px 10px; padding: 10px; font-size: 0.9em; border: 1px dotted #83AA97; background-color: #F1F8F4;}

.inPageNavigation {float: left; width: 68%; margin: 15px 0; font-size: 0.9em; padding: 5px 0; border-top: 1px dotted #CCCCCC;border-bottom: 1px dotted #CCCCCC;}

.content .left {float: left; width: 68%; padding: 0 0 1% 0; margin: 0 0 10px 0;}
.content .columnLeft {float: left; width: 49%; padding: 1% 1% 1% 0;}
.content .columnRight {float: right; width: 49%; padding: 1% 1% 1% 0;}
* html .content .columnLeft {width: 48%;}
* html .content .columnRight {width: 48%;}
*+html .content .columnLeft {width: 48%;}
*+html .content .columnRight {width: 48%;}

.twoColumnWrapper {float: left; width: 70%; margin-bottom: 10px;}
.twoColumnWrapper .twoColumn {float: left; width: 100%; border-bottom: 1px dotted #999999; margin-bottom: 2px; padding: 3px 0;}
.twoColumnWrapper .twoColumn .left {float: left; width: 45%; padding: 0 4% 0 0; margin: 0;}
.twoColumnWrapper .heading {margin-top: 20px;}

#left {float: left; width: 24%;}
* html #left {width: 22%;}
.leftNavContent {padding: 0 20px 0 0;}

.leftNavContent .firstNav {float: left; width: 100%; margin: 0 0 10px 0;}
* html .leftNavContent .firstNav {margin-bottom: 0;}

.leftNavContent .serviceNav {float: left; width: 100%; margin: 0;}

.leftNavContent .secondNav {float: left; width: 100%; margin: 10px 0;}

.leftNavContent .faqs {float: left; width: 100%; margin: 0 0 10px 0; padding-bottom: 10px; font-size: 0.9em; line-height: 1.4em;}

.leftNavContent .noticeboard {float: left; width: 100%; margin: 0 0 10px 0; padding-bottom: 10px; font-size: 0.9em; line-height: 1.4em; background-color: #FAF2DC;}

.leftNavContent .images {float: left; width: 100%; margin: 0 0 20px 0;}

#footer {float: left; width: 100%; margin: 10px 0; font-size: 0.9em;}

.skipJump {float: left; height: 0px; position: absolute; top: -100px; font-size: 0em; color: #FFFFFF;}
.printBookmarkEmail {float: left; width: 100%; margin-bottom: 10px;}

.related {float: left; width: 100%; margin: 20px 0; font-size: 0.9em;}

.contentBox .related {margin: 10px 0; font-size: 1em;}
.contentBox .printBookmarkEmail {margin-bottom:0;}

.articleEventsNews {float: none; display: block; width:68%; margin: 0 0 10px 0; padding-bottom: 5px; border-bottom: 1px dotted #CCCCCC; clear: left;}
* html .articleEventsNews {width: 88%;}
*+html .articleEventsNews {margin-top: 10px;}

.paginate {float: left; width: 100%;}

/* pagination */
.pageTop .left, .pageBase .left {float: left; width: auto; padding-left: 10px; font-size: 1em; line-height: 1.3em;}
.pageTop .right, .pageBase .right {float: left; width: 353px; font-size: 1em; line-height: 1.3em;}
* html .pageTop .right, * html .pageTop .right .base, .pageBase .right .base {width: 350px;}
.pageTop .right .base, .pageBase .right .base {float: left; width: 353px; margin-top: 3px; padding-left: 2px;}
.pageTop .right ul {margin: 0; padding: 0; list-style: none;}
.pageBase .right ul {margin: 0; padding: 0; list-style: none;}
.pageTop .right li, .pageBase .right li {display: inline; font-weight: bold;}
.pageTop .right a, .pageBase .right a {text-decoration: none !important; margin: 0 2px;}
.pageTop .right a:hover, .pageBase .right a:hover {text-decoration: underline!important;}
.pageTop .right .current, .pageBase .right .current {text-decoration: underline!important;}
.pageTop .right .form, .pageBase .right .form {float: left; width: 100%;}
.pageTop .right .formCell, .pageBase .right .formCell {float: left; width: 100%;}
.pageTop .right .textCell, .pageBase .right .textCell {float: left; width: auto;}
.pageTop .right .inputCell, .pageBase .right .inputCell {float: left; width: auto; padding-left: 10px;}
.pageTop .right .inputCell select, .pageBase .right .inputCell select {font-size: 0.9em;}
.pageTop input, .pageBase input {margin: 0 !important; padding: 0 !important; background-color: #FFFFFF; border: none; font-size: 0.9em; font-weight: bold; color: #4D4D4D; cursor: pointer;} 
.pageTop input:hover, .pageBase input:hover {text-decoration: underline !important; color: #000000;}
.pageTop input .current, .pageBase input .current {color: #000000;} 

.pageTop .right .base .form, .pageBase .right .base .form {float: left; width: 349px; margin-top: 3px; padding: 0; border: none;}
.pageTop .right .base .form .formCell, .pageBase .right .base .form .formCell {float: left; width: 300px; margin: 0; padding: 0;}
.pageTop .right .base .form .textCell, .pageBase .right .base .form .textCell {float: left; width: 155px;}
.pageTop .right .base .form .inputCell, .pageBase .right .base .form .inputCell {float: left; width: 120px; margin: 0; padding: 0;}
.pageTop .right .base .form label, .pageBase .right .base .form label {font-weight: normal;}

.box {display: block; width: 68%; padding: 1%; margin-right: 2%; margin: 20px 0; overflow: hidden;}
*+html .box {width: 67%;}
.bgYellow {background-color: #FFFFCC;}
.bgGreen{background-color: #EEF9D9;}
.bgBlue {background-color: #DDE8F0;}
.bgPurple {background-color: #DEDBE6;}
.bgRed {background-color: #F7DFDD;}
.box img {margin: 5px;}
.box h2 {margin: 0 0 10px 0;}
.box p {margin: 0 0 10px 0;}
.box .clear {clear: both;}

* html table {font-size: 1em;}
* html h2 {display: block; clear: left; margin-bottom: 20px!important;}

.election {border-top: 1px dotted #666666; padding: 10px 0px; margin-bottom: 10px; }
.election .candidate {width: 40%; padding: 3px; float: left;}
.election .badge {width: 40px; padding: 3px; float: left;}
.election .party {width: 30%; padding: 3px; float: left;}
.election .votes {padding: 3px; font-style: italic; float: left;}