/*
Theme URI: http://mu.wordpress.org/
Description: The Helpage WordPress mu theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.2
Author:Anna Gene 
Tags: helpage, custom header, fixed width, two columns, widgets

	aGene v1.2
	This theme was built by Anna Gene,

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font-size: 100%; /* Resets 1em to 10px*/ 
        color: #000000;
        font-family: verdana,arial,san-serif;
        font-weight: normal;
	color: #333;
	text-align: center;
	}

#page {
	background-color: white;
//	border: 1px solid #959596;
	text-align: left;
        widht:750px;
	}

#header {
	/*background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;*/
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 40px;
	width: 600px;
	}

#content {
	font-size: 100%;
	}

.widecolumn .entry p {
	font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}
.narrowcolumn div#email-link, .narrowcolumn div.sociable{ 
        display:none;
        }

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	/*background: #eee url('images/kubrickfooter.jpg') no-repeat top;
	border: none;*/
	background-color: #ffffff;
	border-color: #beb6aa;
	border-bottom-color: #cdcdcd;
	border-style: solid;
	border-width: 1px 0px 0px 0px;  
	color: #000000;
	left: 0.0%; 
	padding: 5px 0px 5px 0px;
	position: relative; /* Gets set to absolute in control javascript */
	text-align: center;
	/*visibility: hidden;*/ /* This is set to 'hidden' so that it doesn't show on JavaScript error. Otherwise gets set to visible. */
	width: 100.0%;
	z-index: 40;

	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	color: #c41230;
        font-size: 133%;
        font-weight: normal;
        margin-bottom: 7px;
        margin-left:5px;
        margin-top: 1.1em;
}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
        color:#ffffff;
	font-size: 1em;
	font-weight:bold;
margin-left:5px;}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #c41230;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2,#right-sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #c41230;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 0.8em 'Lucida Grande', Verdana, Arial, Sans-Serif;
        float:right;
}


#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #ffffff;
	}
small, .nocomments, .postmetadata, blockquote {
        color: #000000;
        }

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

 a, h2 a:hover, h3 a:hover {
/*	color: #ffffff;
	text-decoration: none;
	*/}

a:hover {
	/*color: #147;*/
/*	color: #c41230;
*/	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 8pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: left;
	margin-left:10px;}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

/*body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
//	margin: 20px auto;
	padding: 0;
	width: 760px;
//	border: 1px solid #959596;
	}

#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 758px;
	}
*/
#headerimg {
        background-color: #ffffff;
	margin: 0;
	height: 40px;
	width: 100%;
	}

.narrowcolumn {
       float:left;
        padding: 90px 0 20px 30px;
        margin: 0px 0 0;
        width: 550px;
	}

.widecolumn {
        float: left;
	padding: 80px 0 20px 30px;
	margin: 0 0 0 10px;
	width: 550px;
	}

.post {
	margin:30pt 0 0 0;
	text-align: justify;
	width:550px;
	}
.post hr {
	display: block;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30pt 0;
	}

.widecolumn .post h2{
        padding:0 0 0 0;
}


.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

.clear {
	clear: both;
}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 50px;
	margin: 0;
	}

h2 {
	margin: 50px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 5px 0 5px;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {

	margin: 0px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0 0 0 0;
	padding: 0;
	}


#sidebar ul li {
        color:#ffffff;
        padding: 5px 0 5px 0;
        margin-left: 2px;
        width: 130px;
background-color: #bb0f18;
width:150px;}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
width:135px;	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 7px auto;
	padding: 5px 1px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 120px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 120px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
        width:152px;
	background-color:#ffffff;
	padding:10pt 0px 0px 0px;
	margin-top:90px;
	}

#sidebar form {
     margin-right:10pt;
     margin-left:8px;}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 126px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: left;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
/*	background-color: #fff;*/ }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px -25px 0px 0px;
	padding-left: 20px;
/*	border-left: 5px solid #ddd;*/
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.navigation .alignright, .navigation .alignleft{
width:50%;
}

/* End Various Tags & Classes*/


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

/***************** Helpage *******************/

#sidebar a:link,
#sidebar a:visited {
  color: #ffffff;
  text-decoration: none;
font-weight:normal;}
#right-sidebar a:link,
#right-sidebar a:visited {
  color: #ffffff;
  text-decoration: none;
}

a:visited {
  color: #c41230;
}

a:hover {

 /* color: #c41230;
*/}

img {
  border: 0px;
}

a img {
  margin-bottom: 0px !important;
  margin-bottom: -3px; /* IE whitespace bug */
}

body {
  color: #000000;
  font-family: verdana, arial, san-serif;
  font-weight: normal;
}

br.areaClear {display:none;}

br.clear {
  clear: both;
  font-size: 1px;
}

div.alignLeft {
  float: left;
  margin-bottom: 5px !important;
  margin-right: 5px;
}

div.alignRight {
  float: right;
  margin-bottom: 5px !important;
  margin-left: 5px;
}

div.alignNone {
/*  text-align: center; */
}

div.radio {
  clear: both;
  min-height: 15px;
  adding-left: 25px;
  padding-top: 3px;
  position: relative;
  overflow: hidden;
}

div.radio input.radio {
  left: 0px;
  position: absolute;
  top: 0px;
}

div.radio span.label {
  display: block;
  float: left !important;
  float: none;
  font-size: 100% !important;
  padding-left: 25px;
  text-align: left;
}


fieldset {
  border-color: #5c8727;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
}

h1 {
  color: #c41230;
  font-size: 143%;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 1.1em;
}

div#main_content div.document h3.title, h2
 {
/*  color: #c41230;
*/  font-size: 133%;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 1.1em;
}

h3 {
  color: #c41230;
  font-size: 113%;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 1.1em;
}

h4 {
  color: #c41230;
  font-size: 100%;
  font-weight: normal;
  margin-bottom: 7px;
  margin-top: 1.1em;
}

h5 {
  color: #5c8727;
  font-size: 88%;
  font-weight: bold;
  margin-bottom: 7px;
  margin-top: 1.1em;
}

h6 {
  color: #000000;
  font-size: 80%;
  font-weight: bold;
  margin-bottom: 7px;
  margin-top: 1.1em;
}

input.button { 
  background-color: #c0af2c;
  border-color: #c0af2c;
  border-style: outset;
  border-width: 1px; 
  color: #ffffff;
  font-family: verdana, arial, san-serif;
  font-weight: normal;
  height: 1.7em;
  margin: 0px 0px 0px 5px;
  padding: 0px 5px 1px 5px;
}

input.buttonDisabled { 
  background-color: #ece7c0;
  border-color: #ece7c0;
  border-style: solid;
  border-width: 1px; 
  color: #c0af2c;
  font-family: verdana, arial, san-serif;
  font-weight: normal;
  height: 1.6em;
  margin: 0px 0px 0px 5px;
  padding: 1px 5px 1px 5px;
}

input.text {
  width: 95%;
}

legend {
  color: #5c8727;
  font-weight: normal;  
}

li {
  background-image: url(helpage_images/bullet.gif);
  background-position: left 0.45em;
  background-repeat: no-repeat;
  list-style-type: none;
  list-style-image: none;
  margin-left: -10px;
  margin-bottom: 1em;
  margin-top: 0px;
  padding-left: 8px;
}

ol li {
  background-image: none;
  list-style-type: decimal;
}

dd,
dt,
li,
p,
ul { 
  font-size: 100%;
  margin-top: 0px;
}

li { 
  font-size: 100%;
  margin-top: 1em;
}

q,
blockquote {
  background-color: #ece7c0;
  font-weight: bold;
  padding: 5px;
}

textarea { 
  width: 95%;
}

/* this class used for hiding things which are aimed at those using
   assistive technologies */
*.accessHidden {
  display: none !important;
  visibility: hidden !important;
}

*.button {
  text-transform: lowercase;
}

/**********************
 90% of 100% type fixes
 **********************/
div a,
div ul,
dt label,
li a,
li li,
li p,
p li,
p a,
p q,
p p,
p span {
  font-size: 100%;
}



div#page-background-one {
  background-color: transparent;
  background-image: url(helpage_images/page_background_left.gif);
  background-position: top left;
  background-repeat: repeat-y;
  margin: 0px auto 0px auto;  
  width: 58.5em;
}

div#page-background-two {
  background-color: transparent;
  background-image: url(helpage_images/page_background_right.gif);
  background-position: top right;
  background-repeat: repeat-y;
  min-width: 605px; /* Mozilla requirement when sizing down (prevents content overlapping - IE doesn't suffer) */
}


/************************
 page (holds all content)
 ************************/
div#page {
  border-color: #ffffff;
  /*border-style: solid;*/
  border-width: 0px;
  height: 100%;
  left: 0px;
  margin: 0px 5px 0px 5px;
  padding: 0px;
  position: relative;
  top: 0px;
}

/***********
 banner area
 ***********/
div#main-banner {
  background-color: transparent;
  border: none;
  left: 0.0%;
  margin: 0 0 0 0;
  padding: 0px;
 /* position: absolute;*/
  top: 0px;
  white-space: nowrap;
  width: 100.0%;
  z-index: 10;
}

div#main-banner img#main-banner-logo {
  position:absolute;
  top:10px;
  left:9px;
/*  margin-top: 10px;
  margin-left: 9px;
*/}
div#main-banner img#right-banner-logo {
float:right;
position:absolute;
top:40px;
right:5px;


/*margin-top:-50px;
margin-right:5px;*/}


/******************
 primary-navigation
 ******************/
/*div#primary-navigation {
  background-color: #c41230;
  border-color: #c0af2c;
  border-style: solid;
  border-width: 0px;
  color: #ffffff;
  display: block;
  height: 1.8em;
  left: 0.0%;
  margin: 0em 0 0 0;
  padding: 0px; 
  position: absolute;
  top: 87px;
  vertical-align: top;
  white-space: nowrap;
  width: 100.0%;
  z-index: 200;
}

div#primary-navigation table {
  border: none;
  margin: 0px !important;
  margin: 0px 0px -3px 0px;
  padding: 0px;
  width: 100%;
}

div#primary-navigation td {
  border-width: 0px;
  margin: 0px;
  padding: 0px;
}

div#primary-navigation td a,
div#primary-navigation td span.finalSelected,
div#primary-navigation td a.finalSelected {
  border-color: #ffffff;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  color: #ffffff;
  display: block;
  font-family: Arial, verdana, arial, san-serif;
  font-size: 92%;
  font-weight: bold;
  height: 1.8em;
  line-height: 1.8em;
  margin: 0px;
  padding: 1px 1px 1px 0px;
  text-align: center;
  text-decoration: none;
}

div#primary-navigation td a:hover {
  background-color: #5c8727;
}

div#primary-navigation td a {
  font-size: 92%;
}

div#primary-navigation td span.finalSelected,
div#primary-navigation td a.finalSelected {
  background-color: #c0af2c;
}

div#primary-navigation td a:hover {
  background-color: #5c8727;
}

div#primary-navigation td a#primary-last,
div#primary-navigation td a#primary-last.finalSelected,
div#primary-navigation td span#primary-last.finalSelected {
  border: none;
}

div#primary-navigation td span.separator {
  display: none;
}
*/
/***********
 breadcrumbs
 ***********/
body.middle div#breadcrumbs { 
  left: 0.0%;
  width: 100.0%;
}

body.middle-right div#breadcrumbs { 
  left: 0.0%;
  width: 100.0%;
}

body.left-middle div#breadcrumbs { 
  left: 18.0%;
  width: 82.0%;
}

body.left-middle-right div#breadcrumbs { 
  left: 18.0%;
  width: 82.0%;
}

div#breadcrumbs { 
  border-color: #ffffff;
  border-style: solid;
  border-width: 0px 0px 0px 13px;
  display: block;
  height: 2.0em;
  line-height: 0.9em;
  margin: 2.3em 0 0 0;
  padding: 0px;
  position: absolute;
  top: 91px;
  z-index: 220; 
}

div#breadcrumbs a {
  font-size: 88%;
  font-weight: bold;
  text-decoration: none;
}

div#breadcrumbs span.separator {
  color: #5c8727;
  padding: 0px 2px 0px 2px;
  position: relative;
  top: -1px;
}

div#breadcrumbs span#breadcrumb-current {
  color: #c41230;
  font-size: 88%;
  font-weight: bold;
}

span#breadcrumb-message {
  color: #5c8727;
  font-size: 88%;
}

/*********
 main-left
 *********/
/* For home page variation, see HomePage style section */
div#main-left {
  background-color: #d9cf81;
  display: block;
  left: 0.0%;
  margin: 1.8em 0 0 0;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  text-align: left;
  top: 88px;
  width: 18.0%;
  z-index: 20;
}

div#main-left.hasNoMainLeft {
  display: none;
}

/*************
 secondary nav
 *************/
div#secondary-navigation {
  background-color: #d9cf81;
  display: block;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

div#secondary-navigation ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0px 0px 1px 0px;
  overflow: hidden;
  padding: 0px;
  width: 100%;
}

div#secondary-navigation li {
  background-image: none;
  font-size: 100%; /* needed to combat 90% of 90% issue */
  list-style-image: none;
  list-style-type: none;
  margin: 0px 0px 4px 0px;
  padding: 0px;
}

div#secondary-navigation a,
div#secondary-navigation span {
  background-image: url(helpage_images/navigation_arrow_right_unselected.gif);
  background-position: left;
  background-repeat: no-repeat;
  color: #ffffff;  
  cursor: pointer;
  display: block;
  font-family: Arial, verdana, arial, san-serif;
  font-size: 86%;
  font-weight: bold;
  margin: 0px 9px 0px 9px; 
  padding: 2px 0px 5px 10px;
  text-decoration: none;
}

div#secondary-navigation span {
  cursor: auto;
}

div#secondary-navigation a.selected:link,
div#secondary-navigation a.selected:visited,
div#secondary-navigation span.selected,
div#secondary-navigation span.finalSelected {
  background-image: url(helpage_images/navigation_arrow_down.gif);
  background-position: left;
  background-repeat: no-repeat;
  color: #c41230;
  font-size: 86%;
}

div#secondary-navigation a.finalSelected,
div#secondary-navigation span.finalSelected,
div#secondary-navigation a.unselected:hover {
  background-image: url(helpage_images/navigation_arrow_right_selected.gif);
  color: #c41230;
}

div#secondary-navigation a.unselected {
  background-image: url(helpage_images/navigation_arrow_right_unselected.gif);
}

div#secondary-navigation ul.level0 {
  border-top: #d9cf81 solid 13px;
}

div#secondary-navigation ul.level0 li.level0selected,
div#secondary-navigation ul.level0 *.selected {
  background-color: #c0af2c;
}

div#secondary-navigation ul.level1 {
  border-bottom: 1px solid #c0af2c;
}

div#secondary-navigation ul.level1 a:hover {
  background-color: #c0af2c;
}

div#secondary-navigation ul.level1 li {
  padding: 0px 0px 0px 8px;
}

/***************
 main-background
 ***************/
div#main-background {
  display: none;
}

/************
 main-content
 ************/
body.middle div#main-content {
  border-width: 0px;
  margin-left: 0px;
}

body.middle-right div#main-content {
  border-width: 0px;
  margin-left: 0px;
  border-right-width: 175px; 
}

body.left-middle div#main-content {
  border-right-width: 13px;
}

body.left-middle-right div#main-content {
  border-right-width: 175px; 
}

div#main-content { 
  background-color: transparent;
  border-color: #ffffff; /* Used for spacing - do not remove */
  border-style: solid;
  border-width: 0px;
  border-left-width: 13px;
  border-right-width: 175px; 
  display: block;
  left: 0px;
  margin: 0px;
  margin-left: 18.0%;
  padding: 6.8em 0 0 0;
  position: relative;
  top: 87px;
  z-index: 10;
  width: auto;
}

/**************
 content-header
 **************/
div#main-content div#content-header {
  border-color: #c0af2c;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  margin: 0px 0px 1px 0px;
}

div#content-header h2#page-title {
  font-size: 143%;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  top: 3.5em;
  white-space: nowrap;
  width: 735px;
}

/**************
 content-footer
 **************/
div#content-footer {
  clear: both;
  padding-top: 26px;
}
  
div#last-modified p {
  color: #5c8727;
  font-size: 84%;
  margin-top: 0px;
  text-align: right;
}

/**********
 main-right
 **********/
div#main-right {
  background-color: transparent;
  border-color: #c0af2c;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-left-color: #ffffff;
  border-left-width: 13px;
  display: block;
  margin: 6.8em 0 3em 0;
  padding-left: 0.0%;
  padding-top: 1px;
  position: absolute;
  right: 0px;
  text-align: left;
  top: 87px;
  width: 162px;
  z-index: 20;
}

div#main-right.hasNoMainRight {
  display: none;
}

div#main-right div.thumbimage,
div#main-right div.caseStudyItem,
div#main-right div.featureImageItem,
div#main-right div.signUpBox {
  /* this is a safety precaution - shouldn't really need to set */
  /* the width, but it's here to catch erroneous problems.      */
  overflow: hidden;
  width: 162px;
}

#main-right h3 {
  /* this matches main h3 */
  font-size: 113%;
}

/***************
 ProxyItem types
 ***************/
div.caseStudyItem,
div.featureImageItem {
  background-color: #c0af2c;
  color: #ffffff;
  margin-bottom: 13px;
  overflow: hidden; /* This is a temporary css fix while awaiting functional correction */
  padding-bottom: 5px;
}

div.caseStudyItem a:link,
div.caseStudyItem a:visited,
div.caseStudyItem a:hover,
div.featureImageItem a:link,
div.featureImageItem a:visited,
div.featureImageItem a:hover {
  color: #ffffff;
  text-decoration: none;
}

div.caseStudyItem h3,
div.caseStudyItem p,
div.featureImageItem h3,
div.featureImageItem p {
  color: #ffffff;
  font-size: 100%;
  margin: 8px;
  margin-top: 1.1em;
  margin-bottom: 1em;
}

div#main-right div.caseStudyItem h3,
div#main-right div.caseStudyItem p {
  margin: 8px;
}

div.caseStudyItem h3 {
  font-size: 133%;
}

div.signUpBox {
  background-color: #c41230;
  margin-bottom: 13px;
  padding-bottom: 0px;
  width: 162px;
}

div.signUpBox a:link,
div.signUpBox a:visited {
  color: #ffffff;
  text-decoration: none;
}

div.signUpBox h3,
div.signUpBox p {
  color: #ffffff;
  margin: 8px;
}

div.signUpBox img {
  margin-bottom: 0px !important;
  margin-bottom: -3px; /* IE whitespace fix */
}

/***************************
 Feature1Text & Feature2Text
 ***************************/

div#main-right div.PollQuestionProxyItem,
div#main-right div.feature1Text,
div#main-right div.feature2Text {
  background-color: #ece7c0;
  margin-bottom: 13px;
  padding: 8px 0px 8px 0px;
}

div#main-right div.feature1Text blockquote,
div#main-right div.feature2Text blockquote {
  background-color: transparent;
  color: #c41230;
  margin: 0px;
}

div#main-right div.PollQuestionProxyItem h4,
div#main-right div.feature1Text h1,
div#main-right div.feature1Text h2,
div#main-right div.feature1Text h3,
div#main-right div.feature1Text h4,
div#main-right div.feature1Text h5,
div#main-right div.feature1Text p {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}
div#main-right div.PollQuestionProxyItem div.resultArea {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
}

div#main-right div.PollQuestionProxyItem a.resultLink {
  margin: 0px 8px;
}

div#main-right div.feature2Text {
  background-color: #c0af2c;
  overflow: hidden;
  padding-bottom: 0px !important;
  padding-bottom: 1px;
}

div#main-right div.feature2Text a:link,
div#main-right div.feature2Text a:visited {
  color: #ffffff;
}

div#main-right div.PollQuestionProxyItem h4,
div#main-right div.feature2Text h3.title {
  margin-top: 0px;
}

div#main-right div.feature2Text h1,
div#main-right div.feature2Text h2,
div#main-right div.feature2Text h3,
div#main-right div.feature2Text h4,
div#main-right div.feature2Text h5,
div#main-right div.feature2Text p {
  color: #ffffff;
  margin: 0px 8px 8px 8px;
}

div#main-right div.feature1Text p {
  margin-top: 8px;
}

div#main-right div.feature1Text h6,
div#main-right div.feature2Text h6 {
  color: #ffffff;
  margin-left: 8px;
  margin-right: 8px;
}

div#main-right div.feature1Text h6 {
  color: #c41230;
}

/*************
 component-box
 *************/
div#component-box { 
  background-color: transparent;
  color: #5c8727;
  margin: 0;
  overflow: hidden;
  padding: 0px 4px 0px 0px;
  position: absolute;
  right: 0.0%;
  top: 2px;
  z-index: 230;
}

div#component-box a,
div#component-box a:visited,
div#component-box span.button { 
/*  background-color: transparent;
  border-style: solid;
  border-width: 0px;
  color: #5c8727;
  cursor: pointer;
  font-size: 88%;
  font-weight: bold;
  margin: 0px;
  padding: 0px 10px 0px 10px;
  position: static;
  text-decoration: none;
  text-transform: none;
*/}

div#component-box a#component-box-last-link {
  border: none;
}

div#component-box input {
  margin: 0 0 -0.04em 0 !important;
  margin: 0 -0.9em -0.05em -1em;
  padding: 0px 10px 0px 10px !important;
  padding: 0px;
}

h3.title {
  font-family: Arial, verdana, arial, san-serif;
  font-size: 98%;
  margin-bottom: 0px;
  margin-top: 0px;
}

.document h3.title a {
  color: #c41230 !important;
}

/**********
 print-page
 **********/
/* For home page positioning of the print page, see the HomePage style section */
div#print-page {
  display: none;
}

div#print-page input {
  background-color: transparent;
  background-image: url(/images/printer_icon.gif);
  background-position: left 0.4em; 
  background-repeat: no-repeat;
  border-width: 0px;
  color: #000000;
  height: 2em;
  text-align: right;
  text-indent: 18px;
  width: 8.5em;
}

/**********
 search-box
 **********/
div#search-box { 
  background-color: transparent;
  border: none;
  color: #5c8727;
  padding: 3px 13px 0px 0px;
  position: absolute;
  right: 0.0%;
  text-align: right;
  top: 55px;
  vertical-align: top;
  width: 50%;
  z-index: 15; 
}

div#search-box form {
  margin: 0px;
  padding: 0px;
}

div#search-box label,
div#search-box input {
  display: inline;
  vertical-align: bottom;
  width: auto;
}

div#search-box input.text {
  border-color: #5c8727;
  border-style: solid;
  border-width: 1px;
  height: 1.2em;
  padding: 0px;
  width: 151px;
}

div#search-box label.accessHidden {
  display: inline !important;
  font-size: 88%;
  padding-right: 2px;
  position: relative;
  top: 1px;
  visibility: visible !important;
}

div#search-box input.button {
  background-color: transparent;
  background-image: url(helpage_images/search_arrow.gif);
  background-position: right 0.35em;
  background-repeat: no-repeat;
  border: none;
  color: #5c8727;
  font-size: 88%;
  margin: -5px 2px 0px 0px;
  margin-left: -0.8em;
  padding: 0px;
  position: relative;
  text-transform: uppercase;
  top: 3px;
  width: 3.8em;
}

/***********
 main-footer
 ***********/
div#main-footer {
  background-color: #ffffff;
  border-color: #c0af2c;
  border-bottom-color: #cdcdcd;
  border-style: solid;
  border-width: 1px 0px 0px 0px;  
  color: #000000;
  left: 0.0%; 
  padding: 5px 0px 5px 0px;
  position: relative; /* Gets set to absolute in control javascript */
  text-align: left;
  visibility: hidden; /* This is set to 'hidden' so that it doesn't show on JavaScript error. Otherwise gets set to visible. */
  width: 100.0%;
  z-index: 40;
}

div#footer-navigation,
div#copyright {
  margin-left: 7px;
}

div#footer-navigation a,
div#footer-navigation a:visited,
div#footer-navigation span {
  color: #f25821;
  font-size: 88%;
  font-weight: bold;
  text-decoration: none;
}

div#copyright a,
div#copyright span {
  font-size: 84%;
  font-weight: normal;
  text-decoration: none;
}

div#copyright span a {
  font-size: 100%;
  text-decoration: none;
}

div#main-footer div#copyright {
  text-align: left;
  padding-top: 5px;
}

div#main-footer span#designed-by {
  float: right;
  padding-right: 5px;
}

div#main-footer span#designed-by a {
  color: red;
}

div#main-footer span#designed-by-comma {
  display: none;
}

div#main-footer span#company,
div#main-footer span#registered-number {
  float: left;
  padding-right: 10px;
}

div#main-footer div#footer-navigation-static {
  display: inline;
}


/*** :::::::::::::::::::::::: START COMPONENT SPECIFIC STYLES :::::::::::::::::::::::::: ***/

/**********
 ThumbImage
 **********/
/* start: image restrictions */
/* These styles do not affect image size, rather the */
/* image component container frame. This is because  */
/* the description and title of images is shown in   */
/* the component view, but with small images, the    */
/* text imformation can stretch the image component  */
/* display frame larger than the actual image size   */
/* setting. These style rules prohibit that flaw.    */
div#main_content div.smallImageDisplay {
  width: 105px;
}

div#main_content div.mediumImageDisplay {
  width: 162px;
}

div#main_content div.largeImageDisplay {
  width: 215px;
}

div#main_content div.hugeImageDisplay {
  width: 430px;
}
/* end: image restrictions */

div.thumbimage {
  background-color: #ece7c0;
  margin-bottom: 13px;
}

div.thumbimage h3 {
  margin-top: 0px;
}

div.thumbimage img {
  margin-bottom: 0px !important;
  margin-bottom: -3px; /* IE image white-space issue */
}

div.thumbimage p {
  margin: 8px;
}

/**************
 file component
 **************/
div.fileElement {
  background-color: #ece7c0;
  border-color: #333333;
  border-style: solid;
  border-width: 0px;
  clear: both;
  margin-bottom: 15px;
  padding: 5px 0px 5px 10px;
  width: auto;
}

div.fileElement h3 {
  font-size: 100%;
  margin: 2px 0px 0px 0px;
  padding: 0px;
}

div.fileElement p {
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

/******************
 document component 
 ******************/
div.document h5 {
  color: #c41230;
}

div.document p {
  margin-bottom: 1em;
  margin-top: 0px;
}

div.document table {
  table-layout: fixed;
  width: auto;
}

div.document td {
  width: auto;
}

/**********************
 PollQuestion component
***********************/
div.pollQuestion {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.result_message {
  margin-top: 10px;
}

div.feedback {
  margin-top: 10px;
}

/********************************************
 proxyList, proxyNewsList & proxyResourceList 
 ********************************************/
div.proxyListBatchNavigation {
  margin-bottom: 13px;
}

div.ProxyList div.editFrame {
  border-width: 0px;
}

div.proxyList ul,
div.proxyList li,
div.proxyNewsList ul,
div.proxyNewsList li,
div.proxyResourceList ul,
div.proxyResourceList li {
  background-image: none;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div.proxyList li,
div.proxyNewsList li,
div.proxyResourceList li {
  font-size: 100%; /* fixes 90% of 90% problem caused by standard list items being set to 90% */
  margin-bottom: 13px;
}

div.proxyList a,
div.proxyNewsList a,
div.proxyResourceList a {
  font-weight: bold;
  text-decoration: none;
}

div.thumbimageProxyList div.editFrame {
  border-width: 0px;
}

div.thumbimageProxyList ul,
div.thumbimageProxyList li {
  margin: 0px;
  padding:0px;
}

div.thumbimageProxyList div.thumbimage div.editControls {
  display: none;
}

div.topBatchNavigation {
  text-align: right;
}

/*********
 ProxyItem
 *********/
div.proxyItem div.PollQuestion p{
  margin-left: 7px;
}

div.PollQuestionProxyItem p {
  font-weight: bold;
  margin-left: 7px;
}

div.proxyItem div.PollQuestion div.radio {
  margin-left: 5px;
}

/*****************
 eNewsletterSignup
 *****************/

div.newslettersignup {
  background-color: #c41230;
}

div.newslettersignup h3 {
  color: #ffffff;
  font-size: 135% !important;
  font-weight: bold !important;
  margin-left: 4px !important;
}

div.newslettersignup p {
  color: #ffffff;
  margin-bottom: 2px;
  margin-left: 5px;
}

div.newslettersignup form {
  margin-top: 0px;
}

div.newslettersignup input#email {
  margin-bottom: 8px;
  margin-left: 5px;
  margin-right: 0px;
  padding: 0px;
  width: 50%;
}

div.newslettersignup input.button {
  margin-bottom: 8px !important;
  margin-bottom: 7px;
  margin-left: auto !important;
  margin-left: 0px;
  padding: 0px;
}

/*** :::::::::::::::::::::::: END COMPONENT SPECIFIC STYLES :::::::::::::::::::::::::: ***/


/*** :::::::::::::::::::::::: START PAGE SPECIFIC STYLES :::::::::::::::::::::::::: ***/

/******************
 Google map
 ******************/

div#map {
  width: 430px;
  height: 400px;
}

/******************
 CountryProfilePage
 ******************/

body.CountryProfilePage div#region_image div.thumbimage {
  background-color: transparent;
}

body.CountryProfilePage div#col1 {
 float:left;
 width:49%;
 margin-top: 1em;
}

body.CountryProfilePage div#col2 {
 float:right;
 width:49%;
 margin-top: 1em;
}

body.CountryProfilePage div#col1 li,
body.CountryProfilePage div#col2 li {
 margin-bottom: 0px;
 margin-top: 0px;
}

body.CountryProfilePage br.clear {
 width: 60%;
 clear: both;
}

/********
 HomePage
 ********/
body.HomePage div#breadcrumbs,
body.HomePage div#content-header,
body.HomePage div#content-footer,
body.HomePage div#last-modified {
  display: none;
}

body.HomePage div#main-content,
body.HomePage div#main-right {
  border-top-width: 1px !important;
  border-top-width: 0px;
  margin: 0px;
  padding: 1.8em 0 0 0;
  top: 87px !important;
  top: 88px;
}

body.HomePage div#main-footer {
  border-color: #cdcdcd;
}

body.HomePage div#main-right div.component,
body.HomePage div#main-right div.thumbimage {
  margin-bottom: 13px;
}

body.HomePage h3.title,
#main-right a.nonImageLink {
  color: #ffffff !important;
  display: block;
  font-size: 143%;
  font-weight: normal;
  margin: 0px 8px 0px 8px;
  padding-bottom: 5px;
  padding-top: 5px;
}

body.HomePage div#main-right h3.title,
#main-right a.nonImageLink {
  font-size: 133%;
  font-weight: bold;
}

body.HomePage div.document h3.title {
  color: #c41230;
  margin-bottom: 1em;
  margin-left: 0px;
}

body.HomePage div#right_content-item-1.thumbimage {
  background-color: #ba9dca;
}

body.HomePage div#right_content-item-2.thumbimage {
  background-color: #d4a67c;
}

body.HomePage div#right_content-item-3.thumbimage {
  background-color: #c0af2c;
}

body.HomePage div#right_content-item-4.thumbimage {
  background-color: #B65312;
}

body.HomePage div#right_content-item-5.thumbimage {
  background-color: #48B8D2;
}

body.HomePage div#right_content-item-6.thumbimage {
  background-color: #D28CA6;
}

body.HomePage td#home-cell-4 li {
  background-image: url(helpage_images/bullet_1.gif);
  background-position: 1em 0.5em;
  background-repeat: no-repeat;
  list-style-type: none;
  margin: 0px 8px 0px 0px;
  padding: 0px 0px 13px 26px;
  width: auto !important;
}

body.HomePage div.signUpBox p {
  font-weight: bold;
  padding-bottom: 0px !important;
  padding-bottom: 13px;
}

body.HomePage div.thumbimage,
body.HomePage div.thumbimage p {
  background-color: transparent;
  margin: 0px;
  overflow: hidden;
}

body.HomePage div.thumbimage div.editControls {
  clear: both;
  overflow: hidden;
}

body.HomePage td#home-cell-3 div.thumbimage h3,
body.HomePage td#home-cell-3 p {
  background-color: transparent;
  color: #000000 !important;
  font-size: 100%;
  float: right;
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
  width: 151px;
}

body.HomePage td#home-cell-3 div.thumbimage {
  margin-bottom: 13px;
}

body.HomePage td#home-cell-3 div.thumbimage h3 {
  font-weight: bold;
}

body.HomePage td#home-cell-3 div.thumbimage img {
  float: left;
}

body.HomePage td#home-cell-3 div.thumbimage img.editControlIcon {
  float: none;
}

body.HomePage td#home-cell-3 h3.title,
body.HomePage td#home-cell-4 h3.title {
  background-color: #5c8727;
  margin: 0px 0px 13px 0px;
  text-indent: 8px;
}

div#home-issue-selector,
div#home-issue-selector h3 {
  background-color: #ba9dca;
}

div#home-issue-selector a:link,
div#home-issue-selector a:visited {
  color: #ffffff;
  margin: 0px 8px 0px 8px;
}

div#home-issue-selector select {
  margin: 0px 0px 8px 8px;
}

table#home-content-frame {
  width: 100%;
}

table#home-content-frame td {
  border-color: #ffffff;
  border-style: solid;
  border-width: 0px;
  vertical-align: top;
  width: 50%;
}

table#home-content-frame td#home-cell-3,
table#home-content-frame td#home-cell-4 {
  background-color: #cedbbe;
  border-top-width: 13px;
}

table#home-content-frame td#home-cell-3 div.thumbimage,
table#home-content-frame td#home-cell-4 div.thumbimage {
  background-color: transparent;
  padding: 0px !important;
  margin-left: 13px !important;
  margin-left: 0px;
  padding-left: 13px;
  overflow: hidden;
  width: 257px;
}

table#home-content-frame td#home-cell-1,
table#home-content-frame td#home-cell-3 {
  border-right-width: 13px;
}

td#home-image-contents-edit div.component {
  margin: 0px 0px 13px 0px;
}

td#home-image-contents-edit div.thumbimageProxyList div.thumbimage {
  width: 50%;
}

/****************
 GalleryProxyItem 
 ****************/

div.galleryProxyItem {
  margin-bottom: 13px;
}

div.galleryProxyItem,
div.galleryProxyItem h3 {
  background-color: #87b2d8;
}

div.galleryProxyItem h3.title {
  color: #ffffff;
  display: block;
  font-size: 143%;
  font-weight: normal;
  margin: 0px 8px 0px 8px;
  padding-bottom: 5px;
  padding-top: 5px;
}

div.galleryProxyItem h3.title a {
  color: #ffffff;
}

/********************
 DevelopmentDiaryPage
 ********************/
h4.diaryYear {
  background-color: #c0af2c;
  color: #ffffff;
  font-size: 98%;
  font-weight: normal;
  text-indent: 2px;
  width: 100%;
}
 
span.diaryMonth {
  color: #c41230;
}

ul.diaryMonthList {
  margin: 0px 0px 13px;
  padding: 0px;
}

ul.diaryMonthList li {
  list-style-image: none;
  list-style-type: none;
}


/*******************************
 GalleryListPage and GalleryPage
 *******************************/
body.GalleryPage div#main-content {
  border-right-width: 0px;
}

div.galleryListItem {
  background-color: #c0af2c;
  float: left;
  margin: 0px 13px 13px 0px;
  overflow: hidden;
  width: 130px !important;
  width: 131px;
}

div.galleryListItem a:link,
div.galleryListItem a:visited,
div.galleryListItem a:hover {
  color: #ffffff;
  font-weight: normal;
}

div.galleryListItem p {
  color: #ffffff;
  font-size: 143%;
  font-weight: normal;
  overflow: hidden;
}

div#gallery-list,
div.galleryListRow {
  clear: both;
  float: none;
  overflow: hidden;
  position: relative;
}

body.GalleryPage div#intro_text {
  margin-bottom: 13px;
}

body.GalleryPage div#gallery-main-content {
  float: left;
  position: relative;
  width: 430px;
}

body.GalleryPage div#main-content div#content-header {
  border-width: 0px;
}

body.GalleryPage div#main-content h2#page-title {
  top: -1.3em;
}

body.GalleryPage div#main-right {
  display: none;
}

body.GalleryPage div#thumbnail-list {
  border-color: #ffffff;
  border-style: solid;
  border-width: 1px 0px 0px 13px;
  float: right;
  overflow: hidden;
  width: 160px;
} 

body.GalleryPage div.thumbnailItem {
  margin-bottom: 13px;
}

body.GalleryPage div#main-content div.thumbimage {
  width: auto;
}

div#gallery-page-content {
  border-color: #c0af2c;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
}

/*************************************************
 WorldwideHomePage &  RegionPage & SectionHomePage & NewsSectionPage
 *************************************************/

body.WorldwideHomePage div#region_image div.thumbimage {
  background-color: transparent;
  margin-bottom: 0px;
  width: auto;
}

body.WorldwideHomePage div#region_image div.editFrame {
  width: 99.4%;
}

body.RegionPage div#main_content,
body.WorldwideHomePage div#main_content,
body.SectionHomePage div#main_content, 
body.NewsSectionPage div#main_content {
  background-color: #ece7c0;
  overflow: hidden;
  width: 100%;
}

body.RegionPage div#main_content div.thumbimage,
body.WorldwideHomePage div#main_content div.thumbimage,
body.SectionHomePage div#main_content div.thumbimage,
body.NewsSectionPage div#main_content div.thumbimage {
  margin-bottom: 0px;
}

body.RegionPage div#main_content h3.title,
body.WorldwideHomePage div#main_content h3.title,
body.SectionHomePage div#main_content h3.title, 
body.NewsSectionPage div#main_content h3.title {
  font-size: 133%;
}

body.RegionPage div.contentArea div.component,
body.SectionHomePage div.contentArea div.component, 
body.NewsSectionPage div.contentArea div.component {
  clear: both;
  float: none;
}

body.RegionPage div#main_content div.thumbimage,
body.RegionPage div#section-b-item-1,
body.RegionPage div#section-c-item-1,
body.WorldwideHomePage div#section-b-item-1,
body.WorldwideHomePage div#section-c-item-1,
body.SectionHomePage div#main_content div.thumbimage,
body.SectionHomePage div#section-b-item-1,
body.SectionHomePage div#section-c-item-1, 
body.NewsSectionPage div#main_content div.thumbimage, 
body.NewsSectionPage div#section-b-item-1, 
body.NewsSectionPage div#section-c-item-1 {
  clear: none;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 205px;
  width: 209px;
}

body.RegionPage div#main_content div.hugeImageDisplay,
body.SectionHomePage div#main_content div.hugeImageDisplay, 
body.NewsSectionPage div#main_content div.hugeImageDisplay {
  width: auto;
}

body.RegionPage div#section-c-item-1,
body.WorldwideHomePage div#section-c-item-1,
body.SectionHomePage div#section-c-item-1, 
body.NewsSectionPage div#section-c-item-1 {
  margin-left: 8px !important;
  margin-left: 4px;
  width: 197px;
}

body.RegionPage div#main_content div.document,
body.RegionPage div#section-b-item-2,
body.RegionPage div#section-c-item-2,
body.WorldwideHomePage div#section-b-item-2,
body.WorldwideHomePage div#section-c-item-2,
body.SectionHomePage div#main_content div.document,
body.SectionHomePage div#section-b-item-2,
body.SectionHomePage div#section-c-item-2, 
body.NewsSectionPage div#main_content div.document,
body.NewsSectionPage div#section-b-item-2, 
body.NewsSectionPage div#section-c-item-2 {
  clear: none;
  float: right;
  padding: 0px;
  width: 205px !important;
  width: 209px;
}

body.RegionPage div#main_content div.document,
body.SectionHomePage div#main_content div.document, 
body.NewsSectionPage div#main_content div.document, 
body.RegionPage div#section-c-item-2,
body.WorldwideHomePage div#section-c-item-2,
body.SectionHomePage div#section-c-item-2, 
body.NewsSectionPage div#section-c-item-2  {
  margin-right: 8px !important;
  margin-right: 4px;
  width: 197px !important;
  width: 202px;
}

body.RegionPage div.contentArea p,
body.WorldwideHomePage div.contentArea p,
body.SectionHomePage div.contentArea p, 
body.NewsSectionPage div.contentArea p {
  margin-bottom: 7px;
}

body.RegionPage div.contentArea h3.title,
body.WorldwideHomePage div.contentArea h3.title,
body.SectionHomePage div.contentArea h3.title, 
body.NewsSectionPage div.contentArea h3.title {
  font-size: 113%;
  margin-top: 7px;
}

body.RegionPage div#main_content div.thumbimage h3,
body.RegionPage div#main_content div.thumbimage p,
body.SectionHomePage div#main_content div.thumbimage h3,
body.SectionHomePage div#main_content div.thumbimage p, 
body.NewsSectionPage div#main_content div.thumbimage h3, 
body.NewsSectionPage div#main_content div.thumbimage p {
  display: none;
}

body.RegionPage div#section-b,
body.RegionPage div#section-c,
body.WorldwideHomePage div#section-b,
body.WorldwideHomePage div#section-c,
body.SectionHomePage div#section-b,
body.SectionHomePage div#section-c, 
body.NewsSectionPage div#section-b, 
body.NewsSectionPage div#section-c {
  background-image: url(helpage_images/pixel-one.gif);
  background-position: 215px;
  background-repeat: repeat-y;
  border-color: #ffffff;
  border-style: solid;
  border-width: 13px 0px 13px 0px;
  clear: both;
  float: none;
  overflow: hidden;
  width: 100%;
}

body.RegionPage div#section-c,
body.WorldwideHomePage div#section-c,
body.SectionHomePage div#section-c, 
body.NewsSectionPage div#section-c {
  background-color: #ece7c0;
  background-image: url(helpage_images/pixel-two.gif);
  border-color: #ece7c0;
  border-width: 2px 0px 2px 0px;
}

body.RegionPage div#section-b div.document h3.title,
body.RegionPage div#section-b div.proxyList h3.title,
body.WorldwideHomePage div#section-b div.document h3.title,
body.SectionHomePage div#section-b div.document h3.title, 
body.NewsSectionPage div#section-b div.document h3.title,
body.NewsSectionPage div#section-b div.proxyList h3.title {
  margin-top: 0px;
}

body.RegionPage div.publicationListItem div.image,
body.RegionPage div.publicationListItem div.details,
body.SectionHomePage div.publicationListItem div.image,
body.SectionHomePage div.publicationListItem div.details, 
body.NewsSectionPage div.publicationListItem div.image, 
body.NewsSectionPage div.publicationListItem div.details {
  display: none;
}

body.NewsSectionPage div.newsListItem span.date {
  display: none;
}

/********************
 SearchPage & SiteMap
 ********************/
body.SearchPage div#content-footer {
  margin-right: 0px !important;
}

form#search input {
  padding: 0px; 
  margin: 0px;
}

form#search input.button {
  height: 1.6em !important;
  height: 1.5em;
  width: auto !important;
  width: 4em;
}

div#search-results-form label {
  display: none;
}

div.searchResultNavigation {
  text-align: right;
}

/*
div#result-navigation-one {
  /*margin-top: 0px;*/
  margin-top: -10px;
}
*/

div#result-navigation-two {
  display: inline;
  float: right;
  position: relative;
  /*top: -1.1em;*/
}

div#search-results {
  border-color: #c0af2c;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  margin-top: 3px;
  padding-top: 0px; 
}

div#search-results h3 {
  font-size: 103%;
  margin-top: 5px;
}

div#search-results h3 a {
  font-size: 100%;
}

div.searchResultNavigation a,
h3.searchResult,
h3.searchResult a:link, 
h3.searchResult a:visited {
  margin-bottom: 0px;
  text-decoration: none;
}

div.searchResult1 {
  background-color: #d9cf81;
  border-color: #ece7c0;
  border-style: solid;
  border-width: 0px;
  padding: 5px;
}

div.searchResult0 {
  background-color: #dedede;
  padding: 5px;
}

p.searchResultDate {
  color: #c41230;
  font-size: 80%;
  margin: 0px;
  text-align: right;
}

div#search-result-summary p {
  margin-bottom: 0px;
}

div#search-result-pages {
  margin-top: 3em;
}

h2.searchResult a:hover {
  text-decoration: underline;
}

h2.searchResult p {
  margin-top: 0px;
}

div#site-map-contents {
  margin: 20px 0px 0px 0px;
}

div#site-map a {
  text-decoration: none;
}

div#site-map ul,
div#site-map li {
  background-image: none;
  border-style: solid;
  border-width: 1px;
  list-style-type: none;
  margin: 0px;
  padding: 1px 0px 1px 0px;
}

div#site-map ul {
  border-width: 0px;
}

div#site-map li.pageDepth0 a:link, 
div#site-map li.pageDepth0 a:visited, 
div#site-map li.pageDepth0 a:hover {
  color: #ffffff;
}

div#site-map li.pageDepth1 a:link, 
div#site-map li.pageDepth1 a:visited, 
div#site-map li.pageDepth1 a:hover,
div#site-map li.pageDepth2 a:link, 
div#site-map li.pageDepth2 a:visited, 
div#site-map li.pageDepth2 a:hover,
div#site-map li.pageDepth3 a:link, 
div#site-map li.pageDepth3 a:visited, 
div#site-map li.pageDepth3 a:hover {
  color: #000000;
}

div#site-map li.pageDepth0 {
  color: #ffffff;
  display: block;
  margin: 10px 0px 1px 0px;
  position: relative;
  text-indent: 10px;
}

div#site-map li.pageDepth1 {
  color: #000000;
  margin: 0px;
  text-indent: 30px;
}

div#site-map li.pageDepth2 {
  text-indent: 50px;
}

div#site-map li.pageDepth3 {
  margin: 0px 0px 1px 0px;
  text-indent: 70px;
}

div#site-map li a.topOfPage {
  position: absolute;
  right: 5px;
  top: 0px;
}

ul#site-map-section-zero li.pageDepth0 {
  background-color: #5c8727;
  border-color: #5c8727;
}

ul#site-map-section-zero li.pageDepth1 {
  background-color: #9db77d;
  border-color: #9db77d;
}

ul#site-map-section-zero li.pageDepth2 {
  background-color: #cedbbe;  
  border-color: #cedbbe;
}

ul#site-map-section-zero li.pageDepth3 {
  background-color: transparent;
  border-color: #cedbbe;  
}

ul#site-map-section-one li.pageDepth0 {
  background-color: #72afb6;
  border-color: #72afb6;
}

ul#site-map-section-one li.pageDepth1 {
  background-color: #aacfd3;
  border-color: #aacfd3;
}

ul#site-map-section-one li.pageDepth2 {
  background-color: #d4e7e9;  
  border-color: #d4e7e9;  
}

ul#site-map-section-one li.pageDepth3 {
  background-color: transparent;
  border-color: #d4e7e9;  
}

ul#site-map-section-two li.pageDepth0 {
  background-color: #d4a67c;
  border-color: #d4a67c;
}

ul#site-map-section-two li.pageDepth1 {
  background-color: #e5cab0;
  border-color: #e5cab0;
}

ul#site-map-section-two li.pageDepth2 {
  background-color: #f2e4d7;  
  border-color: #f2e4d7;  
}

ul#site-map-section-two li.pageDepth3 {
  background-color: transparent;
  border-color: #f2e4d7;  
}

ul#site-map-section-three li.pageDepth0 {
  background-color: #ba9dca;
  border-color: #ba9dca;
}

ul#site-map-section-three li.pageDepth1 {
  background-color: #d6c4df;
  border-color: #d6c4df;
}

ul#site-map-section-three li.pageDepth2 {
  background-color: #eae1ef;  
  border-color: #eae1ef;  
}

ul#site-map-section-three li.pageDepth3 {
  background-color: transparent;
  border-color: #eae1ef;  
}

ul#site-map-section-four li.pageDepth0 {
  background-color: #87b2d8;
  border-color: #87b2d8;
}

ul#site-map-section-four li.pageDepth1 {
  background-color: #b7d1e8;
  border-color: #b7d1e8;
}

ul#site-map-section-four li.pageDepth2 {
  background-color: #dbe8f3;  
  border-color: #dbe8f3;  
}

ul#site-map-section-four li.pageDepth3 {
  background-color: transparent;
  border-color: #dbe8f3;  
}

ul#site-map-section-five li.pageDepth0 {
  background-color: #c78d86;
  border-color: #c78d86;
}

ul#site-map-section-five li.pageDepth1 {
  background-color: #debbb7;
  border-color: #debbb7;
}

ul#site-map-section-five li.pageDepth2 {
  background-color: #eedddb;  
  border-color: #eedddb;  
}

ul#site-map-section-five li.pageDepth3 {
  background-color: transparent;
  border-color: #eedddb;  
}

ul#site-map-section-six li.pageDepth0 {
  background-color: #c0af2c;
  border-color: #c0af2c;
}

ul#site-map-section-six li.pageDepth1 {
  background-color: #d9cf81;
  border-color: #d9cf81;
}

ul#site-map-section-six li.pageDepth2 {
  background-color: #ece7c0;  
  border-color: #ece7c0;  
}

ul#site-map-section-six li.pageDepth3 {
  background-color: transparent;
  border-color: #ece7c0;  
}


/**************************************
 NewsArchivePage, NewsItem, JobListPage
 **************************************/
body.NewsArchivePage div.proxyNewsList a,
body.JobsListPage div.proxyList a {
  font-weight: normal;
}

div.newsElement div.editFrame {
  border-width: 0px;
  margin: 0px;
}

div.newsElement div.editFrame div.editControls,
div.newsElement p.leadlineDescription {
  display: none;
}

div.newsListItem span.date a,
div.jobsListItem span.date a {
  color: #c41230;
}

div.newsListItem span.description,
div.jobsListItem span.description {
  display: block;
}

div.newsListItem span.title a:link,
div.newsListItem span.title a:visited {
  color: #5c8727;
}

div.proxyNewsList p.proxyListItemsShowing,
div.proxyNewsList div.proxyListBatchNavigation {
  display: none;
}

/*********************************************
 ResourcePage & KeyprojectPage PublicationList
 CaseStudyListPage
 *********************************************/
body.FeaturesPage div.proxyList li div,
body.CaseStudyListPage div.proxyList li div,
body.KeyprojectsPage div.proxyList li div {
  width: 100%;  
}

body.FeaturesPage div.proxyList li div div.editControls,
body.CaseStudyListPage div.proxylist li div div.editControls,
body.KeyprojectsPage div.proxyList li div div.editControls {
  display: none;
}

body.FeaturesPage div.proxyList li div th.title a,
body.KeyprojectsPage div.proxyList th.title a,
div.proxyList div.CaseStudyPage th.title a,
div.publicationListItem th.title,
div.publicationListItem th.title a {
  background-color: #c0af2c;
  color: #ffffff;
  float: none;
  font-size: 133%;
  font-weight: normal;
  margin: 0px;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
}

body.FeaturesPage div.proxyList li div th.title a,
body.KeyprojectsPage div.proxyList th.title a,
div.proxyList div.CaseStudyPage th.title a {
  display: block;
}

body.FeaturesPage div.proxyList li div th.title,
body.CaseStudyListPage div.proxyList li div th.title,
body.KeyprojectsPage div.proxyList li div th.title {
  height: auto;
}

body.FeaturesPage div#keyproject_summary,
body.CaseStudyListPage div#keyproject_summary,
body.KeyprojectsPage div#keyproject_summary {
  border-color: #c0af2c;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  padding-top: 13px;
}

body.FeaturesPage div.proxyList li div td,
body.CaseStudyListPage div.proxyList li div td,
body.KeyprojectsPage div.proxyList li div td,
div.publicationListItem td {
  vertical-align: top;
}

body.FeaturesPage div.proxyList li div td.description,
body.CaseStudyListPage div.proxyList li div td.description,
body.KeyprojectsPage div.proxyList li div td.description,
div.publicationListItem td.description {
  font-size: 80%;
}

body.FeaturesPage div.proxyList li div td.image,
body.KeyprojectsPage div.proxyList li div td.image,
body.CaseStudyListPage div.proxyList li div td.image,
div.publicationListItem td.image {
  padding: 1px 8px 0px 0px;
}

body.FeaturesPage div.proxyList li div td.text p,
body.KeyprojectsPage div.proxyList li div td.text p,
body.CaseStudyListPage div.proxyList li div td.text p,
div.publicationListItem td.details p {
  margin-top: 7px;
  margin-bottom: 0px;
}

body.FeaturesPage div#main_content-item-1,
body.CaseStudyListPage div#main_content-item-1,
body.KeyprojectsPage div#main_content-item-1 {
  margin-bottom: 0px !important;
  margin-bottom: 13px;
}

div.publicationListItem {
  border-color: #c0af2c;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  margin-bottom: 13px;
}

div.publicationListItem td.price {
  padding-bottom: 4px;
  text-align: right;
  vertical-align: bottom;
}

div.publicationListItem td.price p {
  margin: 0px;
}

div.publicationListItem a.orderLink {
  background-color: #c0af2c;
  border-color: #c0af2c;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.6em;
  padding: 2px 4px 2px 4px;
  margin-left: 10px;
}

body.ResourcePage div.proxyList h3.title {
  display: none;
}

/**********************
 RegionalBackgroundPage
 **********************/
body.RegionBackgroundPage div#main_content {
  margin-bottom: 13px;
}

/*********************
 Publications ordering
 *********************/

table#order-summary th {
 text-align: left;
}

table#order-summary td.columnOne {
 text-align: left;
 vertical-align: top;
}

table#order-summary td.columnTwo {
 text-align: left;
 vertical-align: top;
}

table#delivery-address th.columnOne {
 text-align: left;
}

table#delivery-address td.columnTwo {
 text-align: left;
}

/*** :::::::::::::::::::::::: END PAGE SPECIFIC STYLES :::::::::::::::::::::::::: ***/


/***********************
 Forms and Form  Element
 ***********************/
body.GenericForm form.form fieldset {
  border-width: 0px;
}

body.GenericForm form.form div.formButtonRow {
  text-align: center;
}

span.error {
  color: red;
}

div.formButtonRow {
  margin: 20px 0px 0px 0px;
}

div.formElement div.editControls {
  clear: both;
}

div.formRow {
  padding: 5px;
}

div.formRow table.formRow {
  width: 100%;
} 

div.formLabel {
  float: left;
  padding-bottom: 13px;
}

div.formField {
  float: right;
  padding-bottom: 13px;
}

table td.label,
div.formLabel {
  font-weight: bold;
  vertical-align: top;
  width: 25%;
}

table td.field,
div.formField {
  vertical-align: top;
  width: 75%;
}

table th.label {
  font-weight: bold;
  vertical-align: top;
  width: 25%;
}

div.formRow input.input, 
div.formRow textarea, 
div.formRow select, 
div.formRow option {
  vertical-align: top;
}

*.editableFormLabel {
  border: 1px solid red;
  margin: 0px;
  padding: 0px;
}

*.warning,
*.required {
  color: red;
  font-size: 90%;
}

/***************
 editMode styles
 ***************/
div.editFrame {
  padding: 0px !important;
}

div.editControls {
  background-color: transparent !important;
}

div#page.webfactoryAction div#main-content {
  border-right-width: 0px;
  left: 0%;
  margin-left: 0px;
  width: 100.0%;
}

div#page.editMode div#main-right {
  /* allows right borders of editFrame to show in IE (normally hidden because of pixel shift) */
  border-left-width: 13px !important;
  border-left-width: 11px;
}

div#main-right div.editFrame {
  padding-bottom: 0px; /* This stops coloured bg appearing after control buttons */
}

div#login-form-frame {
  display: block;
  margin: 2% auto;
  padding: 5px 10px 10px 10px;
  width: 50%;
}

form#document-edit-form div#remote-url-edit {
  background-color: #f0f0ee !important;
  border-color: #cccccc !important;
  margin: 0px !important;
  width: auto !important;
}


div#right-banner{
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right; 
float:right;
height: 387px;
width: 138px;
margin-top:3px;

} 

div#right-banner img#right-banner-logo {
float:right;
margin-right:-10px;
}


div#top-banner{
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:right;
  margin-top:54pt;  
  float:left;
  height: 0px;
  width: 100%;
}

div#top-banner img#top-banner-logo {


width: 100%;

}

div#email-link{
position:relative;
top:-30pt;
width:100%;
left:210pt;
height:15px;
}

div.sociable

{

padding-top: 5px;

margin-right: 0pt;

margin-bottom: 0px;

margin-left: 0pt;

float: left;

width: 100%;

color:#5c8727;
}
#right-sidebar
{
        width:140px;
        background-color:#bb0f18;
        padding:0 10px 0px 0px;
        }

#right-sidebar form {
     margin-right:10pt;
        }

#right-sidebar{
float:top;
width: 152px;
display:block;
}
#right-sidebar h2 {
        font-family: 'Lucida Grande', Verdana, Sans-Serif;
        font-size: 1em;
        color:#ffffff;
}
#right-sidebar {
        font: 0.8em 'Lucida Grande', Verdana, Arial, Sans-Serif;
        float:right;
}

#right-sidebar ul, #right-sidebar ul ol {
        margin: 10pt 0 0 0;
        padding: 0;
        }


#right-sidebar ul li {
        padding: 0px 0 20px 0;
        margin-left: 10px;
        width: 130px;
}

#right-sidebar ul p, #right-sidebar ul select {
        margin: 5px 0 8px;
        }

#right-sidebar ul ul, #right-sidebar ul ol {
        margin: 5px 0 0 10px;
        }

#right-sidebar ul ul ul, #right-sidebar ul ol {
        margin: 0 0 0 10px;
        }

ol li, #right-sidebar ul ol li {
        list-style: decimal outside;
        }

#right-sidebar ul ul li, #right-sidebar ul ol li {
        margin: 3px 0 0;
        padding: 0;
        }
#right-sidebar ul ul li, #right-sidebar ul ol li{
        color: #777;
        }
div.navigation{
margin-top:30px;
}