/***	General element redefinitions ***/

/** {
    font-family:Verdana,Tahoma,Arial,sans-serif;
}*/

body {
	margin:0px 0px 25px 0px;
	padding:0;
	background: #999;
	text-align: center;
}

table {
	border-collapse:collapse;
	margin:0 0 23px 0;
	/*font-size:x-small;*/
	font-size:small;
	border:1px solid #4d4d4d;
	border-top:0px;
	width:100%;
}

td {
	vertical-align:top;
	text-align:char;
	padding:2px 10px;
	border:1px solid #4d4d4d;
	border-top:0px;
}

th {
	vertical-align:middle;
	text-align:left;
	padding:5px 10px;
	background-color:#ccc;
	border:1px solid #4d4d4d;
	border-top:0px;
}

table caption {
	/*font-size:xx-small;*/
	font-size:large;
	border:1px solid #4d4d4d;
	font-weight:bold;
	padding:1em 10px 1em 10px;
	color:#4d4d4d;
	margin-left: -1px; /*replace margin: 0 0 0 0px to fix viewing problem in firefox*/
	background-color:#999999;
	text-align:left;
	color:#fff;
}

a, a:visited {
	color: #8fad00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
font-family: Calibri,Verdana, Lucida, sans-serif;
	font-size: 26px !important;
color: #8fad00; 
line-height:30px;
	
}

#Content h2 {
	zfont-size: 14px;
	padding-top:25px;
	}

#Content h3 {
	zfont-size: 12px !important;
	}

p {
	zfont-size:small;
	zborder:0;
	zpadding:0px 0px 10px 0px;
	zmargin:0;
	zline-height:1.3em;
	zcolor:#666666;
}


/*** web page structure definitions ***/

.clearall { /* clear floats */
	clear: both;
}

#main_body{
	width:960px;
	margin:0px auto;
	padding:0px;
	background: #FFF;
	text-align:left;
}

/* header outer container*/
#header{
	vertical-align:top;
	text-align:left;
	width:auto;
	margin:0;
	padding:0px 32px;
	height:84px;
}

#container {
	width: 100%;
	padding-right: 10%;
	padding-left: 10%;
}

#header #hleft {
	float:left;
	padding:40px 0px 0px 0px;
	margin:0px;

}

#header #hright {
	vertical-align:top;
	text-align:right;
	float:right;
	margin:0;
	padding:20px 0px 0px 0px;
	overflow: hidden;
	font-size:xx-small;
}

#header #hright a {
	padding:0;
	margin:0px;
	color:#8fad00;
	text-decoration:none;
}

#header #hright a:hover {
	padding:0;
	margin:0px;
	text-decoration:underline;
	color:#8fad00;
}


/* top Nav outer container----------------------------------------*/
#TopNavBar{
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	height:30px;
	margin:0;
	padding:0px 32px;
	background-color:#1A1A1A;
	color:#FFFFFF;/*gap between the bar and image*/
}

#TopNavBar #TopNav {
	clear:left;
	list-style:none;
	margin:0;
	padding:6px 0;
	text-align:left;
}
#TopNavBar #TopNav #li_current{
	float:left;
	text-align:center;
	padding:0;
	margin:0px;
}

#TopNavBar #TopNav a{
	color:#BFD73B;
	text-decoration:none;
	background:transparent url(images/nav.GIF) no-repeat scroll left center;
	padding:0pt 10px 0pt 13px;
}

#TopNavBar #TopNav a.first{
	background:none;
}



#TopNavBar #TopNav .a_current{
	color:#BFD73B;
	text-decoration:none;
}
#TopNavBar #TopNav .a_current:hover{

	text-decoration:none;
	color:#BFD73B;
}
#TopNavBar #TopNav li{
	float:left;
	text-align:center;
	padding:0;
	margin:0px;
	font-size:12px;
}

#TopNavBar #TopNav a, #TopNavBar #TopNav span{
	margin:0px;
	text-decoration:none;
	color:#FFFFFF;

}
#TopNavBar #TopNav a:hover{
	margin:0px;
	text-decoration:none;
	color:#BFD73B;
}

/* image container. No hight should be set to ensure the image ration change poportionally*/
#lower_header{
	zvertical-align:top;
	zmargin-bottom:15px;
	zheight: 175px;
	margin-bottom:-5px !important;
}

#lower_header img{
	clear:right;
	width:100%;
	margin:0;

}
#header_spacer{
	width:100%;
	margin:0;
	padding:0;
    min-width:560px;
	hight:15px;
}

/* main body container for left Nav.  */
#main {
	margin:0px;
	padding:0px;
}

/*left Nav components----------------------------------------*/

#leftcol {
	width:235px;
	float:left;
	margin:0;
	padding:0px;
}

#leftnav{
	text-align:left;
	margin:0;
	padding:0px 0px 0px 32px;
	margin-bottom:2px;
}

#leftnav ul {
	margin:0px;
	width:168px;
	padding:0px;
	list-style:none;
	list-style-type:none;
}

#leftnav ul li{
	color: #1A1A1A;
	margin:0px;
	padding:0px;
	font-size:small;
	border-bottom: 1px solid #666666;
	padding: 3px 0px;
}

#leftnav ul li a {
	color: #1A1A1A;
	text-decoration: none;
	font-weight: bold;
}

#leftnav ul li a:hover {
	color: #8fad00;
}

#leftnav ul li a.current {
	color: #8fad00;
	font-weight:normal;
}


#leftnav ul li ul {
	list-style: none;
	margin: 0px;
}

#leftnav ul li ul li {
	border-bottom: 0px;
font-size: 12px;
font-weight:500; 
	margin:0px;
	padding: 3px 0px;
}

#leftnav ul li ul li a {
	color: #8fad00;
	font-weight: normal;
}

#leftnav ul li ul li a:hover {
	color: #1A1A1A;
}

#leftnav ul a.current {
	color: #8fad00;
}

#leftnav ul li ul li a.current {
	color: #1A1A1A;
}


/* for display section name*/
#leftnav p{	font-size:x-small;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0 0 0.5em 0;
	color:#4d4d4d;
	width:100%;
}

/* for current top setction level name, whcih is not clickable*/
#leftnav span{	font-size:x-small;
    font-weight:normal;
	padding:0;
	padding-left:12.5%;
	margin:0;
	color:#4d4d4d;
	width:100%;
}

.leftbox {
	background: #cad39f;
	margin: 10px 0px 0px 8px;
	font-size: small;
	width: 200px;
}

.leftbox p {
	font-size: small;
}

.greybox {
	background: #cad39f;
}

.greenbox {
	background: #8fad00;
	margin: 12px 0 15px 0;
}

.greenbox a, .greenbox a:visited {
	color: #FFFFFF;
}


.greenbox, .greenbox p {
	color: #ffffff;
}


.greenbox2 {
	background: #BFD73B;
	margin: 12px 0px 15px 0px;
	}
	
.greenbox2 a, .greenbox2 a:visited {
	color: #000000;
	}

.greenbox2, .greenbox2 p {
	color: #000000;
	}



.floatybox {
	position: absolute;		/*	because of clearall's :( */
}

.leftbox .leftboxheading {
	padding: 10px 5px 10px 22px;
	color: #6d6e72;
	font-size: large;
	font-weight: bold;
	border-bottom: 1px dotted #FFFFFF;
	font-family: Calibri,Verdana,Tahoma,Arial,sans-serif;
}

.leftboxheading h6 {
	margin:0;

}

.greenbox .leftboxheading {
	color: #FFFFFF;
}


.leftbox .leftboxtext {
	padding: 10px 10px 10px 22px;
}


/* main content div */
#Content{
	float: left;
	width: 693px;
	text-align:left;
	padding:0px 32px 0px 0px;
}

#Content .p_bordered{
	font-size:x-small;
	border:1px solid #666;
	background-color:#FFFFCC;
	padding:1em;
	margin:0.6em 0.2em;
}

/* in case someone whish to lay the form by table, this is the one should be used*/
#Content #noborder_table {
	border-collapse:collapse;
	margin:0;
	width:100%;
	font-size:smaller;
	border:0;
}

#Content #noborder_table td {
	vertical-align:top;
	text-align:left;
	padding:2px 10px;
	border:0;
	color:#4d4d4d;
	font-size:xx-small;
	margin:0;
	margin-bottom:15px;
}

#Content #noborder_table caption {
	font-size:xx-small;
	font-weight:bold;
	padding:1em 10px 1em 10px;
	color:#4d4d4d;
	background-color:#FFFFFF;
	border:0;
	text-align:left;
}
#Content .greenbullet ul li {
	background: url(images/greendot.gif) 0px 8px no-repeat;
}
#Content .fullgreenbullet ul li {
	background: url(images/greendot.gif) 0px 8px no-repeat;
	color: #8fad00;
}
#Content .brightgreenbullet ul li {
	background: url(images/brightgreendot.gif) 0px 8px no-repeat;
}
#Content ul {
	list-style: none;
	padding:0px;
	margin-left:0px;
	font-size:small;
}

#Content ul li {
	margin:0;
	padding:0px 0;
	padding-left:12px;
	padding-right:10px;
	background: url(images/dot.gif) 0px 6px no-repeat;
	line-height:1.5em;
	color: #666666;
}

#Content ul li ul, #Content  ul li ol{
	margin:0;
	padding:2px 0;
	line-height:1em;
	list-style:none;
}

#Content ul li ul li, #Content ul li ol li{
    background-image:url(images/sub.gif);
	background-position:top;
	background-position:left;
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 3px 0 3px 15px;
	margin: 0;
	}

#Content a:link {
	color: #8fad00;
/*	font-size:inherit;*/
	text-decoration: none;
}

#Content a:visited {
	font-size:inherit;
	color: #8fad00;
	text-decoration: none;
}

#Content a:hover {
	font-size:inherit;
	color: #8fad00;
	text-decoration:underline;
}





/* Form Styles


#Content form {
	margin: 0 auto;
	padding:20px 10px;
	float:left;
	width:500px;
	font-family:Verdana;
}

#Content form label {
	margin: 0;
	padding:0 0 20px 0;
	float:left;
	clear:left;
	width:100px;
	font-size:xx-small;
	color: #4d4d4d;
}

#Content form input, #Content  form textarea {
	font-size:x-small;
	float:right;
	width:400px;
	margin:0 0 20px 0;
	padding:4px;
}

#Content form input,#Content  form select{
	height:22px;
}

#Content form select {
	font-size:x-small;
	float:right;
	width:400px;
	margin:0 0 20px 0;
}

#Content form #button {
	border:0;
	float:right;
	width:400px;
	padding:0;
}

#Content form #button p, #Content  form  #button h3 {
	padding:0;
}

#Content form .input_button {
	border:0;
	width:59px;
	height:29px;
	float:left;
	margin:0;
	padding:0;
}

*/


/* Home page only styles */

#Content.Home{

	padding-bottom:50px;
}

.homepage {
	margin: 0px;
	padding: 0px;
}

.homepage .homepageheading {
	height: 45px;
	margin: 0px;
}

.homepage .homepageheading h1 {
	margin: 0px 0px 5px 0px;
}

.homepage .homepageheading .extralinks {
	float: right;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-size: x-small;
}

.headerboxes {
	border: 0px;
	border-collapse:collapse;
	margin: 0px 0px 15px 0px;
	width: 693px;
}

.headerboxes .headerrow td{
	background: #000;
	color: #fff;
}

.headerboxes td {
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 221px;
}

.homepage .headerboxes .header {
	background: #1A1A1A;
	color: #FFFFFF;
	padding: 20px 5px 0px 15px;
	font-weight: bold;
	font-size: small;
	vertical-align: bottom;
}

.homepage .headerboxes .text {
	background: #1A1A1A;
	color: #FFFFFF;
	padding: 0px 15px 15px 15px;
}
#Content .homepage .headerboxes .text a, 
#Content .homepage .headerboxes .text a:visited {
	color: #FFFFFF;
}
.homepage .headerboxes .image {
	background: #CCCCCC;
	color: #FFFFFF;
}

.homepage .headerboxes .header .coloured {
	color: #BFD73B;
}

.homepage .headerboxdivider,
.homepage .headerboxdivider img {
	width: 15px;
}

.homepagecontent {
	width: 458px;
}

.homepagenewsflash {
	display: none;
}

.newsbox {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 219px;
	border: 1px solid #999999;
}

.newsbox .newsheading {
	background: #E6E6E6;
	font-size: small;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
	padding: 15px;
}

.newsbox .newstext {
	padding: 5px 15px 5px 13px;
	font-size: small;
}

#Content .newsbox ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#Content .newsbox li {
	background: url(images/plus.gif) 0px 6px no-repeat;
	padding: 0px;
	margin: 0px;
	padding: 0px 0px 6px 15px;
}
/* Float Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clearfix { display:inline-block }
/* Hides from IE-mac \*/
.clearfix { display:block }
/* End hide from IE-mac */

#footer{
	background:#ffffff;
	clear:both;
	zborder-top:1px dotted #1A1A1A;
	text-align:center;
	height: 60px;
	width:979px;
}

#footer .footmenu {
	padding: 20px 0px 0px 0px;
	font-size: xx-small;
}
#footer .foottext {
    padding: 20px 0px 0px 0px;
    font-size: xx-small;
}

#footer  a:link {
	font-size:x-small;
	color: #000000;
	text-decoration: none;
}

#footer  a:visited {
	font-size:x-small;
	color: #339900;
	text-decoration: none;
}

#footer a:hover {
	font-size:x-small;
	color: #339900;
	text-decoration:underline;
}

#footer ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
}

#footer li {
	display: inline;
	
}


#footer li a{
	padding: 0 5px 0 10px;
	background:transparent url(images/footer.GIF) no-repeat scroll left center;
}

#footer li a.first{
	background:none;
}


/* ----------------These tags can be used in any where---------------*/

.leadpara, .leadparanb {
	padding: 15px 0px;
	margin: 20px 0px 15px 0px;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	font-weight: bold!important;
	/*font-family: Calibri,Verdana,Tahoma,Arial,sans-serif;*/
	color: #1A1A1A;
	font-size: medium!important;
}
.leadparanb {
	
	border-bottom: 0px;
	margin: 0px;
    padding: 5px;
	
}

#Content table.positioning_table {
	border: 0px;
	xwidth: 99%;
}
#Content table.contact_table {
	margin: 0px;
	border: 0px;
	xwidth: 99%;
}
#Content table.contact_table td {
border: 0px;
padding: 0px;
}
#Content td.positioning_table {
	border: 0px;
}

#Content .position_image {
	text-align:left;
}
span.eco {
    font-family:Calibri,Verdana;
	margin:0;
	padding:0;
	font-weight: bold;
	color:#4AAA42;

}

span.path {
    font-family:Calibri,Verdana;
	margin:0;
	padding:0;
	font-weight: bold;
	color:#BFD73B;

}
span.ecoheader {
    font-family:Calibri,Verdana;
	margin:0;
	padding:0;
	font-weight: bold;
	color:#4AAA42;
	font-size:x-large;

}

span.pathheader {
    font-family:Calibri,Verdana;
	margin:0;
	padding:0;
	font-weight: bold;
	color:#BFD73B;
	font-size:x-large;

}
span.profileheader {
font-size:x-large;
	color:#000000;

}

.piclist {
}

.piclistitem .picarea {
	float: left;
	width: 120px;
	padding-right:10px;
}

.piclistitem .pictext {
	width: 563px;
	padding: 5px 0px 0px 0px;
	/*font-size: small;*/
	float: left;
}
.pictext h2 {
	padding-top:0px!important;
	font-size:16px!important;
	
}

.piclistitem .pictext p {
	padding-top: 8px !important;
	margin: 0px !important;
}


.piclistitem .pictext h2 {
	/*font-family: Calibri,Verdana,Tahoma,Arial,sans-serif;*/
	font-family: Lucida,sans-serif;
	padding: 0px;
	margin: 0 0 4px 0;
}

.piclistitem .pictext h3 {
	/*font-family: Calibri,Verdana,Tahoma,Arial,sans-serif;*/
	font-family: Lucida,sans-serif;
	padding: 0px;
	margin: 0px;
}

.greenlinedivider {
	font-size: 1px;
	border-top: 1px dotted #666666;
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}
.profilegreenbox {
    zbackground: #BFD73B;
	zpadding:5px 5px 5px 5px;

}
img.wrappedleft, img.left{
	float:left;
	margin: 0px 10px 5px 0px;
	border:none;
}

img.right {
	float:right;
	margin:-60px -60px 10px 0px;
	padding-left:20px;
	border:none;

}



.border {
	border:1px solid #ccc;
	padding:14px;
}

img.center {
	text-align:center;
	margin: 10px auto 10px auto;
	display: block;

}
.mediaRelease {
	border-bottom:1px dotted #666666;
	padding:10px 0 10px 0;

}
.mediaRelease H3{
font-size:16px;
}

span.ecolead {
    font-family:Calibri,Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
	font-weight: bold;
	color:#4AAA42;
	font-size: medium;

}

span.pathlead {
    font-family:Calibri,Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
	font-weight: bold;
	color:#BFD73B;
	font-size: medium;

}


/*		These may not be used anymore.. If they are needed, check that they have
		a capitalized 'c' for #Content

.box_top {
	background-image:url(images/grey.jpg);
	background-repeat:repeat-x;
	border:1px solid #4D4D4D;
	float:left;
	margin:0pt 0pt 1em 2px;
	padding:0pt;
	text-align:left;
	width:173px;
}

.box_top p {
	color:#666666;
	font-size:xx-small;
	margin:0pt;
	padding:10px;
	width:153px;
}

.box_top .ul_box{
	padding:0;
	font-size:xx-small;
	color:#666;
	margin:0;
	width:153px;
}

.table_small {
	border-collapse:collapse;
	font-size:xx-small;
	margin:0 auto 23px 10px;
	width:65%;
	clear:both;
}

.table_xsmall {
	border-collapse:collapse;
	font-size:xx-small;
	margin:0 auto 23px 10px;
	width:40%;
	clear:both;
}
*/
/*
#content  h1, #leftnav h1 {	font-size:small;
				font-weight:bold;
				padding:0 0 0 10px;
				margin:0;
				margin-bottom:1em;
				color:#4D4D4D;
				 }
#content  h2 {	font-size:small;
				padding:0.25em 0 0.1em 10px;
				color:#333333;
				margin:0;
				margin-bottom:1em; }
#content  h3 {	font-size:smaller;
				font-weight:bold;
				padding:0.25em 0 0.1em 10px;
				color:#333333;
				margin:0; }
#content  h4{	font-size:smaller;
				font-weight:bold;
				padding:0.2em 0;
				padding:0.25em 0 0.1em 10px;
				color:#666666;
				margin:0;}
#content  h5 {	font-size:x-small;
				font-weight:bold;
				padding:0.3em 0 0.3em 10px;
				color:#999999;
				margin:0; }
#content  h6{	font-size:xx-small;
				padding:1em 10px 1em 10px;
				font-weight:bold;
				color:#4d4d4d;
				margin:0 0 10px 0;
				border-bottom:1px dashed #373737}
#content .eco {
    font-family:Calibri,Verdana;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#4AAA42;

}
#content .path {
    font-family:Calibri,Verdana;
	margin:0;
	padding:0;
	font-weight:bold;
	color:#BFD73B;
}
#content .col1 {
	margin:0;
	float:left;
	padding:0;
	width:67%;
	xbackground-color:yellow;
}
#content .col1 img{
	clear:both;
	float:right;
	width:99%;
	margin:0 0 23px 0;
	padding:0 0 0 10px ;
}

#content .col2, #content .col3{
	float:right;
	clear:right;
	margin:0;
	width:175px;
	margin-bottom:10px;
	text-align:left;
	xbackground-color:#CCFFCC;
}
#content .col2a, #content .col3{
	float:right;
	clear:right;
	margin:0;
	xwidth:116px;
	margin-bottom:10px;
	text-align:left;
	xbackground-color:#CCFFCC;
}
#content .col2 img, #content .col2 .img_boarder{
    float:left;
	xwidth:175px;
	margin:0;
	padding:0;

}
#content .col2a img, #content .col2 .img_boarder{
    float:left;
	width:116px;
	margin:0;
	padding:0;
}
#content .col2 img{
	border:1px solid #fff;
}
#content .col2a img{
	border:1px solid #fff;
}
#content .col2 .img_boarder{
	border:1px solid #4d4d4d;

}
#content .col2a .img_boarder{
	border:1px solid #4d4d4d;
}



*/
 /*crc page*/
 #crctext{
  width:450px;
  float:left;
 }
 #crcright
  {
  width:180px;
  float:right;
position:relative;
right:-65px;
top:30px;
   }
#crcright img {
	border: 0px;
}

 #crcbox{
  border: 1px solid;
  padding:7px;
  border-color:#BFD73B;
 }
 #crcquote{
 	padding-top:40px;
	padding-left:7px;
	color:#777777;
	font-size:26px !important;
	font-style:italic;
	font-weight:700;}
	

#PageNumbers {
margin-top: 20px;
margin-left:11px;
font-size:14px;
font-weight:bold;
border-top:1px dotted #999;
}

#Content ul li{
list-style-type:none !important;
list-style:none !important;
zmargin-left:-2 !important;
zpadding:0 !important;
zborder-top:1px dotted #999;
clear:both;
}

#Content ul{
list-style-type:none !important;
list-style:none !important;

}

#SearchResults li {
list-style-type:none !important;
list-style:none !important;
border-top:1px dotted #999;
padding-bottom:20px !important;	
padding-top:20px !important;
}

/***********************No Border style - SC*****************************/

.mceContentBody{
border:none!IMPORTANT;
}
.mceContentBody td{
border:none!IMPORTANT;
}
/***********************Left nav style - SC*****************************/
#section_navigation_sub_container ul li {
border-bottom:1px solid #BDBDBD;
color:#94BD69;
display:block;
font-family:Calibri,Verdana,Lucida,sans-serif !important;
font-size:14px !important;
font-weight:500 !important;
margin:0 0 0 18px;
padding:8px 0 5px 0;
width:170px;
}
/***********************News pages - SC*****************************/
/*.mediaRelease h3{
padding-left:100px;
text-indent:-100px;
}*/
.leftboxheading h6{
font-size:100%;}
.Newsh1{
padding-bottom:10px;}
.Newsdate{
padding-bottom:10px;}
.mediaRelease p{
font-size:14px;
clear:left;
}
.newstitlehang{
display:block;
}
.newstitledate{
float:left;
min-height:22px;
}
/***********************Images - SC*****************************/
#level4_container img.right{
margin:0px 0px 10px 10px;}
#SearchResults img.right{
margin:0px 0px 10px 10px;}

/***********************Superscripe - SC*****************************/
#level4_container h2 sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#report_rss
{
    margin:0 !important;
}
#news_rss
{
    margin-top:10px;
}
#campaigns_rss
{
    margin-left:18px;
	margin-top:10px;
}
.sub
{
    padding-left:10px !important;
}
#campaign_leftside_message_image img{
border:none;}
#SearchResults li{
background:transparent url(images/dot.gif) no-repeat scroll 0 28px!important;
}


.slide-thumb
{
    width:37px !important;
    height:23px !important;
    border:0 !important;
	margin-right:3px;
}