/* TABLE OF CONTENT
1 Headers
2 Text elements
3 Colours
4 Lists
5 Form elements
6 Positioning
*/

/* ------- 1 HEADERS ---------- */

h1{  
margin: 0;
padding:0 0 16px 0;
}

h2.nopad {
margin: 0;
padding:0 0 16px 0;
}

 h4  {
 margin: 0 0 4px 0;
 padding:0 9px 0 0;
 font-size:100%;

 }
 
  h3, h2  {
 margin: 0 0 10px 0;
 padding:0;
 font-size:120%;

 }
 
 h2.small {
 margin: 0 0 4px 0;
 padding:0;
 font-size:100%;
 }
 
 h3.small {
 margin: 0 0 4px 0;
 padding:0 9px 0 0;
 font-size:100%;
 }
 

/* ------- 2 TEXT ELEMENTS ---------- */

p { padding: 0;
	margin: 5px 0;
 	text-align:left;
	}


div.casestudies p {
	width:120px;
}

div.rightContent p { 
 	text-align:left;
	padding: 0 90px 16px 0;
	margin:0;
	line-height:125%;
	}
	
	div.rightContent p.smallpad { 
 	text-align:left;
	padding: 0 90px 8px 0;
	margin:0;
	line-height:125%;
	}

	div.rightContent p.small {
	font-size:80%;
}
	
div.rightContent p.highlights { 
 	text-align:left;
	padding: 8px 0 8px 0;
	margin:0 90px 0 0;
	line-height:125%;
	border-bottom:1px solid #D2D2D2;
	}
	
p.icon {
	margin: -18px 0 0 20px!important;
}

a:link, a:visited { 
	text-decoration: underline; 
	color: #000000;
	}

a:hover, a:focus, a:active { 
	text-decoration: none; 
	color: #59B337;
	cursor:pointer;
	}



img {
	padding:0;
	margin:0;
	border:none;
}

acronym {
	border-bottom: none;
	}

p.smalltext {
	font-size:70%;
}

p.chairman {
	width:115px;
}

.hide {
	display:none;
}

.show {
	display:block;
}

/* ------- 3 COLOURS  ---------- */
/* Add specific background and font colours for body content here */

a.more {
	color:#59b337;
	text-decoration:underline;
}

a.more:hover {
	text-decoration:none;
}

a.invisibleLink:link, a.invisibleLink:visited {
	color: #000000;
	text-decoration: none;
}



a.invisibleLink:link .featurelink, a.invisibleLink:visited .featurelink  {
	text-decoration: underline;
	font-size:100%;
	color:#59b337;
	font-weight:bold;
}



a.invisibleLink:hover, a.invisibleLink:active, a.invisibleLink:focus,  a.invisibleLink:hover .featurelink, a.invisibleLink:active .featurelink, a.invisibleLink:focus .featurelink {
	text-decoration: none;
}


.redtext { color:#ff0000;}

/* ------- 4 LISTS   ---------- */
/* Add definition, ordered and unordered list classes for body content here */

ul {
	padding:6px 90px 9px 11px;
	margin:0 0 0 11px;
	list-style-type:square;
}

ul li {

	padding:3px 0 3px 0;
	margin:0;
}

ol {

	padding:6px 90px 9px 11px;
	margin: 0px 0px 10px 20px;
}

ol li {

	padding:3px 0 3px 0;
	margin:0;
}


ul.home {
	display:block;
	padding:0;
	margin:42px 0 12px 0;
	list-style:none!important!;
}

ul.home li {
	display:block;
	padding:0 0 11px 13px;
	margin:0;
	background:url('../images/site_objects/green_arrow.gif') top left no-repeat;
}

ul.nostyle {
	display:block;
	padding:6px 0 0 0;
	margin:0px 19px 9px 0px;
	list-style:square!important;
	font-size:85%;
	clear:both;
}

ul.nostylemargin {
	display:block;
	padding:0;
	margin:0px 9px 9px 0px;
	list-style:square!important;
	font-size:85%;
	clear:both;
}

ul.nostyle li, ul.nostylemargin li {
	display:block;
	padding:1px 0 0 0;
	margin:0;
}

ul.nobullet {
	display:block;
	padding:0;
	margin:0px 9px 9px 0px;
	font-size:85%;
	list-style-type:none!important;
}


ul.seehow {
	margin:0;
	padding:9px 0 9px 0;
	list-style:none;
}

ul.seehow li {
	margin:0;
	padding:0 0 6px 0;
}



ul.cop, ul.square {
	list-style-type:square;

}

ul.cop li, ul.square li {
	padding:0 0 11px 10px;
	margin:0;
	list-style:square;
}



/* ------- 5 FORM ELEMENTS   ---------- */
/* Add all  form specific classes  here */

legend.hidden {
	display:none;
}

fieldset {
	border:none;
	padding:0;
	margin:0;
}

/* ------- 6 POSITIONING   ---------- */
/* Add positioning classes  here eg: boxed ads,  special layouts etc */

/* ------- Print basket   ---------- */
div.printbasketcontainer {
	width:100%;
	padding:26px 0 7px 0;
	margin:0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.printbasketcontainer div.printbasketright {
	width:272px;
	float:left;
	padding: 2px 0 0 0;
	margin:0 11px 0 0;
}

ul.print{
	margin:0 0 0 11px;
	padding:0;
	font-size:80%;
	list-style-type:none;
	float:right;
	display:inline;
}

ul.print li{
	display:inline;
	padding:0 10px 0 0;

}

ul.print li.print{
	font-size:100%; 
	font-weight:bolder;
}

ul.print li.add{
	display:inline;
	padding:3px 7px 5px 15px;
	background:url('../images/buttons/btn_addprint.gif') top left no-repeat;
}

ul.print li.view{
	display:inline;
	padding:2px 0 4px 18px;
	background:url('../images/buttons/btn_viewprint.gif') top left no-repeat ;
}

div.printbasketcontainer div.printbasketright a, div.printbasketcontainer div.printbasketright  a:visited {
	text-decoration: none;
	color:#666666;
	padding:0;
	line-height:180%;
}

div.printbasketcontainer div.printbasketright a:hover, div.printbasketcontainer div.printbasketright a:focus, div.printbasketcontainer div.printbasketright a:active {
	text-decoration: underline;
	color:#59b337;
}

div.printbasketcontainer div.printbasketleft {
	width:215px;
	float:left;
	padding: 0;
	margin:0;
}

div.printbasketcontainer div.printbasketleft h1 {
	color:#ffffff;
	padding: 7px 0 0 0;
	margin:0;
	font-size:75%;
	text-align:right;
	font-weight:bold;
	letter-spacing:0px;
}

legend{display: none;}
.addButton{float: left; width: 67px; height: 15px; margin-top:1px; _margin-top:0; /* _margin-top: only ie6 reads this */ }
.left {float: left;}

div.navigation {
	text-align:right;
	float:right;	
	margin:0 28px 0 0;
	padding:0 0 2px 0;
	width:130px;
}

div.navigation ul {
	float:right;
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}

div.navigation ul li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}
/*next / previous text */
div.nextprevtext {
	float:left;
	text-align:right!important;
	font-size:90%;
}


div.mainHeading {
	margin-top:10px;
	width:220px;
	float:left;
}

/* csr elements */

div.elementscontainer {
	width:517px;
	float:left;
	padding:0;
	margin:0;
}

div.elementscontainer p { 
 	text-align:left;
	padding: 0 12px 16px 0;
	margin:0;
	}
	
div.elementscontainer p.element { 
 	text-align:left;
	padding: 2px 0 4px 8px;
	margin:0;
	font-size:90%;
	}
	
div.elementscontainer p.elementlink { 
 	text-align:left;
	padding: 2px 0 4px 8px;
	margin:0;
	font-size:90%;
	}

div.elementscontainer div.columnleft {
	float:left;
	width:342px;
	padding:0;
	margin:0;
} 

div.elementscontainer div.columnwide {
	clear:left;
	width:500px;
}

div.elementscontainer div.columnleft div.highlights {
	float:left;
	width:342px;
	padding:10px 0 16px 0;
	margin:0;
}


div.elementscontainer div.columnleft div.highlights div.tophigh {
	float:left;
	width:342px;
	padding:0 0 4px 0;
	margin:0;

}

div.elementscontainer div.columnleft div.highlights div.lefthigh, div.elementscontainer div.columnleft div.highlights div.righthigh {
	float:left;
	width:170px;
	padding:0;
	margin:0;

}

div.elementscontainer div.columnleft div.highlights div.lefthigh img, div.elementscontainer div.columnleft div.highlights div.righthigh img {
	margin:0 0 5px 0;

}

div.elementscontainer div.columnright {
	float:right;
	width:175px;
	padding:0;
	margin:0;
}

div.elementscontainer div.columnright div.margintop {
	padding-top:4px;
	margin:0;
	clear:both;
	float:left;
	width:173px;
}

div.elementscontainer div.columnright div.topcontent {
	background:#FFD900;
	width:175px;
	float:left;
}

div.elementscontainer div.columnright div.topcontent div.bottom {
	width:175px;
	clear:both;
	float:left;
}

div.elementscontainer div.columnright div.topcontent div.bottom ul {
	float:left;
	padding:2px 0 0 3px;
	margin:0;
	list-style:none;
	display:inline;
}
div.elementscontainer div.columnright div.topcontent div.bottom ul li {
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}

div.elementscontainer div.columnright div.topcontent div.bottom div.left {
	width:115px;
	float:left;
}

div.elementscontainer div.columnright div.topcontent div.bottom div.right {
	width:55px;
	float:left;
}

div.elementscontainer div.columnright div.casestudies {
	float:left;
	width:175px;
	padding:22px 0 0 0;
	margin:0;
}

div.elementscontainer div.columnright div.casestudies img {
	margin: 2px 0 3px 0;
}

div.elementscontainer div.columnright div.casestudies p {
	text-align:left;
	padding: 0 9px 18px 0;
	margin:0;
	font-size:90%;
}

div.elementscontainer div.columnright div.casestudies p.lowpad { 
 	text-align:left;
	padding: 0 5px 6px 0;
	margin:0;
	font-size:90%;
	}

div.elementshomecontainer {
	width:515px;
	padding:0 1px 0 0;
	margin:22px 0 0 0;
}

div.elementscolumn {
	width: 161px;
	padding:0;
	float:left;
	margin:0;
}

div.elementscolumnlarge {
	width: 333px;
	padding:0;
	float:left;
	margin:0;
}

div.marginright {
	margin-right:11px!important;
}

div.marginrightsmall {
	margin-right:5px!important;
}

div.elementscolumn img, div.elementscolumnlarge img {
	margin: 0 0 -3px 0;
	padding:0;
}

div.elementscolumn img.margin, div.elementscolumnlarge img.margin {
	margin: 0 0 11px 0!important;
	padding:0;
}

div.yellowbottom {
	height:66px;
	width:516px;
	padding:0;
	margin:6px 0 0 0;
	background:#FFD900;
	clear:both;
}

div.map {
	width:325px;
	height:182px;
	background:url('../images/pictures/map/map_world.gif') top left no-repeat;
	float:left;
	padding:0;
	margin:0;
}


.nobreak {white-space:nowrap;}

div.caseimage {
	float:left;
	width:110px;
	padding:0;
	margin:0;
}

div.casetext {
	float:left;
	width:315px;
	padding:0 0 20px 0;
	margin:0;
}

div.casetext p {
 	text-align:left;
	padding: 0 10px 16px 0!important;
	margin:0;
	line-height:125%;
	}


div.highlightcontainer{
	width:516px;
	float:left;
	padding:0 1px 0 0;
	margin:17px 0 17px 0;
	background:red;
	background:#fff9d9 url('../images/site_objects/background_yellow_rt.gif') top right repeat-y;
}

div.highlightcontainer div.widetext {
	float:left;
	width:466px;
	padding:20px;
}

div.highlightcontainer div.text {
	float:left;
	width:466px;
	padding:20px;
}

div.highlightcontainer div.widetext p {
	width:360px;
}

div.highlightcontainer .highlightbg_chair {
	background:#fff9d9 url('../images/pictures/board_dikbg.jpg') bottom right no-repeat;
}

div.highlightcontainer .highlightbg_cop {
	background:#fff9d9 url('../images/pictures/board_richardbg.jpg') bottom right no-repeat;
}


div.highlightcontainer div.casestudyimage {
	float:right;
	padding-right:10px;
}


div.casestudycontainer{
	width:516px;
	float:left;
	padding:0 1px 0 0;
	margin:17px 0 17px 0;
	background:#fff9d9 url('../images/site_objects/background_yellow_rt.gif') top right repeat-y;
}

div.casestudycontainer div.casestudytext {
	float:left;
	width:280px;
	padding:20px 20px 0px 20px;
}

div.casestudycontainer div.casestudyimage {
	float:right;
	padding: 20px 10px 0 0;
}

div.casestudyimage p {
	width:110px;
	}


.margintop {
	margin-top:10px;
}


/* Tables */

table.printbasket_table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
font-size:100%;
width:95%;
}

table.printbasket_table tr, table.printbasket_table td{
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding:0;
margin:0;
}

table.printbasket_table tr.noright, table.printbasket_table{
border:0;
}

table.printbasket_table img {
margin: 0 0 -2px 0;
}

tr.borderBottom {
border-bottom: 1px solid #ccc;
}

table.printbasket_table tr.borderLeft, table.printbasket_table td.borderLeft {
border-left: 1px solid #ccc;
}

table.printbasket_table td.padleft {
padding:0 0 0 5px;
}

a.showall:link, a.showall:visited {
	margin:5px 0 0 0;
	padding:5px 0 0 0;
}

a.printlink, a.printlink:visited {
	margin:0;
	padding:0;
	text-decoration:underline;
	height:28px;
	width:295px;
}

a.printlink:hover, a.printlink:focus {
text-decoration:none!important;
}


table.printbasket_table a {
text-decoration: none;
}

table.printbasket_table a:hover, table.printbasket_table a:hover:focus {
text-decoration: underline;
color:#000;
}

table.printbasket_table th {
	text-align:left;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

tr.row_stagger, td.row_stagger {
	background:#fff;
}

td.data_highlight {
	background:#65b722;
}


td.data_highlight a {
	text-decoration:none;
	color: #fff;
}

td.data_highlight a:hover, td.data_highlight a:focus {
text-decoration:none!important;
color: #fff!important;
}

table.elements {
	width:505px;
	padding:0;
	margin:0 0 24px 0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	color:#000000;
	clear:left;
}

table.elements th {
	padding:12px 12px 6px 6px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:85%;
	vertical-align:bottom;
}

table.elements td {
	padding:6px 6px 6px 6px;
	border:none;
	vertical-align:top;
}

table.elements td.lineright {
	border-right:1px solid #CCCCCC;
}

table.elements td.yellow {
  	background:#FFFBE5;
}

ul.elements {
	padding:0 0 0 6px;
	margin:0 0 0 10px;
	list-style:disc;
}

ul.elements li{
	padding:0 0 11px 0;
}

/* Tables */




table.copdata { 
	width:505px;
	padding:0;
	margin:0 0 24px 0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	color:#000000;
}

table.copdata th {
	padding:12px 12px 6px 6px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:85%;
	vertical-align:bottom;
}


table.copdata td {
	padding:6px 6px 6px 6px;
	border:none;
	vertical-align:top;
}

table.envdata td.line {
	border-bottom:1px solid #CCCCCC;
}

table.copdata td.lineright, table.envdata td.lineright, table.envdata th.lineright {
	border-right:1px solid #CCCCCC;
}

table.copdata td.yellow, table.envdata td.yellow, table.envdata th.yellow {
  	background:#FFFBE5;
}


table.envdata { 
	width:505px;
	padding:0;
	margin:0 0 24px 0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	color:#000000;
}

table.envdata tr th {
	padding:12px 12px 6px 6px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:85%;
	vertical-align:bottom;
}

table.envdata th.linetop, table.envdata td.linetop {
	border-top:1px solid #CCCCCC;
}

table.envdata tr th.right{
	text-align:right;
}

table.envdata tr th.center{
	text-align:center;
}

table.envdata tr th.noline{
	border-bottom:none;
}


table.envdata tr td {
	padding:6px 6px 6px 6px;
	border:none;
	vertical-align:top;
}

table.envdata tr td.left {
	text-align:left;
}


table.envdata tr td.alignleft {
	text-align:left;
}


table.envdata tr.line td, table.envdata tr.line th {
	border-bottom:1px solid #000000;
}



table.form { 
	width:505px;
	padding:0;
	margin:0 0 24px 0;
	border-top:1px solid #CCCCCC;
	text-align:left;
	color:#000000;
}

table.form tr th {
	padding:12px 12px 6px 6px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:85%;
	vertical-align:bottom;
}

table.form tr th.line, table.form tr td.line{
	border-bottom:1px solid #CCCCCC;
}


table.form tr td {
	padding:6px 6px 6px 6px;
	border:none;
	vertical-align:top;
}

table.form tr td.left {
	text-align:left;
}


table.form tr td.alignleft {
	text-align:left;
}

table.form tr td.alignright {
	text-align:right;
}


.clear {
	clear:both;
}


div.message, div.error {float:left;width:100%; padding-bottom:20px; }

div.error div.redcross {float:left; width:40px;}

div.error div.errortext {float:left; width:300px;}

div.error div.redtext {padding-top:4px;}

.margintop {
	padding-top:35px;
}
/* -------END OF THIS STYLESHEET  ---------- */