/* structure ******************/
/*no auto paddings or margins */
* {margin:0;padding:0;border:0;} 

body {
	font-size: small;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;/* for ie */
	background:url(images/browser_bg.png) repeat-x;
	color:#333;
}

* html body{
	font-size:x-small; /*equalize font-size in IE<7 */
}

.clearer{
	clear:both;
	height:1px;
	margin-top:-1px;
	overflow:hidden;
	font-size:0;
}

#page-container{
	width:851px;
	margin: 0 auto;
	padding:0;
	border:0;
	text-align:center;
	/*font-size:105%;*/
	position:relative;
	background:url(images/page-behind_bg.gif) repeat-y;
	clear:both;
}
#page-foot{
	height:3px;
	width:851px;
	margin: 0 auto;
	margin-bottom:15px;
	background:url(images/page-foot.gif) no-repeat;
}

#header, #mainnav-container, #page{
	width:845px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	/*box-sizing: content-box;  CSS3 confirms boxmodel for Opera etc */
}
#header{
	height:132px;
	background:url(images/header_bg.png) bottom center no-repeat;
	overflow:visible;
}
#page{
	background:url(images/page_bg.png) repeat-x #fff;
	padding:15px 15px 5px;
	width:815px;
	/*border-top: 1px solid #000;
	margin-top:-7px; opera*/
}
* html #page{width:845px;}/*ie 6 again */

#datestrip{
	background:url(images/header-top_bg.png) repeat-x;
	height:22px;
	overflow:visible;
	color:#fff;
	font-size:85%;
	text-align:right;
	padding:2px 4px 0;
}
#datestrip img{padding-right:4px;}
#datestrip a{color:#FFCC00;text-decoration:none;/*line-height:1.6em;*/}
#datestrip a:hover{color:#FFF;}

#datetime{float:left;width:30%;text-align:left;/*padding-top:2px;*/}

#logo{position:absolute;left:5px;top:47px;}

#header h1{
	color:#024C05;
	text-align:right;
	margin:0;
	padding:78px 8px 0 0;
	font-weight:normal;
	font-size:140%;
}

/* homepage ******************/
#home #flash{width:590px;float:left;height:295px;}/* was 205 */
#home .right, #home #quicklinks{width:200px;float:right;}
#home .homecontent{background:url(images/home-right_bg.gif) right repeat-y;}
#home .homecontent .main{padding-left:15px;width:390px;float:left;}
#home .homecontent .right{width:190px;padding:5px 5px 15px; background:url(images/home-rhcontent_bg.gif) bottom repeat-x;}
#home .left{width:185px;float:left;}

#home #quicklinks{padding-bottom:15px;}
#home #quicklinks h2 {padding-bottom: .3em;}

/* and for ie6 */
* html #home .homecontent .right{width:200px;}
* html #home{height:1px;} /* peekaboo */

.quicklink{
	border:1px solid #D1880E;
	padding:5px 5px;
	background:url(images/ql-home_bg.png) repeat-x #FCDB00;
	padding-left:55px;
	margin-bottom:10px;
	position:relative;
	min-height: 47px;
}
.quicklink img{position:absolute;left:4px;top:6px;}
.quicklink h3{color:#fff;font-size:110%;font-weight:bold;padding:0 0 2px;}
.quicklink p{font-size:85%;padding:0;}

.quicklink a:link,.quicklink a:visited{color:#024C05;}
.quicklink a:hover, .quicklink a:visited:hover{text-decoration:none;color:#2D8F2D;}

#internal #quicklinks{padding-bottom:5px;}
#internal .quicklink{
	padding:9px 0 9px 34px;
	background:url(images/ql-int_bg.png) repeat-x #FCDB00;
	margin-bottom:5px;
	position:relative;
	/*font-size:90%;*/
	min-height:17px;
}
#internal .quicklink img{left:2px;top:2px;}

/* for ie6 */
* html .quicklink img{margin-left:-55px;}
* html #internal .quicklink img{margin-left:-40px;}

#footer{font-size:80%;color:#666;padding-top:5px;border-top:1px solid #CCC;margin-top:12px;clear:both;text-align:right;}
#footer a{color:#000}
#footer .left{width:50%;float:left;text-align:left;}

/* internal pages **************/
#internal {
	background:url(images/internal-left_bg.gif) repeat-y;/* lh fill */
	height:1%;/* for ie7 */
}
#internal .left{
	width:185px;
	float:left;
	padding-bottom:10px;
	margin-bottom:-1px;
	background:url(images/page_bg.png) left -15px repeat-x #fff;
}
#internal .main{padding-left:20px;float:left;width:610px}
#internal .right{width:196px;float:right;padding-left:10px;}

.side{background:url(images/int-side_bg.gif) repeat-y;padding:10px 13px 4px;}
.side_top{height:3px;background:url(images/int-side_top.gif) no-repeat;margin-top:-3px;}
.side_foot{height:3px;background:url(images/int-side_foot.gif) no-repeat;margin-bottom:10px;}
.side h1{
	border:1px solid #024C05; 
	padding:3px 4px 10px;
	background:url(images/int-side-head_bg.png) repeat-x #2D8F2D;
	margin:-10px -10px 10px;
	color:#fff;
	font-size:135%;
}
.side h2{font-size:115%;font-weight:bold;}

/* #internal ie6 hacks */
* html #internal .right{width:206px;}
* html #internal .main{width:630px}
* html .side_top{margin:0;font-size:0;overflow:hidden;}
* html .side_foot{font-size:0;overflow:hidden;}
* html .side h1{position:relative;}
* html .side {height:1px;} /* peekaboo */

/* nav *************************/
ul#mainnav-container{
	list-style-type:none;
	height:51px;/* 51*/
	background:url(images/mainnav-ul_back.gif) repeat-x;
	overflow:hidden;
	padding:0;
}
#mainnav-container li {float:left;margin:19px 0 -6px 0;/* -6px for Opera */ padding:0;}

#mainnav-container li a:link, #mainnav-container li a:visited{
/*margin-top:25px;*/
margin-top:6px;
height:22px;
border-left:1px solid #D2D2D2;
color:#2D8F2D;
text-decoration:none;
display:block;
/*float:left;*/
padding: 5px 25px 5px 5px;
background:url(images/mainnav_bg.png) right top no-repeat;
}

#mainnav-container li a:hover, #mainnav-container li a:visited:hover, #mainnav-container li.mainnav-down a{
/*margin-top:19px;*/
margin-top:0px;
height:22px;
color:#024C05;
border-left:1px solid #DADADA;
background:url(images/mainnav_bg.png) right -68px no-repeat;
}
#mainnav-container li.mainnav-down a{font-weight:bold;}

ul#subnav{
	list-style-type:none;
	border-bottom:1px solid #AAA;
	margin: 0 0 15px;
}
#subnav li{margin:0;padding:0;font-weight:bold;}

#subnav li a{
	display:block;
	margin:0;
	padding:4px 4px 4px 15px;
	border-top:1px solid #d2d2d2;
	color:#666;
	background:url(images/subnav_arrow.gif) left 8px no-repeat;
}
#subnav li.subnav2 a, #subnav li.subnav2-down a {
	display:block;
	margin:0;
	padding:2px 4px 4px 30px;
	border-top:none;
	color:#666;
	background:url(images/subnav_arrow.gif) 15px 6px no-repeat;
}
#subnav li a:hover, #subnav li.subnav-down a:link, #subnav li.subnav-down a:visited, #subnav li.subnav2-down a:link, #subnav li.subnav2-down a:visited{
	text-decoration:none;
	color:#024C05;
}
#subnav li.subnav-down a:hover, #subnav li.subnav-down a:visited:hover,#subnav li.subnav2-down a:hover, #subnav li.subnav2-down a:visited:hover{
text-decoration:none;
	color:#000;
}
a.button{
	display:block;
	padding-left:15px;
	background:url(images/subnav_arrow.gif) left 4px no-repeat;
}
a.button-l, .cs-single-backlink a{
	display:block;
	padding-left:15px;
	background:url(images/subnav_arrow-l.gif) left 4px no-repeat;
}
a.button-r, .cs-list-footer a{
	display:block;
	padding-right:15px;
	text-align:right;
	background:url(images/subnav_arrow.gif) right 4px no-repeat;
}
a.button-l:hover, a.button-l:visited:hover,a.button-r:hover, a.button-r:visited:hover,.cs-list-footer a:hover, .cs-list-footer a:visited:hover, .cs-single-backlink a:hover, .cs-single-backlink a:visited:hover{text-decoration:none;color:#333;}

/* nav ie6 hacks */
* html ul#mainnav-container{margin:0;}
* html #mainnav-container li a{
height:21px;
width: 1px;
white-space:nowrap;
overflow:visible;
}
* html #mainnav-container li a:hover, * html #mainnav-container li.mainnav-down a{
position:relative;
height:32px;
}

/* case studies (news) ****************/

.cs-list-item-top{
	background:url(images/cs-list-item_top.gif) bottom no-repeat;
	height:3px;
	margin-top:15px;
	font-size:0; /* for ie<7 */
}
.cs-list-item{
	padding:5px 13px 0;
	background:url(images/cs-list-item_bg.gif) repeat-y;
}
/* ie6 peekaboo */
* html .cs-list-item{
	height:1px;
}

.cs-list-item h3{
	margin:-5px -10px 10px;
	border-bottom:1px solid #BCBCBC;
	padding:10px 10px 5px;
	background:url(images/cs-head_bg.png) repeat-x #E8E8E8;
	color:#fff;
	font-size:135%;
}
.cs-list-item h3 a:hover{text-decoration:none;}
.cs-list-image{display:block;float:left;margin:0 10px 10px 0;}

.cs-list-footer{
	padding:4px 10px;
	margin:0 -10px;
	background:#D8D8D8;/*#BCBCBC;#AAA*/
	font-size:90%;
	text-align:right;
}

.cs-list-date{display:block;float:left;font-weight:normal;font-size:90%}
.cs-list-item-foot{
	background:url(images/cs-list-item_foot.gif) no-repeat;
	height:3px;
	font-size:0; /* for ie<7 */
}
.cs-single-item .date{font-size:90%;padding-bottom:5px;color:#666;border-bottom:1px solid #999;margin-bottom:1em;}
.cs-single-image{float:right;width:200px;background:#fff;}
.cs-single-content{padding-right:220px;background:url(images/cs-single-rh_bg.gif) right repeat-y;}
.cs-single-backlink{
	padding:4px 6px;
	background:#D8D8D8;/*#AAA*/
	font-size:90%;
	margin-top:10px;
}
.news-single-imgcaption{font-size:85%;}

.tx-ttnews-browsebox td{padding:0 .2em;}

/* log-in box ******************/
.tx-newloginbox-pi1 td.labels {width:45px;}
.tx-newloginbox-pi1 label{font-size:90%}
.tx-newloginbox-pi1 #user,.tx-newloginbox-pi1 #pass,.tx-newloginbox-pi1 #email{width:120px;padding:2px; font-size:90%;border:1px solid #AAA; background-color:#E8E8E8;margin-bottom:2px;}
.tx-newloginbox-pi1 #submit{padding:2px 5px; font-size:90%;border:1px solid #AAA; background-color:#D8D8D8;}

dd.csc-textpic-caption{padding:.5em 0;font-size:85%}
/* uploads table ****************/
.csc-uploads-fileSize{padding-left:15px;}

/*mail form *********************/
#mailform input, #mailform textarea{ margin:3px 0; padding: 2px 5px;border:1px solid #AAA; background-color:#E8E8E8;font-family:Arial, Helvetica, sans-serif;font-size:small;width:300px;}
#mailform .csc-mailform-field>label, .csc-mailform-label{margin:0;width:200px;display:block;padding:5px 0 0;float:left;}
.csc-mailform-field{clear:left;}
#mailformEnquiry-Type{float:left;}
#mailform .csc-mailform-radio, #mailform .csc-mailform-check, input#mailformformtype_mail{width:auto;margin:7px 5px 0 0;}
#mailform span.csc-mailform-label{font-weight:bold;}
#mailform #mailformEnquiry-Type legend, #mailform #mailformHappy-to-receive-mailings legend{display:none;}
#mailformformtype_mail{cursor:pointer;}


/*srfeuser *********************/
        .tx-srfeuserregister-pi1{width:600px;}
		.tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; padding: 0 .3em 0 0; text-indent: 0; }
		.tx-srfeuserregister-pi1 h4 { font-size:100%;padding:.2em 0 .8em 0;color:#333; font-style:normal}
		.tx-srfeuserregister-pi1 legend { padding:.5em 0; font-weight: bold; white-space:normal;}
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
		.tx-srfeuserregister-pi1 label { margin: 0; padding: 0; }
		.tx-srfeuserregister-pi1 label span { color: #2D8F2D; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #2D8F2D; }
		.tx-srfeuserregister-pi1 input, .tx-srfeuserregister-pi1 textarea { margin:0; padding: 2px 5px;border:1px solid #AAA; background-color:#E8E8E8;font-family:Arial, Helvetica, sans-serif;font-size:small;width:300px;}
		* html .tx-srfeuserregister-pi1 input, * html .tx-srfeuserregister-pi1 textarea {font-size:x-small;}
		input.tx-srfeuserregister-pi1-submit, input[type=submit]{padding:2px 5px; font-size:90%;border:1px solid #AAA; background-color:#D8D8D8;width:auto;}
		.tx-srfeuserregister-pi1 input[type=password] { margin-right: .5em; width:auto; }
		* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: .5em; }
		.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; width:auto;}
		* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; width:auto;}		
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
		.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
		.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
		.tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .5em 0; float: left; }
		.tx-srfeuserregister-pi1 dt { clear: both; width: 25%; text-align: left; padding-right: .5em; }
		.tx-srfeuserregister-pi1 dd { text-align: left; width: 50%; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
		* html .tx-srfeuserregister-pi1 dd { float: none; }
		.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
		.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }
		/* unused ** */
		/*.tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
		.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; }
		*/

/* basic text etc **************/
img{
	border:none;
}
a:focus, a:active {
	border: none;
	outline: none;
}
a:link, a:visited {
	text-decoration:none;
	color: #2D8F2D;
}
a:hover, a:visited:hover {
	text-decoration:underline;
	color: #024C05;
}

h1, h2, h3 {
	font-weight:normal;
	color:#024C05;
	padding-bottom:.2em;
}
h1{
	font-size:180%;
}
.left h1{font-size:140%;}
h2, #home .left h2{
	font-size:140%;
}
.left h2{font-size:120%;}
h3{
	font-size:130%;
	color:#666;
}

h4{font-size:110%;font-style:italic;color:#666;font-weight:normal;padding-bottom:.2em;}
h5{font-size:100%;font-weight:bold;color:#666;}
h6{font-size:100%;font-weight:normal; font-style:italic;color:#666;}

p{padding:.2em 0 .8em;}
.left p{padding:.3em 0 .3em;}

ul{
	margin: .5em 1em .5em 2em;
}
ol{
	list-style-type: decimal;
	margin: .5em 1em .5em 2em;
}

li{
	margin:0 0 0.5em 0;
	padding:0;
}