/**
 * Layout.css
 */

/**
 * Global
 */
html, body {
	height: 100%; /* Sticky footer */
}

body {
	margin: 0;
	padding: 0;
	background: url('../img/body-background.gif') repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
}

a:link,
a:visited {
	text-decoration: none;
	color: #036443;
}

a:hover,
a:active {
	text-decoration: none;
	color: #c60;
}

a img {
	border: 0;
}

form dt { 
	float: left;
	width: 125px;
	padding-top: 10px;
	min-height: 1px; /* Required to give layout to empty elements */
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

form dd {
	margin-left: 110px;
	padding-top: 10px;
}

img.border-right {
	border-right: 5px solid #ffeb17;
}

input.small { width: 100px; }
input.medium { width: 200px; }
input.large { width: 300px; }
input.extra-large { width: 400px; }

div#container {
	margin: 0 auto -60px; /* The bottom margin is the negative value of the footer's height */
	width: 920px;
	min-height: 100%; /* Sticky footer */
	height: auto !important; /* Sticky footer */
	height: 100%; /* Sticky footer */
	overflow: hidden;
}



/**
 * Language
 */
div#lang-select {
	margin-top: 6px;
	float: right;
}



/**
 * Masthead
 */
div#masthead {
	margin-top: 30px;
	background: url('../img/masthead-background.jpg') no-repeat;
}

div#masthead h1 {
	margin: 0;
	padding: 0;
}

div#masthead h1 a {
	display: block;
	height: 80px;
	width: 261px;
	background: url('../img/logo.jpg') no-repeat;
	text-indent: -9999px;
}



/**
 * Navigation
 */
ul#navigation {
	margin: 0;
	padding: 0;
	height: 35px;
	list-style-type: none;
	background: url('../img/navigation-background.gif') repeat-x top left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: white;
}

ul#navigation li {
	float: left;
}

ul#navigation li a {
	display: block;
	padding: 0 15px;
	background: url('../img/navigation-btn-background.jpg') no-repeat top right;
	line-height: 35px;
	text-decoration: none;
	font-weight: bold;
	color: white;
}

ul#navigation li a:hover,
ul#navigation li.selected a {
	color: #ffeb17;
}

ul#navigation li ul.subnav {
	/*display: none;*/
	position: absolute;
	margin: 0;
	padding: 0;
	left: -9999px;
	list-style-type: none;
	background-color: #cee1da;
	z-index: 10;
}

ul#navigation li:hover ul.subnav,
ul#navigation li.sfhover ul.subnav {
	/*display: block;*/
	left: auto;
}

ul#navigation li ul.subnav li {
	float: none;
	border-bottom: 1px solid white; /* Prevents the IE6 white-space bug by not setting it to 'li a' */
}

ul#navigation li ul.subnav li a {
	display: block;
	padding: 8px 15px;
	background: #cee1da;
	line-height: 15px; /* Safari fix */
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #036443;
}

ul#navigation li ul.subnav li a:hover,
ul#navigation li ul.subnav li.selected a {
	background-color: #fffcdc;
	color: #c60;
}



/**
 * Main
 */
div#main {
	margin-bottom: 30px;
	overflow: hidden;
}

div#main p#breadcrumbs {
	margin-bottom: 35px;
	padding: 10px;
	border-bottom: 1px solid #cee1da;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #81b1a1;
}

div#main p#breadcrumbs a {
	text-decoration: none;
	color: #81b1a1;
}

div#main p#breadcrumbs a:hover {
	color: #036443;
}

div#main ul#page-menu {
	margin: 0;
	padding: 0;
	float: left;
	width: 235px;
	list-style-type: none;
}

div#main ul#page-menu.down {
	margin-top: 35px;
}

div#main ul#page-menu li {
	border-bottom: 1px solid white; /* Prevents the IE6 white-space bug by not setting it to 'li a' */
}

div#main ul#page-menu li a {
	display: block;
	padding: 8px 10px;
	background-color: #cee1da;
	border-right: 5px solid #036443;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #036443;
}

div#main ul#page-menu li a:hover,
div#main ul#page-menu li.selected a {
	background-color: #fffcdc;
	border-right: 5px solid #ffeb17;
	color: #c60;
}

div#main div#address-bar {
	padding-left: 10px;
	float: left;
}

div#main div#address-bar address {
	margin-top: 35px;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #666;
}

div#main div#address-bar address span.large {
	margin-top: 35px;
	font: bold 12px Arial, Helvetica, sans-serif;
}



/**
 * Content/visual
 */
div#content {
	padding: 0 10px;
	float: left;
	width: 280px;
}

div#content h2,
div#content-right h2,
div#content-middle h2 {
	margin: 0;
	padding: 0;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #c60;
}

div#content p,
div#content-side p,
div#content-right p,
div#content-middle p {
	margin: 10px 0 0 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #666;
}

div#visual {
	float: right;
}



/**
 * Content-right
 */
div#content-right {
	padding: 0 10px;
	float: right;
	width: 645px;
}

div#content-right div.newsitem {
	margin-top: 30px;
	height: 1%; /* Fixes IE bug */
	overflow: hidden;
}

div#content-right div.newsitem img {
	float: left;
	width: 150px;
}

div#content-right div.newsitem div.newstext {
	padding-left: 10px;
	float: right;
	width: 475px;
}

div#content-right div.newsitem p.newsdate {
	margin: 0 0 5px 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #81b1a1;
}

div#content-right div.newsitem h3 {
	margin: 0 0 5px 0;
	padding: 0;
}

div#content-right div.newsitem h3 a {
	text-decoration: none;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #036443;
}

div#content-right div.newsitem h3 a:hover {
	color: #c60;
}

div#content-right div.newsitem p {
	margin: 0;
	line-height: 20px;
}

div#content-right div.newsitem a.readmore {
	display: block;
	margin-top: 5px;
	width: 100%;
	background: url('../img/readmore-arrow.gif') no-repeat 75px 5px;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #c60;
}



/**
 * Content-middle
 */
div#content-middle {
	padding: 0 30px;
	float: left;
	width: 385px;
}



/**
 * Content-side
 */
div#content-side {
	padding-left: 10px;
	float: right;
	width: 215px;
	border-left: 2px solid #036443;
}

div#content-side.no-border {
	border: 0;
}

div#content-side img {
	margin-bottom: 5px;
}

div#content-side h3 {
	margin: 35px 0 0 0;
	padding: 0;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #036443;
}



/**
 * News
 */
div#news {
	margin-bottom: 30px;
	overflow: hidden;
}

div#news h3 {
	margin: 0 0 20px 0;
	padding: 6px 10px;
	background-color: #fffcdc;
	border-top: 1px solid #ffeb17;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #036443;
	clear: both; /* Fixes IE6 flow bug */
}

div#news div.newsitem {
	margin-right: 30px;
	float: left;
	width: 275px;
}

div#news div.newsitem img {
	margin-top: 4px;
	margin-right: 10px;
	float: left;
	width: 90px;
}

div#news div.newsitem div.newstext {
	float: right;
	width: 170px;
}

div#news div.newsitem h4 {
	margin: 0 0 5px 0;
	padding: 0;
}

div#news div.newsitem h4 a {
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #036443;
}

div#news div.newsitem h4 a:hover {
	color: #c60;
}

div#news div.newsitem p {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

div#news div.newsitem p.newsdate {
	margin-bottom: 5px;
	padding-left: 105px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #81b1a1;
}

/**
 * News Archive
 */

table#archive {
	font-size: 11px;
	width: 645px;
	margin-top: 10px;
	margin-bottom: 10px;
}

table#archive td {
	border-bottom: 1px solid #cee1da;
}

table#archive td.date {
	color: #CC6600;
	width: 140px;
}

table#archive td.title {
	width: 440px;
}

table#archive td.readmore {
	width: 65px;
}

table#archive td.title a {
	color: #036443;
	font-size: 11px;
}

table#archive td.title a:hover {
	color: #CC6600;
}

/**
 * Pusher
 */
div#pusher {
	height: 60px; /* Sticky footer */
}



/**
 * Footer
 */
div#footer {
	width: 100%;
	height: 60px;
	background-color: #036443;
	overflow: hidden;
}

div#footer-content {
	margin: 0 auto;
	padding: 10px 0;
	width: 920px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #6faa75;
}

div#footer-content a {
	text-decoration: none;
	color: #6faa75;
}

div#footer-content a:hover {
	color: #fffcdc;
}

div#footer-content address {
	margin-right: 35px;
	float: left;
	font-style: normal;
}

div#footer-content p {
	margin: 0;
	padding: 0;
	float: right;
}