@charset "utf-8";
/* CSS Document */


/* Reset browser defaults */
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html, body {
	min-height: 100%;
}

body {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;	/* Adjust this to scale the page, about 80-120% should be reasonable */
	margin: 0 50px 0 4px;
}

div#page {
    margin: 22px;
	width: 100%; 
}



/* Default link style */
a:link {
	color: #2A5D8C;
}

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

a:hover, a:active {
	text-decoration: underline;
}


/*** Header ***/

div#header {
	margin-left: 0;
	width: 100%;
	display: block;
	border-bottom: 2px solid #7bc143;
}


/* Clear floats */
div#header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


div#header div.top-elements {
    float: left;
    width: 100%;
}


/** Logo **/

div#header img.thl-logo {
	float: left;
	height: 43px;
    margin: 0 0 22px 0;
    width: 257px;
}


/** Hide elements **/

div#header div.top-controls, div#header div.language-selection, div#header div.text-scaling, div#header div.top-search, div#header div.top-search div.search-text, div#header div.top-navigation, div#main a.print, div#footer div.pageinfo, div#main div.left-navigation {
	display:none;
}


/*** Main ***/

/** Page structure **/

div#main {
    clear: both;
	width: 100%;
	margin-left: 0;
}

div#main div.content {
    margin: 0;
    padding: 0 1px;
    width: 100%;
}

/* Clear floats */
div#main div.content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/** Elastic faux columns **/

/* Front page left column border */
div#main.frontpage div.content {
	background-image: url('../images/green-pixel.png');
    background-position: 19.938em 0;
    background-repeat: repeat-y;
}

/* Third level page left column border */
div#main.level-3 div.content {
	background-image: none;
}

/* Front page middle column border,
   Second level page content right border */
div#main.frontpage div.background-1,
div#main.level-2 div.background-1 {
    float: none;
}

/* Third level right column border */
div#main.level-3 div.background-1 {
    float: none;
}

/* Front page right column background, 
   Second level page right column background */
div#main.frontpage div.background-2,
div#main.level-2 div.background-2 {
    float: none;
}

/* Third level page column borders */
div#main.level-3 div.background-2 {
    float: none;
}


/** Containers **/

/* Container for narrow one column layout */
div#main div.container-1-narrow {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Container for wide one column layout */
div#main div.container-1-wide {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Container for two column layout */
div#main div.container-2-column {
	float: none;
    margin: 0;
	width: 40em;
}

/* Green bar on the right */
div#main div.navigation-right-narrow {
    margin: 0;
    padding: 0;
    width: 100%;
	float: none;
}

div#main div.navigation-right-wide {
    margin: 0;
    padding: 0;
    width: 100%;
	float: none;
}

div#main div.navigation-right-wide div.linklist, div#main div.navigation-right-narrow div.linklist {
	margin-top: 8px;
	background-color: #ECF7E4;
	padding: 8px 0;
}

/* Page meta data */

div#main div.pagemeta {
	color: #807f83;
    float: none;
	font-size: 12px;
    margin: 0 0 20px 0;
    width: 100%;
}

div#main div.pagemeta div.shorturl {
	float: left;
	text-align: left;
}

div#main div.pagemeta div.updated {
	/*float: right;*/
    text-align: right;
}

/** Content elements **/

div#main div.column {
	border-top: 0.625em solid #fefefe;
	float: left;
	padding: 0.313em 1.25em 0 1.25em;
	width: 17.469em;
}

/* Bread crumb path */
div#main div.breadcrumb {
	font-size: 0.75em;
    margin: 8px 0 16px 0;
}

/* Item */
div#main div.item {
	margin-bottom: 0.625em;
}

div#main div.item h3 {
	clear: both;
	font-size: 0.875em;
	font-weight: normal;
    margin: 0 0 0.063em 10px;
}

div#main div.item img {
	float: left;
    padding: 0.313em 0.625em 0.625em 0;
}

div#main div.item img + p {
	padding-top: 0.625em;
}

div#main div.item p {
	font-size: 0.75em;
    line-height: 1.25em;
    margin: 0 0 0.375em 10px;
}

/* Link with an arrow */
div#main a.arrow-right {
	display:none;
}

div#main a.arrow-right:last-child {
	margin-bottom: 0;
}

div#main a.arrow-align-left {
	float: left !important;
    text-align: left !important;
}

div#main a.arrow-align-left + a.arrow-right {
	clear: none;
}

div#main a.arrow-left {
	background-color: transparent;
	background-image: url('../images/fuchsia-arrow.png');
    background-position: center left;
    background-repeat: no-repeat;
    clear: both;
	display: block;
    float: none;
	font-size: 0.875em;
    margin: 0 0 1.25em 0;
    padding-left: 1.25em;
    text-align: left;
}

div#main a.arrow-left + a.arrow-left {
	margin-top: -1em;
}



/** Common text style **/

/* Content page headings */
div#main h1 {
	color: #323133; /*#807f83;*/
    font-size: 1.5em;
    font-weight: normal;
    margin: 0.313em 0;
}

div#main h2 {
	color: #323133; /*#807f83;*/
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0 16px 0;
}

div#main h2:first-child {
	margin-top: 0 !important;
}

/** Plain text **/

div#main p {
	font-size: 0.875em;
    line-height: 1.4em;
    margin: 0 0 1.25em 0;
}

/** Image in a text paragraph */
div#main p img {
	float: left;
    margin: 0.313em 0.625em 0.313em 0;
}

/** Tables **/
div#main td {
	font-size: 0.875em;
}

div#main td p {
	font-size: 1.0em;	/* Fix nested inheritance */
    margin: 0 0 0.625em 0;
}

div#main td small {
	font-size: 0.857em;	/* Fix nested inheritance */
}

/* Events calendar */
div#main table.events td:first-child {
    white-space: nowrap;
    width: 7.75em;
}

/** Front page custom components **/

/* Front page first level heading */
div#main.frontpage h1 {
	font-size: 1.125em;
    font-weight: normal;
}

/* Front page second level heading */
div#main.frontpage h2 {
	background-image: url('../images/green-box.png');
    background-position: center left;
    background-repeat: no-repeat;
	border-bottom: 1px solid #807f83;
    clear: both;
	color: #807f83;
	font-size: 1em;
    font-weight: normal;
    margin: 0 0 0.75em 0;
    padding-bottom: 3px;
    padding-left: 1.375em;	
}

/* Front page banner */
div#main div.frontpage-banner {
	background-color: #7bc143;
	border: 1px solid #7bc143;
    color: #ffffff;
    float: left;
    height: 12.375em;
    margin: 0 0.625em;
	overflow: hidden;
    padding-right: 1.25em;
	width: 37.5em;
}

div#main div.frontpage-banner h1 {
	color: #ffffff;
	margin: 1.25em 0 0.375em 0;
}

div#main div.frontpage-banner img {
	float: left;
    height: 12.375em;
    margin-right: 1.25em;
	width: 19.25em;
}

div#main div.frontpage-banner a {
	color: #ffffff;
	display: block;
    float: right;
	font-size: 0.875em;
    margin-top: 0.75em;
}

div#main div.frontpage-banner p {
	font-size: 0.875em;
    line-height: 1.4em;
    margin: 0;
}

/** Right bar custom components **/

/* Right bar second level heading */
div#main div.navigation-right-narrow h2,
div#main div.navigation-right-wide h2 {
	border-bottom: 1px solid #52802d;
    clear: both;
	color: #314C1B; /*#52802d;*/
	font-size: 1em;
    font-weight: normal;
    margin: 20px 1px 7px 1px;
	text-indent: 11px;
    padding-bottom: 3px;
}

/* Right bar second level heading on the front page */
div#main.frontpage div.navigation-right-wide h2 {
	background-image: url('../images/green-box.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 1.375em;
}

/* Right bar tag cloud */
div#main div.tagcloud {
	font-size: 0.875em;
    line-height: 1.4em;
    margin-bottom: 0.625em;
}

div#main div.tagcloud a {
	font-weight: bold;
}


/*** Footer ***/

div#footer {
	margin-top:19px;
	border-top: 2px solid #7bc143;
    clear: both;
   	color: #807F83;
	width: 100%;
    font-size: 0.75em;
    position: relative;
}

div#footer a {
	color: #807F83;
}

div#footer div.copyright {
    float: left;
    height: 36px;
    line-height: 31px;			/* set line-height equal to container height minus bottom padding to vertically center text */
    padding-bottom: 5px;
    padding-left: 0px;
    position: relative;
}

div#footer div.contact {
	float: right;
    height: 36px;
    line-height: 31px;			/* set line-height equal to container height minus bottom padding to vertically center text */
	position: relative;
    width: 570px;
	text-align: right;
}