/* Actual website settings */
body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* Headers */
h1, h2, h3, h4, h5 {line-height:1.2em; text-align:left; font-weight:normal; position:relative; zoom:1;}
h1, h2 {font-family: Georgia, "Times New Roman", serif; letter-spacing: -1px;}
h1 {font-style:italic;}

/* H1 */
h1 {margin:2.7em 0 0 0.9em; padding: 0 0 0.9em; float:left; font-family: Georgia, "Times New Roman", serif; }
h1 span {font-size:3.6em; line-height:1.25em; padding:0; color: #999;}

/* H2 */
h2 {margin:3.375em 0 1.125em; clear:both;}
h2 span {font-size:2.8em; line-height:1.286em; color:#82CD1C;}
h2 span a {color:#82CD1C;/*#5F92BF;*/}
h2 span a span {padding:0 0 0.1em 1em; border-bottom:1px solid #ccc;}
h2 span a:hover,
h2 span a:hover span {color:#2AA2D6;}
h2 span a:hover span {border-color:#c1ff6c;}

/* H3 */
h3 {margin:2.7em 0 0.9em; clear:both;}
h3 span {font-size:2.1em; line-height:1.286em; color:#999; font-weight:bold;}
h3 span a span {padding:0 0 0.1em 1em; border-bottom:1px solid #ccc; margin-bottom:0;}
h3 span a:hover,
h3 span a:hover span {color:#2AA2D6;}
h3 span a:hover span {border-color:#c1ff6c;}

/* H4 */
h4 { margin:2.7em 0 0.9em; clear:both;}
h4 span {font-size:1.4em; line-height:1.929em; color: #000; font-weight: bold;}
h4 span a span {border-bottom:1px solid #ccc;}
h4 span a:hover,
h4 span a:hover span {color:#2AA2D6;}
h4 span a:hover span {border-color:#c1ff6c;}

/* H5 */
h5 {margin:1.167em 0 0.333em;clear:both;}
h5 span {font-size:1.2em; font-weight:bold; line-height:1.5em; color:#333;}
h5 span a {border-bottom:1px solid #ccc;}
h5 span a:hover,
h5 span a:hover span {color:#333;}
h5 span a:hover span {border-color:#c1ff6c;}

/* GENERIC STYLES */
body {background: #fff url(../img/bg_page.jpg) top center repeat-y;}
p {text-align:left; font-size:1.4em; line-height:1.929em; color:#555;margin-bottom:1.286em; /*font-family:Georgia, Times New Roman, serif;*/}
p.lead {font-size:1.6em; color:#000; line-height:1.8em; font-style: italic;}
p.tagline {font-size:3.0em;color:#666;font-style:normal; font-weight:normal; margin-bottom:0.6em;line-height:1.2em;}
p.smallprint {font-size: 1em; color:#999;}
a {text-decoration:none;}
strong {font-weight:bold;}
em {font-style:italic;}
blockquote {padding: 0 2em;}
pre {text-align: left;}
pre.code {padding:10px; background: #F4F4EF; border: 1px solid #e8e8e8; font-family: "Courier New", Courier, monospace; font-size: 1.4em; color: #333; line-height:1.5em;}

p a,
.module .content li a {color:#0A82B6; text-decoration:underline;}
p a:hover,
.module .content li a:hover {background: #2AA2D6; color:#fff; text-decoration:none;}
.module .content ul,
.module .content ol {text-align:left;list-style-position:outside;padding:0.9em 0 0.9em 4em; margin:0 0 1.8em;}
.module .content li {font-size:1.4em; line-height:1.929em; margin:0 0 0.643em; color:#333;}

.page-section {position:relative; width:100%;}

.page-subheader {margin: 0 auto 5px; float:right; /*background:#f8f8f8; */padding:0 2px; border:1px solid #e0e0e0; border-radius:5px; clear: none;}
.page-subheader .title {font-weight:normal; color:#a0a0a0; font-size: 2.1em; line-height:1.714em; font-style: normal; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: -2px; padding:0 2px;}
.page-subheader .title strong {font-weight: normal; background:#92DD2C; color:#fff; padding:0 5px; border:1px solid #92DD2C; border-radius:5px;}

.pg-canvas {margin:0 auto; position:relative; zoom:1; padding: 0 20px;}
.hidden {display:none;}
.canvas {margin:0 auto;position:relative;}

/* PAGE SECTION:
 * HEADER
 */
.pg-header {padding:0; text-align:left; }
.pg-header .pg-canvas {background: #fff;}

	/* TITLE */
.pg-header .logo {position:relative; margin:5px 0; height:28px;}
.pg-header .logo a {position:relative; display:block; width:188px;}
.pg-header .logo img {display:block;}

.pg-header .social {float:right; padding-top:10px;}
.pg-header .social .google {float:left;}
.pg-header .social .twitter {float: left; margin-right: 7px;}
.pg-header .social .facebook {float:left;}
.pg-header .social .facebook #fb-root	{display:none;}
.pg-header .social .facebook .icon {float:left; margin-right: 4px; clear:none;}
.pg-header .social .facebook .widget {float:left;}

	/* NAVIGATION TABS */
.pg-header .navigation {position:relative; background:#666 url(../img/bg_nav_main.png) 0 0 no-repeat; border:1px solid #333; border-radius: 5px;}
.pg-header .navigation ul {position:relative; margin:0; padding:0; float:left; list-style-type:none;}
.pg-header .navigation li {display:block; float:left; padding:0; margin:0 5px 0 0; position:relative; font-size:1em; background:none; border:none;}
.pg-header .navigation li a {display:block; float:left; margin:0px; text-decoration:none; border-bottom:0 none; border-left:1px solid #606060; border-right:1px solid #606060; background:none; position:relative;}
.pg-header .navigation li a span {font-size:1.4em; line-height:1.926em; color:#e8e8e8; display:block; padding:0px 12px 0px; float:left; cursor: pointer;}
.pg-header .navigation li a:hover {background:#333; /*border-left-color: #202020; border-right-color: #505050;*/}
.pg-header .navigation li a:hover span {color:#fff;}
	/* current */
.pg-header .navigation li.cur {margin-bottom:0px; background:#333 url(../img/bg_nav_main.png) -1px -35px no-repeat;}
.pg-header .navigation li.cur a {border-left-color:#202020; border-right-color: #505050;}
.pg-header .navigation li.cur a span {color:#fff; border-color:#404040;}
.pg-header .navigation li.cur a:hover {background:#333;}
.pg-header .navigation li.cur a:hover span {color:#fff;}
	/* active (in path) */
.pg-header .navigation li.act {margin-bottom:0px; background:#333;}
.pg-header .navigation li.act a {/*border-left-color:#202020; border-right-color: #404040;*/}
.pg-header .navigation li.act a span {color:#fff; border-color:#404040;}
.pg-header .navigation li.act a:hover {background:#333;}
.pg-header .navigation li.act a:hover span {color:#fff;}

	/* SECTION NAVIGATION (2nd level) */
.pg-header .section-navigation {position:relative; background: #fff; margin:0; padding:0;}
.pg-header .section-navigation ul {position:relative; float:left; list-style-type:none; margin:0; padding:0; background:none;}
.pg-header .section-navigation li {position:relative; float:left; display:block; font-size:1em; padding:10px 10px 0;}
.pg-header .section-navigation li a {display:block; position:relative; padding:0 2px; margin-bottom:3px;}
.pg-header .section-navigation li a span {font-size:1.2em; line-height:1.4em; color:#999; font-weight:bold;}
.pg-header .section-navigation li a:hover {}
.pg-header .section-navigation li a:hover span {color: #333;}
.pg-header .section-navigation li.cur a {/*border-bottom:1px solid #ff8000; margin-bottom:0;*/}
.pg-header .section-navigation li.cur a span {color:#333;}
.pg-header .section-navigation li.cur a:hover {}
.pg-header .section-navigation li.cur a:hover span {color:#333;}

/* PAGE SECTION:
 * CONTENTS
 */
.pg-contents {padding:0;}
.pg-contents .pg-canvas {padding-bottom:20px; background: #fff;}

/* PAGE SECTION:
 * FOOTER
 */
.pg-footer {}
.pg-footer .pg-canvas {background: #fff url(../img/bg_footer.gif) top left repeat-x; border-top:1px solid #ccc; padding:20px;}

.pg-footer p.copy,
.pg-footer p.valid,
.pg-footer p.facebook {margin-bottom: 10px; text-align: right;}
.pg-footer p.copy {color:#999;}
.pg-footer p.valid {padding-top:5px; }
.pg-footer p.valid a {border:0 none;}
.pg-footer p a:hover {background:none;}

/* MODULE:
 * FOUNDATION
 */
.module {position:relative; margin-bottom:1.8em;}

.module .header {position:relative; display:block;}
.module .header h2 {margin:0; padding:0.9em 0 0.9em 1em;}
.module .header h2 .title {color:#82CD1C;}

.module .header ul.tab-list {display:block; background: #163889; margin: 0; padding:8px 10px 0; white-space:nowrap; display:inline-block; overflow:hidden; position:relative;}
.module .header ul.tab-list {display:block;}
.module .header ul.tab-list li {display: block; position:relative; float:left;margin-right:3px;}
.module .header ul.tab-list li a {display:block; margin:0; position:relative; padding:0; border:1px solid transparent; border-bottom:none; text-decoration:none; border-radius:5px 5px 0 0;}
.module .header ul.tab-list li a span {display:block; margin:0; position:relative; background:transparent; color:#fff; font-size:1.4em; font-weight:bold; padding:5px 5px 8px;}
.module .header ul.tab-list li a:hover {border:1px solid #608EC7; border-bottom: none; text-decoration: none; background-color:#608EC7;}
.module .header ul.tab-list li a:hover span {padding:}
.module .header ul.tab-list li a.act {border:1px solid #fff; border-bottom:none; background-color: #fff;}
.module .header ul.tab-list li a.act span {color:#2762a6;}
.module .header ul.tab-list li a.act:hover {border-color:#fff; background-color: #fff;}
.module .header ul.tab-list li a.act:hover span {color:#2762a6;}

.module .subheader {margin:-0.9em 0 0.9em;}
.module .subheader h3 {margin:1.4em 0 0.4em;}

.module .content .copy {padding: 0 1em; position: relative;}
.module .content .copy p.subtitle {font-size:1.5em; line-height:1.2em; color:#a0a0a0; margin-bottom:0.6em;}
.module .content .copy p.more {text-align: right;}

.module .content .media {margin: 0 0 1.8em;}
.module .content .media a {position:relative; display:block; width:100%; background:#e8e8e8;}
.module .content .media img {position:relative; display:block; padding:0; margin:0;}
.module .content .media img {border: 5px solid #e8e8e8;}
.module .content .media a img {border:none; padding:5px;}
.module .content .media a:hover {background:#70C9F5;}
.module .content .media p.caption {color:#808080;margin:0;}

.module .content .image {margin: 0 0 1.8em;}
.module .content .image a {position:relative; display:block; width:100%; background:#e8e8e8;}
.module .content .image img {position:relative; display:block; padding:0; margin:0;}
.module .content .image img {border: 5px solid #e8e8e8;}
.module .content .image a img {border:none; padding:5px;}
.module .content .image a:hover {background:#70C9F5;}
.module .content .image p.caption {color:#808080;margin:0;}

	/* Module: Strong */
.m-strong {position:relative;margin:0 0 1.7em;}
.m-strong .header {background:#3e638e url(../img/bg_module_header.png) left top repeat-x;padding-left:10px;position:relative;}
.m-strong .header h3 {display:inline-block;}
.m-strong .header h3 {display:block;padding:0; margin:0; background:#3e638e url(../img/bg_module_header.png) right top repeat-x; padding-right:10px; font-size:1em; position:relative; line-height:1em}
.m-strong .header h3 .title {color:#fff; font-size:1.6em; line-height:2.25em; position:relative; bottom:auto; top:auto; left:auto;right:auto; font-style: normal; font-weight: bold;}
.m-strong .header ul.tab-list {background:#3e638e url(../img/bg_module_header.png) right top repeat-x;} 
.m-strong .content {padding:9px 9px 0; background:#fff; border:1px solid #ccc; border-top:0 none; position:relative; zoom:1;}
.m-strong .content .row {margin: 0 -10px 0 -30px;}
.m-strong .content .row .col .content {border:0 none; padding:0 9px; margin:0 1px;}

	/* Module: hightlight */
.m-highlight {background: #fff url(../img/bg_mod-highlights.gif) left -20px repeat-x; border: 1px solid #e0e0e0; border-radius: 5px;}
.m-highlight .header h2 {padding-bottom:0;}	

	/* Module: popup */
.m-popup {}
.m-popup .header {padding:0 10px;position:relative; background:#999; border:1px solid #ccc;}
.m-popup .header h3 {position:relative; font-size:1em; line-height:1em; margin:0; padding:0;}
.m-popup .header h3 .title {font-size:1.6em; line-height:2.125em; position:relative; bottom:auto; top:auto; left:auto; right:auto; color:#fff;}
.m-popup .content {padding:9px 9px 0; background:#FFF8E0; border:0.125em solid #ccc; border-top:0 none; position:relative;}
.m-popup .content .row {margin: 0 -10px 0 -20px;}
.m-popup .content .row .col .content {border:0 none; padding:0 9px; margin:0 1px;}

	/* Module: gallery */
.m-gallery .content .copy {padding:0;}
.m-gallery .content .copy h4 {padding-left:0; text-align: center;}


	/* Module: simple */
.m-simple .content .image {margin-bottom: 0;}

	/* Module: breadcrumb not in use at the mo */
.m-breadcrumb {margin:0;}
.m-breadcrumb .content ul {position: absolute; top:5px; left: 0; list-style-type: none; margin:0; padding: 0;}
.m-breadcrumb .content ul li {float:left; font-size: 1.2em; margin: 0 10px 0 0;}
.m-breadcrumb .content ul li a {color: #ccc; text-decoration: none;}
.m-breadcrumb .content ul li a:hover {color: #ccc; text-decoration: underline; background: none;}
.m-breadcrumb .content ul li a:hover span {color: #ccc;}

/* Grid presets */
.grid-preset {border:1px solid #c2c2c2; border-radius:5px; background: #c6c6c6 url(../img/bg_btn-preset.gif) left top repeat-x;}
.grid-preset table.preset {border-collapse: collapse; width: 100%; height:77px; cursor: pointer;}
.grid-preset table.preset td {text-align: center; border:0 solid; border-color: #c2c2c2; padding: 3px 0; font-size: 1.2em; color:#666;}
.grid-preset table.preset td.colNumber {font-weight: bold; font-size:1.2em; border-bottom-width: 1px;}
.grid-preset table.preset td.gridWidth {font-weight: bold; font-size:1.8em; border-bottom-width: 1px;}
.grid-preset table.preset td.colWidth {border-right-width: 1px;}
.grid-preset.pset-hover {background: #82cc1c url(../img/bg_btn-preset-hover.gif) left top repeat-x; border-color: #7FC81B;}
.grid-preset.pset-hover table.preset td {color: #111; border-color: #7fc81b;}
.grid-preset.pset-act {background: #82CD1C url(../img/bg_btn-preset-act.gif) left top repeat-x;}
.grid-preset.pset-act table.preset td {color:#fff; border-color:#649d15;}


/* FORM ELEMENTS:
 * FOUNDATION
 */
form {position:relative; zoom:1;}

	/* FIELDSET: foundation */
fieldset {display:block;position:relative;padding:0 0 0 160px;}

	/* FIELD: foundation */
div.field:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
div.field {display:inline-block;}
div.field {display:block;position:relative; float:none; clear:both; overflow:visible;margin-bottom:1.8em;}
div.field p {margin-bottom:0;}
div.field p.value {font-size:1.6em; line-height:1.375em;}
div.field label {display:block; position:relative; float:left; width:140px; padding-right:5px; text-align:right; line-height:1.5em; font-size:1.2em; font-weight:bold; margin:0 6px 0 -160px; color:#000;}
div.field input {display:block; float:left;position:relative;padding:1px; font-size:1.2em; line-height:1.167em; width:6em; height:1.167em; color:#000; background:#fff; border:1px solid #A8ABAD; margin-right:5px;font-family:Arial, Helvetica, sans-serif;}
div.field select {display:block; float:left;position:relative;border-color:#A8ABAD; color:#000; margin:0 5px 2px 0;padding:0; width:225px;}

	/* SECTION: foundation */
div.section {background:#f0f0ff; width:100%;margin:2.7em 0 0.9em;}
div.section h3 {background:#fff;border-bottom:1px solid #ccc;margin-top:0; color:#999;}
div.section .content {padding:0 10px; background:none;}
div.section .content p {line-height:1.833em; margin-bottom:1.833em;}

	/* BUTTON: foundation */
.action {position:relative; padding:0;margin:0 0 1.8em 0; float:right;}
.action .button-list:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.action .button-list {display:inline-block; position:relative;}
.action .button-list {display:block;}

.action .button {position:relative; float:left; margin:0 5px 0 0;}
.action .decor {position:relative; float:left; margin: 0; border:1px solid #78BD19; border-radius: 5px; background:#79be1a url(../img/bg_btn-default.gif) left top repeat-x; padding:0;}
.action .btn-hover .decor {background:#77ca12 url(../img/bg_btn-default-hover.gif) left top repeat-x;}
.action .button button,
.action .button input {width:auto; height:auto; margin:0; padding:5px; overflow:visible; border:none; background:none; color:#333; font-size: 1.6em; line-height:1.05em; font-weight:bold; font-family:Arial, Helvetica, Geneva; position:relative; cursor:pointer;}
.action .button a {position:relative; block; float:left; width:auto; margin:0; overflow:visible; border:none; background:none; color:#333; font-weight:bold; height:auto; font-size: 1em; position:relative; padding:5px;}
.action .button a span {position:relative; float:left; display:block; padding:3px 0 3px; margin:0; color:#fff; font-size:1.6em; line-height:1em; font-family:Arial, Helvetica, Geneva; font-weight:bold; text-align:center; cursor:pointer;}


/* FIELDSET: button list */
fieldset.button-list {padding:0;}

/* SECTION: current */
div.section.current {background:#FFF8E0;}
div.section.current h2 {border-color:#F0E0C8;}


/* TYPO3 Styles */
.tx-semasourcecode-pi1 {margin:0 0 1.8em; overflow: auto; background: #f8f8f8; border: 1px solid #ccc;}
.tx-semasourcecode-pi1 div {font-size: 1em;}
.tx-semasourcecode-pi1 ol,
.tx-semasourcecode-pi1 ul {text-align:left;list-style-position:outside;padding:0.9em 0 0.9em 4em; margin-bottom:0; background:none;}
.tx-semasourcecode-pi1 li {font-size:1.2em; line-height:1.5em; margin:0; color:#333;}

.csc-textpic-caption-c .csc-textpic-caption {font-size:1.2em;}

/* colour palette
 * 
 * light green:			#82CD1C
 * light green greyed:	#acda6e
 * blue:				#5F92BF
 * light blue:			#70C9F5
 * light orange greyed	#ffb180
 */


