/***********************************************/
/* Web Site: Barnardo's Poverty microsite      */
/*                                             */
/* Media: Screen                               */
/*                                             */
/* Author: Oliver Hoad                         */
/*                                             */
/* Created: 01st June 2008                     */
/***********************************************/


/* Standard Formatting
----------------------*/

body {
	margin: 0 auto 10px auto;
	background-color: #d3d3d3;
	font: 0.8em verdana, arial, helvetica, sans-serif;
}

p {
	margin: 0 0 12px 0;
	line-height: 1.5em;
	color: #222;
}

p sup {
	color: #666;
}

h1 {
	margin: 0 0 12px 0;
	font: normal 1.8em verdana, arial, helvetica, sans-serif;
	color: #891c1c;
}

h2 {
	margin: 0 0 14px 0;
	font: normal 1.3em verdana, arial, helvetica, sans-serif;
	color: #222;
}

h3 {
	margin: 0 0 12px 0;
	font: bold 1.0em verdana, arial, helvetica, sans-serif;
	color: #222;
}

blockquote {
	font-size: 0.75em;
	line-height: 1.4em;
}

ul {
	margin: 8px 0 10px 14px; /* Required for cross-browser list indentation */
	padding: 0 0 0 14px; /* Required for cross-browser list indentation */
	color: #222;
	list-style-image: url(pov_standard_bullet.gif);
}

ol {
	margin: 8px 0 10px 15px; /* Required for cross-browser list indentation */
	padding: 0 0 0 15px; /* Required for cross-browser list indentation */
	color: #222;
}

ul li {
	line-height: 1.5em;
	margin: 0 0 7px 0;
	padding: 0;
}

ol li {
	line-height: 1.5em;
	margin: 0 0 5px 0;
	padding: 0;
}

a {
	color: #891c1c;
	text-decoration: none;
}

a:visited {
	color: #a75555;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited:hover {
	color: #891c1c;
	text-decoration: underline;
}

hr {
	clear: both;
	width: 100%;
	height: 0;
	margin: 0 0 10px 0;
	border: none 0;
	border-top: 1px solid #adafb6;
}

.smalltext {
	font-size: 0.7em;
	line-height: 1.3em;
}

.alignleft {
	float: left;
	clear: both;
	margin: 5px 5px 5px 0;
}

.alignright {
	float: right;
	clear: both;
	margin: 5px 0 5px 5px;
}

.highlightgrey {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1px solid #adafb6;
	background: #dadbde;
	font-size: 0.75em;
	color: #222;
	line-height: 1.6em;
}

.highlight {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 1px solid #702525;
	background: #953232;
	font-size: 0.75em;
	color: #f2f2f2;
	line-height: 1.6em;
}

.highlight br, .highlightgrey br {
	line-height: 0.5em;
}

.highlight a, .highlightgrey a {
	
}

.highlight p, .highlightgrey p {
	font-size: 100%;
}

.quoteleft {
	float: left;
	width: 155px;
	margin: 6px 6px 0 0;
	padding: 5px;
	border: 1px solid #adafb6;
	background: #dadbde;
	font-style: italic;
	font-size: 0.7em;
	color: #222;
	line-height: 1.4em;
}

.quoteright {
	float: right;
	width: 155px;
	margin: 6px 0 0 6px;
	padding: 5px;
	border: 1px solid #adafb6;
	background: #dadbde;
	font-style: italic;
	font-size: 0.7em;
	color: #222;
	line-height: 1.4em;
}

.rowheader {
	background: #953232;
	font-weight: bold;
	font-size: 0.8em;
	color: f2f2f2;
}

.rowodd {
	background: #dadbde;
	font-size: 0.75em;
	color: #222;
}

.roweven {
	background: #d2d3d7;
	font-size: 0.75em;
	color: #222;
}


/* Standard Structure
---------------------*/

#master_container {
	width: 886px;
	height: auto;
	vertical-align: top;
	margin: 0 auto 0 auto;
	background: #953232 url(pov_body_bg.gif) repeat-y;
}

#header_container {
	width: 840px;
	height: 220px;
	margin: 0 auto 0 auto;
}

#header_home {
	width: 840px;
	height: 220px;
	background: url(pov_header_home.jpg) no-repeat;
}

#header_home h1 {
	display: none;
}

#header_section {
	width: 840px;
	height: 220px;
}

#header_section h1 {
	display: none;
}

#header_copy {
	float: left;
	width: 440px;
	height: 220px;
}

#header_strap {
	width: 440px;
	height: 105px;
	background: #575a6b url(pov_strap.gif) no-repeat;
}

#header_quote {
	width: 440px;
	height: 115px;
	background: #a4a5af url(pov_quote.gif) no-repeat;
}

#header_quote p {
	margin: 0;
	padding: 22px 48px 10px 40px;
	font-size: 0.9em;
	color: #222;
	text-align: center;
	line-height: 1.5em;
}

#header_image {
	float: right;
	width: 400px;
	height: 220px;
}

#header_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}

#body_container {
	width: 840px;
	height: auto;
	margin: 0 auto 0 auto;
	background-color: #dadbde;
}

#body_sidebar {
	float: left;
	width: 171px;
	height: auto;
	margin: 14px 0 0 0;
	border-top: 1px solid #adafb6;
	background-color: #adafb6;
}

#sidebar_banner {
	width: 171px;
	height: auto;
	padding: 14px 0 0 0;
	background-color: #dadbde;
}

#sidebar_banner_1 {
	padding: 0 0 11px 0;
}

#sidebar_banner_2 {
	padding: 0 0 11px 0;
}

#body_main {
	float: right;
	width: 668px;
	height: auto;
	border-left: 1px solid #adafb6;
	background-color: #f2f2f2;
}

#body_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}

#footer_1col_container {
	width: 820px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 10px 0 10px;
	background-color: #f2f2f2;
}

#footer_2col_container {
	width: 840px;
	height: auto;
	margin: 0 auto 0 auto;
	background-color: #dadbde;
}

#footer_sidebar {
	float: left;
	width: 171px;
	height: auto;
	background: #dadbde;
}

#footer_main {
	float: right;
	width: 668px;
	height: auto;
	padding: 0;
	border-left: 1px solid #adafb6;
	background-color: #f2f2f2;
}

#footer_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}

#logo_end_child_poverty {
	display: inline; /* IE double-margin bug fix */
	float: left;
	width: 210px;
	height: auto;
	margin: 32px 20px 20px 20px;
}

#logo_barnardos {
	display: inline; /* IE double-margin bug fix */
	float: right;
	width: 102px;
	height: auto;
	margin: 32px 20px 20px 20px;
}

#logo_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}

#base_container_upper {
	width: 886px;
	height: 23px;
	vertical-align: top;
	margin: 0 auto 0 auto;
	background: #953232 url(pov_footer_bg.gif) no-repeat;
}

#base_container_lower {
	width: 886px;
	height: auto;
	margin: 2px auto 0 auto;
}

#base_container_lower p {
	font-size: 0.8em;
	color: #666;
	text-align: center;
}

#base_container_lower a, #base_container a:visited, base_container_lower a:hover, #base_container a:visited:hover {
	color: #666;
	text-decoration: underline;
}


/* Homepage Structure
---------------------*/

#home_container {
	width: 780px;
	padding: 30px 30px 0 30px;
	background-color: #f2f2f2;
	border:0px dotted red;
}

#home_primary {
	width: 780px;
	height: 215px;
	margin: 0 0 15px 0;
}

#key_facts_container {
	float: left;
	width: 572px;
	height: 206px;
	margin: 0 30px 0 0;
}

#key_facts_body {
	width: 541px;
	height: 151px;
	padding: 15px;
	border: 1px solid #adafb6;
}

#key_facts_copy {
	float: left;
	width: 272px;
	height: 148px;
}

#key_facts_image {
	float: right;
	width: 252px;
	height: 149px;
	border: 1px solid #adafb6;
}

#key_facts_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}

#key_facts_tabs {
	width: 573px;
	height: 27px;
}

#key_facts_tabs ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#key_facts_tabs li {
	position: relative;
	float: left;
	z-index: 1;
	margin-top: -1px;
	/*margin: 0 3px 0 0;*/
	text-align: center;
}

#key_facts_tabs span {
	display: block;
	width: 43px;
	border-right: 1px solid #adafb6;
	border-bottom: 1px solid #adafb6;
	border-left: 1px solid #adafb6;
}

.selected {
	padding: 1px 12px 2px 12px;
	background-color: #f2f2f2;
	color: #891c1c;
}

.unselected {
	padding: 0px 12px 2px 12px;
	border-top: 1px solid #adafb6;
	background-color: #d2d3d7;
	color: #222;
	cursor: pointer;
	cursor: hand;
}

#intro_copy {
	float: right;
	width: 174px;
	height: 204px;
	border-bottom: 1px solid #adafb6;
}

#intro_copy p {
	font-size: 0.85em;
}

#home_primary_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}

#home_secondary {
	width: 780px;
	height: auto;
}

#supporting_copy {
	float: left;
	width: 573px;
	height: auto;
	margin: 0 30px 0 0;
}

#supporting_video {
	float: right;
	width: 312px;
	height: auto;
}

#supporting_text {
	float: left;
	width: 260px;
	height: auto;
}

#supporting_image {
	float: right;
	width: 174px;
	height: auto;
}

#home_secondary_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}


/* Content Structure
--------------------*/

#content_prop { /* Sets the min-height of content div */
	float: right;
	height: 325px;
	width: 0px;
	background-color: green;
}

#content_container {
	width: 668px;
	background-color: #f2f2f2;
}

#content_copy {
	width: 628px;
	padding: 15px 20px 20px 20px;
}

#content_buttons {
	width: 628px;
	margin: 0 20px 0 20px;
	padding: 8px 0 0 0;
	border-top: 1px solid #adafb6;
}

#buttons_action ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#buttons_action li {
	float: left;
	margin: 0 10px 0 2px;
}

#buttons_top ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#buttons_top li {
	float: right;
	margin: 0 2px 0 0;
}


/* Donate Structure
-------------------*/

#donate {
	margin: 22px 0 25px 0;
	font: normal 1.3em verdana, arial, helvetica, sans-serif;
	color: #891c1c;
}


/* A Year In The Life Structure
-------------------------------*/

#year_in_the_life_container {
	width: 626px;
	height: 217px;
	margin: 18px 0 10px 0;
	border: 1px solid #adafb6;
}

#year_in_the_life_body {
	width: 596px;
	height: auto;
	padding: 15px;
}

#year_in_the_life_copy {
	float: left;
	width: 249px;
	height: auto;
}

#year_in_the_life_image {
	float: right;
	width: 330px;
	height: 185px;
	border: 1px solid #adafb6;
}

#year_in_the_life_clear {
	clear: both;
	height: 0;
	margin: 0;
	overflow: hidden;
}


/* Video Structure
------------------*/

#video_container {
	height: 261px;
	margin: 0 0 15px 0;
	padding: 0;
	background-color: #fbfbfb;
	border:0px dotted green;
}

#video_copy {
	float: left;
	width: 244px;
	padding: 10px;
}

#video_object {
	float: right;
	width: 364px;
	padding: 0;
	border:0px dotted green;
}

#video_container ul {
	margin: 0 0 0 15px; /* Required for cross-browser list indentation */
	padding: 0 0 0 15px; /* Required for cross-browser list indentation */
	font-size: 0.85em;
	color: #222;
	list-style-image: url(pov_standard_bullet.gif);
}

#video_container li {
	line-height: 1.2em;
	margin: 0 0 7px 0;
	padding: 5px 0 0 0;
}


/* Popup Structure
------------------*/

#popup_container {
	width: 816px;
	height: auto;
	vertical-align: top;
	margin: 0 auto 0 auto;
	background: #953232 url(pov_popup_body_bg.gif) repeat-y;
}

#popup_body {
	width: 770px;
	height: auto;
	margin: 0 auto 0 auto;
	background-color: #f2f2f2;
}

#popup_content {
	width: 730px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 12px 0 12px 0;
	background-color: #f2f2f2;
}

#popup_footer {
	width: 770px;
	height: auto;
	margin: 0 auto 0 auto;
	background-color: #f2f2f2;
}

#popup_base {
	width: 816px;
	height: 23px;
	vertical-align: top;
	margin: 0 auto 0 auto;
	background: #953232 url(pov_popup_footer_bg.gif) no-repeat;
}


/* Global Navigation
--------------------*/

#global_nav_container {
	width: 840px;
	height: 30px;
	margin: 0 auto 0 auto;
	background-color: #adafb6;
}

#global_nav_container ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#global_nav_container li {
	float: left;
	height: 19px;
	margin: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#global_nav_container span {
	display: block;
	padding: 5px 0 6px 0;
	background-color: #f2f2f2;
	color: #891c1c;
}

#global_nav_container a {
	display: block;
	padding: 5px 0 6px 0;
	background-color: #575a6b;
	color: #fff;
}

#global_nav_container a:hover {
	display: block;
	padding: 5px 0 6px 0;
	background-color: #696d83;
	color: #fff;
}

#global_nav_container span.active a {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
	color: #891c1c;
}

#global_nav_container span.active a:hover {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
	color: #891c1c;
}

#tab_home span, #tab_home a, #tab_home a:hover {
	width: 171px;
	text-decoration: none;
}

.tab_section span, .tab_section  a, .tab_section  a:hover {
	width: 222px;
	margin-left: 1px;
	text-decoration: none;
}

#breadcrumbs_container {
	width: 825px;
	height: 24px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 15px;
	border-bottom: 1px solid #adafb6;
	background-color: #f2f2f2;
	font: 0.85em verdana;
	color: #555;
}

#breadcrumbs_container a, #breadcrumbs_container a:visited {
	color: #953232;
	text-decoration: none;
}

#breadcrumbs_container a:hover, #breadcrumbs_container a:visited:hover {
	color: #891c1c;
	text-decoration: underline;
}


/* Local Navigation
-------------------*/

#local_nav_container {
	width: 171px;
	height: auto;
}

#local_nav_container ul {
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#local_nav_container li {
	margin: 0 0 1px 0;
	color: #222;
	text-decoration: none;
	line-height: 1.5em;
}

#local_nav_container span {
	display: block;
	width: 151px;
	padding: 5px 10px 5px 10px;
	background: #d2d3d7 url(pov_bullet.gif) 0 12px no-repeat;
	font-size: 0.85em;
}

#local_nav_container a {
	display: block;
	width: 151px;
	padding: 5px 10px 5px 10px;
	background-color: #d2d3d7;
	font-size: 0.85em;
	color: #222;
	text-decoration: none;
}

#local_nav_container a:hover {
	background: #d2d3d7 url(pov_bullet.gif) 0 12px no-repeat;
}

#local_nav_container span.active a {
	display: block;
	width: 151px;
	margin: 0;
	padding: 0;
	background: #d2d3d7 url(pov_bullet.gif) -5px 12px no-repeat;
	font-size: 1em;
}

#local_nav_container span.active a:hover {
	display: block;
	width: 151px;
	margin: 0;
	padding: 0;
	background: #d2d3d7 url(pov_bullet.gif) -5px 12px no-repeat;
	font-size: 1em;
}

#local_nav_container ul ul li {
	margin: 0 0 1px 0;
}

#local_nav_container ul ul span {
	display: block;
	margin: 1px 0 0 0;
	padding: 5px 10px 5px 20px;
	width: 141px;
	background: #f2f2f2 url(pov_bullet.gif) 10px 12px no-repeat;
	font-size: 0.85em;
}

#local_nav_container ul ul a {
	display: block;
	margin: 1px 0 0 0;
	padding: 5px 10px 5px 20px;
	width: 141px;
	background-color: #f2f2f2;
	font-size: 0.85em;
}

#local_nav_container ul ul a:hover {
	background: #f2f2f2 url(pov_bullet.gif) 10px 12px no-repeat;
	font-size: 0.85em;
}

/* Embedded video
-----------------*/

#embedded_video {
	display: inline; /* IE double-margin bug fix */
	float: right;
	width: 300px;
	height: auto;
	border: 1px solid #adafb6;
	background-color: #f2f2f2;
}

#embedded_video_title {
	margin: 8px 10px 8px 10px;
}

#embedded_video_title p {
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
	text-align: center;
	line-height: 150%;
}

#embedded_video_image {
	margin: 12px 9px 6px 9px;
}

#embedded_video_copy p {
	text-align: center;
	line-height: 150%;
}

/* Forms
--------*/

form {
	margin: 0 0 10px 0;
}

fieldset {
	padding: 10px;
	margin: 10px 0 10px 0;
	font-size: 0.85em;
	color: #222;
}

fieldset h3 {
	clear: both;
	font-size: 1em;
	font-weight: bold;
	color: #222;
}

fieldset p {
	font-size: 1em;
	clear: both;
}

fieldset fieldset {
	border: none;
	margin: 5px 0 0 0;
}

fieldset legend {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 5px 10px 5px;
	background: #f2f2f2;
	color: #111;
}

fieldset .error {
	background:#faeaea;
}

fieldset ul {
	font-size:1em;
	margin-left:3em;
}

fieldset label {
	text-align: right;
	width: 160px;
	font-weight:bold;
	padding: 3px 10px 0 0;
}

fieldset fieldset legend {
	text-align: right;
	font-weight:bold;
	padding: 0 10px 5px 0;
	width: 110px;
	margin:0;
}

fieldset fieldset label {
	font-weight: normal;
	padding: 3px 10px 0 0;
	width: 120px;
}

fieldset label {
	display: block;
	float: left;
	margin-bottom: 5px;
}

fieldset input, fieldset select, fieldset .right {
	display: block;
	float: left;
	margin-bottom: 5px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 1.2em;
}

fieldset textarea {
	display: block;
	float: left;
	margin-bottom: 5px;
	width: 225px;
	height: 100px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 1.2em;
}

.fullwidth {
	display: inline;
	text-align: left;
	width: 500px;
	font-weight:bold;
	padding: 3px 10px 0 0;
}

.inline {
	display: block;
	width: 650px;
	margin: 6px 0 0 0;
	padding: 0;
	text-align: left;
}

.indent {
	display: inline;
	margin: 4px 0 0 170px;
}

fieldset br {
	clear: both;
}

fieldset .submit {
	margin-left:170px;
}

#formbutton {
	display: inline;
	margin-left:170px;
}

.multioptions label {
	font-weight:normal;
}

.req {
	font-weight:bold;
	color:#cc3333;
}

.corp label {
	width:6em;
	text-align:left;
	padding:0;
}

.corp label input {
	margin-top:-2px;
}

/*--------donation -------------*/

.formintro {
	background:#F0C1C1;
	padding:5px 5px 5px 10px;
	margin:10px 0 0 0;
}

.singleform {
	background:#FAEAEA;
	margin:0;
	font-size:70%;
}

.submitBtn {
	background:#E59999;
	padding:5px 0 5px 0;
	margin:0;
	text-align: center;
	width:100%;
	overflow:hidden;
}

input.sbmt {
	cursor: pointer;
	color:#000;
	font-family:verdana,arial,helvetica;
   	font-weight:bold;
	padding:4px;
	background:#FCF3F3;
   	border:1px solid;
   	border-top-color:#4F4F4F;
   	border-left-color:#4F4F4F;
   	border-right-color:#000;
   	border-bottom-color:#000;
   	width:150px;
	font-weight:bold;
	font-size:100%;
}

input.sbmt:hover {
	background:#cc3333;
	color:#fff;
   	border:1px solid;
   	border-top-color:#000;
   	border-left-color:#000;
   	border-right-color:#4F4F4F;
   	border-bottom-color:#4F4F4F;
}

.post {
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	background:#f3f3f3 url(donate-envlope.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
}

.phone {
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	margin-left:10px;
	background:#f3f3f3 url(donate-telephone.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
}

.inmem {
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	background:#f3f3f3 url(donate_inmem.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
	clear:left;
}

.work {
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	margin-left:10px;
	background:#f3f3f3 url(don-work.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
}

.legacy {
	float:left;
	width:214px;
	height:44px;
	padding:5px 0 0 54px;
	background:#f3f3f3 url(don_legacy.gif) no-repeat;
	font-size:80%;
	margin-bottom:10px;
	clear:left;
}

/*-------------------- Direct Debit forms ---------------------*/

#DD_donation legend, #DD_contact legend, #DD_bank legend, #DD_giftaid legend {
	color:#222;
	background:none;
}

#DD_donation hr, #DD_contact hr, #DD_bank hr, #DD_giftaid hr {
	color:#ccc;
	height:1px;
	border:0;
	background-color:#ccc;
}

#DD_donation p, #DD_contact p, #DD_bank p, #DD_giftaid p {
	clear:none;
}

#DD_donation h3, #DD_contact h3, #DD_bank h3, #DD_giftaid h3 {
	background:none;
	padding:0;
	margin:0;
	color:#222;
}

#DD_donation ul, #DD_contact ul, #DD_bank ul, #DD_giftaid ul{
	margin:0;
}

#DD_donation label, #DD_contact label, #DD_bank label {
	text-align: right;
	width: 148px;
	font-weight:normal;
	padding: 3px 10px 0 0;
}

.fakeinput {
    border: 1px solid #999;
	background-color : #fff;
    padding: 4px;
    margin-right:2px;
	color:black;
    font-family:verdana,helvetica,sans-serif;
	float: none;
	display: inline;
	margin:0;
}

input:disabled {
	background-color:#fff
}