/*********************/
/*   GENERIC ITEMS   */
/*********************/
h2		{color:#636; padding:1px;}
h2 span	{color:#636; display:block;}
h3		{color:#939;}
h4		{color:#636;}
h4 a	{color:#03c; display:block; background:url(/i/howYouCanHelp/arrowRight.gif) -5px 0px no-repeat; padding:0 0 0 10px;}


/*********************/
/* GLOBAL NAVIGATION */
/*********************/
#globalNavigation		{background:#939;}
#globalNavigation #primaryNavigation	{background-color: #f0e1f0;}
#globalNavigation #primaryNavigation ul li a	{border-left: solid 1px #636;}
#globalNavigation #primaryNavigation ul li a.first	{border-left: solid 1px #f5f5ef;}
#globalNavigation #secondaryNavigation ul	{background:#939;}
#globalNavigation #secondaryNavigation li.selected a	{background:#fff url(/i/howYouCanHelp/arrowDown.gif) right center no-repeat; color:#636; font-weight:bold;}
#globalNavigation #secondaryNavigation ul li.howYouCanHelp a.selected:hover	{background: #fff url(/i/gen/arrowDown.gif) right center no-repeat; color:#039;}
#globalNavigation #siteSearch	{background:#939 url(/i/divider.gif) 0 5px no-repeat;}
#globalNavigation #siteSearch fieldset span	{background-color:#939; margin-left:1px;}
#globalNavigation #siteSearch input.go	{background-image:url(/i/howYouCanHelp/goButton.gif);}
#cookieTrail li a {background: url(/i/howYouCanHelp/arrowRight.gif) right center no-repeat;}
#cookieTrail li a.selected {background: url(/i/howYouCanHelp/arrowDown.gif) right center no-repeat;}
#footer	{border-top:solid 2px #939;}
#em a		{background:url(/i/howYouCanHelp/arrowUp.gif) right center no-repeat;}

/*********************/
/*  LEFT NAVIGATION  */
/*********************/
#rollUpNavigationList h1			{background:#939;}
#rollUpNavigationList ul a.selected,
#rollUpNavigationList ul a.current	{background:#ffe599 url(/i/howYouCanHelp/arrowLeftNav.gif) -2px no-repeat; border-bottom:solid 0px;}
#rollUpNavigationList ul li a		{border-bottom:solid 1px #939;}
#rollUpNavigationList ul li.last a	{border-bottom:solid 0px;}

#focusButton			{background:#939;}
#focusButton a		{color:#fff;}


/***************************************/
/*            GENERAL STUFF            */
/***************************************/
#lookingFor {background: #fff;}
#lookingFor ul li a {background:url(/i/howYouCanHelp/arrowRight.gif) -5px 0 no-repeat;}

/*
#loginIntro {background:#ffe8d9;}
#loginPanel {background:#ebebeb;}
#loginPanel label {color:#3d3d3d;}
#loginPanel input.button {background:#fff;}
#loggedInPanel {background:#ffe8d9;}
#loggedInPanel li a {background: url(/i/howYouCanHelp/arrowRight.gif) left center no-repeat;}
#libraryLoggedInPanel {padding:10px; background:#ffe8d9; margin:0 0 4px 0;}
#libraryLoggedInPanel h2 {color:#737301;}
#libraryLoggedInPanel p {margin:0;}	
#libraryLoggedInPanel div {float:left; margin: 0 9.5em 0 0;}
#libraryLoggedInPanel ul {float:right; width:9.5em; margin:0.4em  0 0 -9.5em; padding:0; list-style-type:none;}
#libraryLoggedInPanel li a {white-space:nowrap; padding:0 0 0 10px; background: url(/i/howYouCanHelp/arrowRight.gif) -5px center no-repeat;}
#registrationFormPanel {background:#ebebeb;}
#registrationFormPanel h2 {background:#ffe8d9; border-bottom:solid 1px #fff;}
#registrationFormPanel label {color:#3d3d3d;}
#registrationFormPanel input.button {background:#fff;}
#forgottenPassword {background:#ebebeb;}
#forgottenPassword h3 {background:#ffe8d9; border-bottom:solid 1px #fff;}
#forgottenPassword label {color:#3d3d3d;}
#forgottenPassword input.button {background:#fff;}
#changePassword {background:#ebebeb;}
#changePassword #topPart {background:#ffe8d9; border-bottom:solid 1px #fff;}
#changePassword label {color:#3d3d3d;}
#changePassword input.button {background:#fff;}
#remindPassword {background:#ffe8d9;}
*/

.recordCount	{background:#ebebeb; color:#3d3d3d;}
.pagination	{background:#ebebeb;}
.pagination span {color:#999;}

#newsList {background: #ebebeb;}
#newsList li a,
#pressReleases li a,
#pressReleases {background: #f0e1f0;}
#newsList li a, 
#pressReleases li a, 
#eventsList li a, 
#introItem li a, 
.contentItems li a	{background:url(/i/howYouCanHelp/arrowRight.gif) -5px 0 no-repeat;}
* html #introItem li	{border:solid 1px #f0e1f0;}
#forthcomingEvents {background:#f0e1f0;}
#eventsList li a	{background:url(/i/howYouCanHelp/arrowRight.gif) -5px 0 no-repeat;}
a.browseAll	{background:url(/i/howYouCanHelp/arrowRight.gif) -5px 0 no-repeat;}

#pressReleases {background: #f0e1f0;}

#forthcomingEvents {background:#f0e1f0;}
#forthcomingEvents a.browseAll	{background:url(/i/howYouCanHelp/arrowRight.gif) -5px 0 no-repeat;}

.sectionIntroItem		{display:block; float:left; clear:both; padding:8px; margin:0 0 5px 0; background:#f0e1f0 !important;}
.sectionIntroItem img	{margin:0 8px 8px 0;}
/*\*/ .sectionIntroItem	{float:none;} /**/

.sectionIntroItem h3 a {background:url(/i/howYouCanHelp/arrowRight.gif) -5px 0 no-repeat;}

#inYourAreaPanel	{background:#f0e1f0;}

#pageHeaderEditorial 				{background:#f0e1f0;}
#pageHeaderEditorial #pageHeader p	{color:#333;}
#pageHeaderAlt 						{background:#f0e1f0;}
#pageHeader #titleArea #quotation	{background:url(/i/howYouCanHelp/openQuotationLarge.gif) 0 0 no-repeat;}
#pageHeader #titleArea #quotation div	{background:url(/i/howYouCanHelp/closeQuotationLarge.gif) right bottom no-repeat;}
#pageHeader #titleArea #quotation div blockquote	{color:#939;}
#pageFooter								{background:#f0e1f0;}
#editorialContent p.firstPara *	{color:#636;}
#editorialContent div.ul ul li, #editorialContent div.ul ol li	{color:#939;}
#editorialContent .quote		{background:url(/i/howYouCanHelp/openQuotationSmall.gif) 0 0 no-repeat;}
#editorialContent .quote div	{background:url(/i/howYouCanHelp/closeQuotationSmall.gif) right bottom no-repeat;}
#editorialContent .quote div blockquote	{color:#636;}

#pageHeader ul.pageIntroductionList li		{color:#939;}

#yearSelector	{background:#f0e1f0;}

.Faqs ul.questions	{background:#f0e1f0;}
.Faqs ul.questions li	{background:url(/i/howYouCanHelp/arrowRight.gif) -2px 4px no-repeat;}
.Faqs ul.answers .backToTop	{background:url(/i/howYouCanHelp/arrowUp.gif) right 3px no-repeat;}

#vacancies					{border:solid 1px #333;}
#vacancies th				{text-align:left; background:#ebebeb; border-bottom:dotted 0px #333; border-right:dotted 0px #333; border-left:dotted 1px #333; padding:4px;}
#vacancies th#firstTh		{border-left:dotted 0px #333;}
#vacancies th.ascending		{background:#ebebeb url(/i/gen/arrowDown.gif) no-repeat right 4px; padding-right:12px;}
#vacancies th.descending	{background:#ebebeb url(/i/gen/arrowUp.gif) no-repeat right 4px; padding-right:12px;}
#vacancies td				{border-left:dotted 1px #333; border-right:dotted 0px #333; border-bottom:dotted 0px #333; border-top:dotted 1px #333; padding:4px;}
#vacancies td.firstTd		{border-left:dotted 0px #333; border-right:dotted 0px #333; border-bottom:dotted 0px #333; border-top:dotted 1px #333;}
#vacancies #vacTitle		{width:15%; background:#f0e1f0;}
#vacancies #vacSalary		{width:19%;}
#vacancies #vacDescription	{width:27%;}
#vacancies #vacLocation	{width:13%;}
#vacancies #vacClosing	{width:13%;}
#vacancies #vacPosted	{width:13%;}


#vacancy				{margin:0 0 10px 0;}
#vacancy th,
#vacancy td				{padding:4px; border-bottom:dotted 1px #333;}
#vacancy .lastRow th,
#vacancy .lastRow td	{border-bottom:dotted 0px;}
#vacancy #vacTitles		{width:25%;}
#vacancy #vacDetails	{width:75%;}
#vacancy th				{text-align:left;}


#applyOnline	{}
#applyOnline ul	{padding:0; margin:8px 0; list-style-type:none;}
#applyOnline li	{display:inline;}
#applyOnline li	a	{background:transparent url(/i/blankButton127.gif) 0 0 no-repeat; display:block; width:120px; float:left; margin:0 5px 0 0; padding:2px 0px 4px 16px;}

#directDebitPostal	{padding:8px;}

#regionAlertAreas 	{padding-left:220px}
.regionArea			{width:250px; float:left;}
.alertArea			{width:250px; float:left;}
.regionArea input.checkbox,
.alertArea input.checkbox	{margin-left:0;}

.directdebitform img	{float:right;}

#introText.campaigns h2				{font-size:1.4em;}
#introText.campaigns .firstPara		{font-size:1.2em; font-weight:bold;}
#introText.campaigns h3				{margin-left:8px;}
#introText.campaigns img			{margin:0 10px 10px 0; float:left;}
#introText.campaigns ul.bullets		{margin:0 0 10px 0;}
#introText.campaigns ul.bullets li	{font-size:medium; color:#939; line-height:0.95em; }
* html #introText.campaigns ul.bullets li	{margin-left:40px;}
#introText.campaigns ul.bullets li a{background-image:none; padding-left:0;}
.caseStudiesList	{padding:8px;}
.caseStudiesList img	{margin:0 10px 0 0; float:left; position:relative; left:100px; margin-left:-100px;}
.caseStudiesList ul	{margin:0; padding:0; list-style-type:none;}
.caseStudiesList li	{margin:0 0 10px 0; padding:8px; background-color:#f0e1f0;}
.caseStudiesList #quotation			{background:url(/i/howYouCanHelp/openQuotationSmall.gif) 0 0 no-repeat;}
.caseStudiesList #quotation.withImage	{margin-left:110px;}
.caseStudiesList #quotation div		{background:url(/i/howYouCanHelp/closeQuotationSmall.gif) right bottom no-repeat;}
.caseStudiesList #quotation div blockquote	{color:#939; margin:0 24px;}
.caseStudiesList #quotation div blockquote *{color:#939;}
#rightColumn #campaignBanners				{padding:0 4px;}
#rightColumn #campaignBanners h2			{color:#939; font-size:medium;}
#rightColumn #campaignBanners .campBox		{border-bottom:solid 1px #ccc; padding-bottom:4px; margin-bottom:4px;}
#rightColumn #campaignBanners .veryLarge	{font-size:1.8em; color:#939;}

#singleCaseStudy					{padding:4px 0 0 4px;}
#singleCaseStudy .caseStudyImage			{float:right; background-color:#f0e1f0; width:160px; overflow-x:hidden; margin:0 0 10px 10px;}
#singleCaseStudy .caseStudyImage p		{margin:5px; font-size:0.85em;}
#singleCaseStudy .ul				{background-color:#f0e1f0; padding:1px 0; margin-bottom:8px;}
#singleCaseStudy .ul li				{color:#939;}
#singleCaseStudy .firstPara			{color:#939; font-weight:bold; font-size:1.1em;}
#singleCaseStudy #quotation			{padding:8px; background-color:#f0e1f0; margin:0 0 10px 0;}
#singleCaseStudy #quotation div		{background: url(/i/howYouCanHelp/openQuotationLarge.gif) 0 0 no-repeat;}
#singleCaseStudy #quotation div div	{background:url(/i/howYouCanHelp/closeQuotationLarge.gif) right bottom no-repeat;}
#singleCaseStudy #quotation div div blockquote	{color:#939; margin:8px 48px; font-weight:bold;}
#frmPetition label.checkbox			{font-weight:normal;}
#frmPetition label.checkbox	span	{font-weight:bold; color:#333;}

#petitionHeader			{padding:8px; background-color:#f0e1f0; margin-bottom:2px;}
#petitionHeader #quotation			{padding:0; background-color:#f0e1f0; margin:0 0 10px 0;}
#petitionHeader #quotation div		{background: url(/i/howYouCanHelp/openQuotationSmall.gif) 0 0 no-repeat;}
#petitionHeader #quotation div div	{background:url(/i/howYouCanHelp/closeQuotationSmall.gif) right bottom no-repeat;}
#petitionHeader #quotation div div *	{color:#939;}
#petitionHeader #quotation div div blockquote	{margin:8px 24px; font-weight:bold;}

#petitionThanks			{margin:0 0 10px 0; background-color:#f0e1f0;}
#petitionThanks img		{float:left;}
#petitionThanks .petitionText			{padding:8px;}
#petitionThanks .petitionTextWithImage	{margin-left:160px; padding:8px;}

#petitionError	{margin-bottom:16px; font-weight:normal;}
#petitionError div	{color:#f00; font-weight:bold; margin-bottom:7px;}
#petitionError span	{color:#f00; font-weight:bold;}

#campaignDetailsBody a	{color:#03c; display:block; background:url(/i/howYouCanHelp/arrowRight.gif) -5px 0px no-repeat; padding:0 0 0 10px;}