/* Modified CLEAN MM 07 12 16 */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
RESET
*/
html, body, h1, h2, h3, h4, h5, ul, form {margin: 0;padding: 0;}
body {font:13px "Myriad","Trebuchet MS","Tahoma",arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% "Myriad","Trebuchet MS","Tahoma",arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}
img {border:none;}
form {clear:both;display:block;}
table {border-collapse: collapse;}
td {vertical-align: top;}
.s {font-size:smaller;}
.b {font-weight:bold;}
.blink {text-decoration:blink;}
.l {text-align:left;}
.c {text-align:center;}
.r {text-align:right;}
.block {display:block;}
/* block level only consider js version see: http://archivist.incutio.com/viewlist/css-discuss/2726 */

/* Modified CLEAN MM 07 12 16 */

#body, .body {
	position:relative; 
	width:48.10em; /* width of body */
	width:52.10em; /* width of body */
	margin:0px auto; 
	font-size:1.1em; /* general base size of fonts / rel */
	background: none;
	}

/* MAIN POSITIONING */
#bTop {}
#bLeft {width:40.6%;left:66.9%;float:left;} /*menu*/
#bLeft .padding {padding-left:18%;padding-top:2.5em;position:relative;}
#bRight {width:59.1%;float:left;} /*page content */
#bFooter {clear:both;}
div.clear {clear:both;height:0;}	
	
/* MINOR POSITIONING */
#strapService {font-size:0.8em;text-align:center;padding-left:5em;padding-right:5em;padding-top:1.5em;color:#6A7389;color:#FA8511; width:30em;float:left;}
#logo {text-align:right;padding-right:5em;width:10em;width:15em;float:left;}

#intro {position:relative;}	
#startNow {position:absolute;right:0px;top:6em;}	

/* HEADER BANNER */
#header {background:#FA8511;color:#ffffff;font-weight:bold;font-size:0.9em;padding:0.1em;}
#footer {background:#FA8511;color:#ffffff;font-weight:bold;font-size:0.9em;padding:0.1em;}

#starBurst {position:absolute;top:21em;left:4em;}

#matthew {float:left; width:12em;}
#intoInstructions {float:left;width:21.5em;font-size:0.8em;}
#intoInstructions {text-align:center;}
#intoInstructions span {display:block;}
#intoInstructions span.b {color:#FA8511;font-size:1.1em;}
#intoInstructions span.txt {}

/* LEFT MENU */
div.leftMenu ul { margin:0px;margin-bottom:1em;display:block;}
div.leftMenu ul li {
	list-style:none;
	border-top:1px solid #ffcc99;
	font-weight:bold;
	font-size:1.1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-left:1em;
	color:#6A7389;
	}
div.leftMenu ul li a {color:#ACB5C1;}
div.leftMenu ul li a:hover {color:#6A7389;}

ul.cleanList {margin-left:1em;}
ul.cleanList li {color:#6A7389;padding-right:0.2em;}
ul.cleanList li a {color:#6A7389;}
ul.cleanList li a:hover {color:#333; text-decoration:underline;}

.pageContent {padding-left:1.4em;padding-top:0em;clear:both;}
.pageContent p {clear:both;display:block;position:relative;} /*  */
.pageContent p img {margin-left:0.7em;}
.pageContent a img {border:1px solid #fff; margin:0px; padding:0px; margin-left:0.7em;}
.pageContent a img:hover {border:1px solid #ccc;}
.blockLink .l a:hover {cursor:hand;}
.pageContent ul {margin-left:1em;clear:both;display:block;position:relative;} /*  */

/* DEFAULT STYLES */
h1, h2, h3, h4, h5 {margin:0px;padding:0px;}
h1 {font-size: 1.3em; color:#FA8511; color:#6A7389; margin-bottom:0.5em;}
h2 {font-size: 1.1em; color:#6A7389; margin-top:-0.5em;margin-bottom:0.5em;}
h3 {font-size: 1em; color:#6A7389; margin-top:-0.5em;margin-bottom:0.5em; font-weight:bold;}
h4 {font-size: 1em; color:#000000; margin-top:-0.5em;margin-bottom:0em; font-weight:bold;}
hr {
	border:none;
	border-top:1px solid #ffcc99;
	color:#ffffff;
	margin:0.1em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	}
/* GENERAL */
a:link, a.clean {color:#00A045;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover, a:hover.clean {text-decoration:underline;}
.pageContent a {text-decoration:underline;}

p {margin-top:0em;margin-bottom:1em;text-align:justify;text-align:left;}
ul {margin:0px;margin-left:3px;padding:0px;color:#00A045;}
ul ul {margin:0px;margin-left:2em;padding:0px;}
ol {border:1px solid #ffcc99; background:#eee;padding:1em;padding-left:3em;}
li {padding-top:0.2em;padding-bottom:0.2em;text-align:left;}
.light {color:#ACB5C1;}	
ol li {padding-top:0.2em;padding-bottom:0.2em;}
blockquote {margin:1em;border-left:2px solid #00A045; padding-left:1em; margin-left:1em; border-right:2px solid #00A045; padding-right:1em; margin-right:1em;}
div.blockLink {color:#00A045;font-weight:bold;height:1.3em;}
div.blockLink div.l {float:left; width:50%;}
div.blockLink div.r {float:left; width:50%; text-align:right;}
	
/* SPECIAL TYPO3 CSS to override LIST style 4 subpages with abstract (subtitle)  */	
dl.csc-menu-4 dt {margin:0px;}
dl.csc-menu-4 dd {margin:0px;margin-bottom:0.5em;}
	
/* BELOW HERE IS THE OLD STUFF EVENTUALLY TO DELETE */	
	

/* Logo advert header */
#h1 {height:6.20em}
	#h1 #logo {top:0.60em; width:18.75em; height:4.40em;}/* 210px x 49px */
	#h1 #adverts {}


/* SIZES */
.w14 {width:1.10em}
.w722 {width:45.13em}
.w735 {width:45.94em;}
.w737 {width:46.06em}
.w790 {width:49.38em}
.h14 {height:1.10em}
.h84 {height:5.25em}
.h106 {height:6.63em}

/* COLORS */
.orange1 {color:#FF900A}
.orange2 {color:#FFC40A}
.yellow1 {color:#FFFF33}
.silver {color:#E3E3E3}
.white {color:#fff;}
.green1 {color:#99CC33;}
.green {color:green;}
.red {color:red;}




/* REGISTER PAGE */
ul.twocol {clear:both;margin:0em;padding-left:2em;margin-bottom:1em;}
ul.twocol li {width:20em;float:left;padding:0em;padding-right:2em;}