/* 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;}

.noPrint {}

#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-left: 20px;}
.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 0 5px 0;}
* html .mainNav {padding: 15px 0 5px 0;}
*+html .mainNav {padding: 6px 0 5px 0;}
.quickLinks {float: left; width: 100%; margin-bottom: 10px;}
.atoz {float: left; width: 100%; color: #C16D11; font-weight: bold; border-bottom: 1px solid #C16D11; border-top: 1px solid #C16D11; padding: 7px 0; text-align: right;}
* 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 #C16D11; margin: 0 0 10px 0;}
.content .homeTop .image {float: left; width: auto; margin: 0 10px 0 0; padding: 0;}
* html .content .homeTop .image {padding-bottom: 10px;}
.content .homeTop .text {padding-right: 70px; margin-bottom: 20px}
.content .homeTop img {padding: 0; margin: 0;}

.content .home2column {float: left; width: 100%; background: #FAEEC9 url(../images/white_bar.gif) repeat-y 50% 0; margin-bottom: 15px; padding-bottom: 7px; line-height: 1.2em;}
.content .home2column .left {float: left; width: 45.5%; padding: 1% 1% 1% 3%; overflow: hidden;}
* html .content .home2column .left {float: left; width: 45.5%; padding: 1% 1% 1% 2%;}
.content .home2column .right {float: right; width: 47.5%; padding: 1%;}

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

.contentBox {float: right; clear: right; width: 25%; margin: 0 0 10px 10px; padding: 10px; font-size: 0.9em; border: 1px dotted #C16D11; background-color: #F7E6B3;}
* html .contentBox {z-index: 100; position: relative;}
* html .contentBox .related {margin-right: -3px;}
.contentBox .related {line-height: 1.7em;}
.contentBox .related .heading {padding: 0 2px; color: #333333; text-transform: uppercase; font-size: 0.9em; border-bottom: 1px dotted #C16D11; line-height: 1.2em; background-color: #F7E6B3;}
.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;}

.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;}

.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%;}

#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 .secondNav {float: left; width: 100%; margin: 20px 0;}

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

.leftNavContent .vacancies {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: 20px 0 0 0; padding: 0 0 10px 0; font-size: 0.9em; background-color: #FFFFFF;}


.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;}

.listingBlock {float: left; width:68%; margin: 5px 0px;}
.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%; margin-top: 15px;}

.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;}