/* start: default styles */

/* Removed old style body declaration 10/03/09 */
/* body { 
	margin: 10px 12px;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 70%;
	color: #666;
} */

body { /* Set the background colour of the entire page to RA grey */
background-color: #F2EBE6;
margin:0;
padding:0;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
line-height:1.5em;
}

p {
font-size: 1.3em;	
}

form, p, div {
	margin: 0;
	padding: 0;
	/*line-height: 1.2;*/
}

p, ul, table {
	margin-bottom: 1em;
	/* padding: 0 8px; */
	line-height: 1.4em;
}

h1 {
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: 2.5em;
	color: #666; 
	padding: 0;
	margin: 13px 10px 0px 0;
}

h1 .subheading {
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: .52em;
	color: #993; 
}

h2 {
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: 1.8em;
	line-height:1.4em;
	color: #9E2B1E; /* RA secondary red */
	margin:0 0 10px 0;
	/*margin:0 0 20px 0; Changed DD 26/05/10 */
}

h2 .subheading {
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: 0.8em;
	font-weight:normal;
	font-style:italic;
}

h3 {
	font-family: trebuchet ms, verdana, sans-serif;
	font-size: 1.4em;
	line-height:1.4em;
	color: #000;
	margin:0 0 10px 0;
	/*margin:0 0 20px 0; Changed DD 26/05/10 */
	font-weight:600;
}

hr + h3 {
	margin-top:20px;
}

h4 {
	font-size: 1.1em;
	color: #666; 
	/* margin: 8px 8px 0;*/ /* Removed to try and even things out on the home page */
}

h5 {
	font-size: 1em;
	color: #666; 
	margin: 8px 8px 0;
}

h6 { /* Special middle ground title to go in between H2 & H3 */
font-family: trebuchet ms, verdana, sans-serif;
	font-size: 1.6em;
	line-height:1.4em;
	color: #CC9520; /* RA Orange */
	margin:0 0 10px 0;
	/*margin:0 0 20px 0; Chnaged DD 26/05/10 */
	font-weight:600;
}

img + h6, img + h3 {	
	margin-top:10px;
}

ul + h6, p + h6 {
margin-top:20px;	
}

h6 + ol {
margin-top:30px;	
}

a { 
	/* color: #969; */
	color: #5E0035; /* RA tertiary Maroon */
}

h2 a, h3 a, h4 a, h5 a, h6 a  {
	text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover  {
	text-decoration: underline;
}

ul {
	font-size: 1.3em;
	list-style-type:none;
	margin: 0px;
}

ul li {
	padding: 0 0 0 15px;
	background:  url("/images/bullet_bg.gif") no-repeat 2px .5em;
	margin-bottom:.5em;
}

ol li {
	padding: 0;
	margin-bottom:.5em;
}

.clear {
	clear: both;
	font-size: 0px;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* Horizontal rules <HR> */

hr {
	height: 1px;	
	color: #ccc;
	background-color: #ccc;
	border: none;
}

div.hr {
	height: 1px;
	background: #fff url("/images/hr.gif") no-repeat center;
	margin-bottom: 1px;
	padding-top: 17px;
	clear: both;
}

div.hr hr {
	visibility: hidden;
}

.right {
	text-align: right;
}

/* This hr needs to be added so that block links work in ie */

div.hrFix {
	height:1px;
	overflow:hidden;
}

div.hrFix hr {
	visibility: hidden;
	width: 0; height:0;
	padding:0; margin:0;
	line-height:0;
	display:inline; float: left;
 }

/* end: default styles */

/* start: forms */

/* end: forms */

#location p {
	font-size: 1.4em;
	font-weight:bold;
	text-align:right;
	margin:0; padding:0;
}

#location p a {
	color: #969;
	text-decoration: none;
}

#location p a:hover {
	color: #969;
	text-decoration: underline;
}

/* MAIN NAVIGATION */
 
div#menu_01 {
	/* width: 615px;
	height: 70px; */
	width: 614px;
	height: 69px;
	background-image: url("/images/nav/bg.gif");
	background-repeat:no-repeat;
	background-color:#b3b20f; /* RA dark blue */
	background-position:bottom;
	/* margin-left:10px; */
}

#menu_01 ul {
	list-style-type: none;
	/* padding: 35px 0 0 0; */
	padding: 35px 0 0 0;
	border-top: 4px solid #333;
	margin: 0;
} 

#menu_01 ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#menu_01 ul li a, #menu_02 ul li a, #menu_03 ul li a {
	padding: 0;
	margin: 0;
	display: inline;
	text-decoration: none;
}

/* SIDEBAR NAVIGATION */

div#menu_02, div#menu_03   {
	padding: .5em 0 1.5em 0;
	border-top: 4px solid #B0B61A; /* RA green */
	margin-bottom: 20px;
	background: #1E264E url("/images/menu/bg.gif") bottom no-repeat; /* RA secondary blue */
}

#menu_02 p {
	padding: 0;
	/* margin: 0 5px 0 10px; */
	margin: 0 5px 0 10px;
}

#menu_03 p {
	padding: 0;
	margin: 0 10px 0 5px;
	text-align: right;
}

#menu_02 a, div#menu_03 a  {
	font-weight: bold;
	color: #fff;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: .5em 0;
	margin: 0;
	width: 131px;
}

#menu_02  > p a {width:auto;}
#menu_03  > p a {width:auto;}

#menu_02 a:hover, #menu_02 a em, #menu_02 a em, #menu_03 a:hover, #menu_03 a em, #menu_03 a em   {
	color: #8DACC6; /* RA tertiary light blue */
	text-decoration: none;
	font-style: normal;
}

div#menu_03  {
	/* margin-left:10px; */
}

/* New sub nav for the destitution sectionnin campaigns */
.submenu {
	width:auto;
	background-color:#8DACC6;
	}

#menu_02 div.submenu p {
	width:inherit;
	color: white;
	font-size:11px;
	padding:3px 0;
}

#menu_02 div.submenu a:link, #menu_02 div.submenu a:visited {
	color:#1E264E; /* RA dark blue */
}

#menu_02 div.submenu a:hover, #menu_02 div.submenu a:active {
	color:white; /* White */
}

/* BOX STYLES */

.box_style_01 p, .box_style_03 p {
	font-size: .95em;
}

/* White background with no decoration - use for basic text */
.box_style_00 {
	margin: 0;
	padding: 10px;
}


.box_style_00  p a {
	color: #5E0035 /* RA Maroon for links */
	/* color: #969;
	padding-right: 10px;
	background: url(/dev/images/a_bg.gif) no-repeat bottom right;
*/
}

.box_style_00a {
	margin: 0 0 0 10px;
	padding: 0;
}	

/* RA grey background with a green stripe across the top - use to box out important info */
.box_style_01 {
	/* background-color: #ccf;
	border: 2px solid #99c; */
	background-color: #F2EBE6; /* RA grey */
	border-top: 5px solid #B0B61A; /* RA green */
	margin: 0 0 10px 0;
	padding: 15px;
}

/* Hides from IE-mac \*/
* html .box_style_01 {height: 1%;}
/* End hide from IE-mac */

.box_style_01 p {
	font-size:1.2em;
	/*color: #636;*/ 
	color: #000;
	/* padding: 0 8px;*/
	margin:  0 0 1em 0;
}

.box_style_01 h2 {
	/*color: #636;*/ 
	color: #000;
	/* padding: 0 8px;*/
	margin:  0 0 1em 0;
}

.box_style_01 h3 {
	/*color: #636;*/ 
	color: #000; 
	/* padding: 0 8px; */
	margin:  0 0 1em 0;
}

/* Grey box with header - use to provide additional info at the bottom of a page that crosses two columns */
.box_style_02 {
	background-color: #F2EBE6; /* RA grey */
	/* border: 1px solid #999; */
	margin: 0 0 0 10px;
}

.box_style_02 h3 {
	font-size: 1.4em;
	color: #FFF;
	background-color: #9E2B1E; /* RA red */
	padding:5px 10px;
}

/* Box with white background used to span two columns at the bopttom of the page */

.box_style_03 {
	margin-top: 1em;
	float: left;
	width: 45%;
	margin-right:10px;
}

.box_style_03 p, .box_style_03 h2 {
	margin: 0 0 0 10px;
	padding: 0 5px 0 10px;
	font-size: 1.3em;
	margin-bottom: .5em;
}

/* .box_style_03 h2 {
	font-size: 1.3em;
	margin-bottom: .5em;
}*/


/* Columns that separate content in .box_style_02 */

.box_style_04a {
	float: left;
	width: 45%;
	margin-left:10px;
}

.box_style_04b {
	float: right;
	width: 45%;
	margin-right:10px;
}

.box_style_04b img{
	margin-bottom: 8px;
}

.box_style_05a {
	width: 48%;
	float: left;
}

.box_style_05b {
	width: 48%;
	float: right;
}

/* Added DD 26/05/10 to give us a two column boxout for featured links */
.box_style_06 {
	width:189px;
	background-color: #F2EBE6; /* RA grey */
	border-top: 5px solid #B0B61A; /* RA green */
	margin: 0 0 10px 0;
	padding: 10px;
	float:left;
}

/* Added DD 26/05/10 to allow spacing on two column panels */

.right10px {
margin-right:10px;	
}

/* promo, voices, contact box */

div#voices, div#promo, div#contact_box {
	/* margin-left: 10px; */
	margin-bottom: 10px;
}

#promo p, #contact_box p  {
	font-size: 1.1em;
	margin:10px;
}

#voices p  {
	/* font-size: .95em;
	color: #633;
	padding: .5em 6px;
	margin: 0;*/
	font-size: 1.1em;
	margin:10px;
}

/* VOICES PANEL */

div#voices {
	border-bottom: 1px solid #936;
	/* background-color: #fcc; */
	background-color: #F2EBE6; /* RA grey */
}

#voices p {
	/* border: #936 solid;
	border-width: 0 1px;*/
}

/* PROMO PANELS */

div#promo {
	border-bottom: 1px solid #969;
	/* background-color: #ccc; */
	background-color: #F2EBE6; /* RA grey */
}

#promo p {
	/* border: #969 solid;
	border-width: 0 1px; */
}

/* contact box */

div#contact_box {
	background-color: #F2EBE6; /* RA grey */
	border: 1px solid #999;
}

#contact_box h3 {
	margin: 3px 0 0 0;
	padding-left: 6px;
}

/* forms */

form.jumpDown {
	font-size: 1em;
	margin-left: 10px;
	margin-bottom: 1em;
}

.jumpDown select {
	font-size: 1em;
	width: 146px;
}

p.backToTop, p.backToPage {
	margin:0;
	padding:0;
}

p.backToPage a {
	display:block;
	padding-left: 15px; 
	background:  url("/images/back_to_page_bg.gif") no-repeat 0 .5em;
}

p.backToTop a {
	display:block;
	padding-left: 15px; 
	background:  url("/images/back_to_top_bg.gif") no-repeat 0 .5em;
}

p.right a {
	padding-right: 10px; 
	background:  url("/images/a_bg.gif") no-repeat bottom right;
}

p.blockLink a {
	display:block;
	padding-right: 10px; 
	background:  url("/images/a_bg.gif") no-repeat bottom right;
}

p.word, p.pdf, p.zip, p.ppt {
	line-height: 2em;
}

p.word a {
	padding: 5px 0 5px 20px; 
	background:  url("/images/icon-word.gif") no-repeat 0 .5em;
}

p.pdf a {
	padding: 5px 0 5px 20px; 
	background:  url("/images/icon-pdf.gif") no-repeat 0 .5em;
}

p.zip a {
	padding: 5px 0 5px 20px; 
	background:  url("/images/icon-zip.gif") no-repeat 0 .5em;
}

p.ppt a {
	padding: 5px 0 5px 20px; 
	background:  url("/images/icon-ppt.gif") no-repeat 0 .5em;
}

a[title="PDF"] {
	padding: 5px 0 5px 20px; 
	background:  url("/images/icon-pdf.gif") no-repeat left center;
	}



.box_style_01 p.right, .box_style_01 p.blockLink, .box_style_03 p.blockLink  {
/*	margin-bottom: 0; padding-bottom:0*/
}

p.divImage {
	color:#993;
	line-height: 1.3em; 
	float: right; 
	margin: 0 0 10px 10px;
}

p.divImage2 {
	color:#993;
	line-height: 1.3em; 
	float: left; 
	margin: 0 10px 10px 0;
}

p#footer {
	text-align: center;
	font-size: 1.2em;
}

p.small_text {
	font-size: 1em;

}

.box_style_01 .box_style_04a p, .box_style_01 .box_style_04b p {
	margin-bottom: 0px;
}

/* input buttons code */

input.donatebutton {
	display:block;
	border:none;
	background:none;
	color:#5E0035; /* Refugee Action Maroon */
	margin-bottom:10px;
	text-decoration:underline;
	padding-right:8px;
	background-image:url(../images/a_bg.gif);
	background-position:center right;
	background-repeat:no-repeat;
}

input.donatetitle {
	display:block;
	border:none;
	background:none;
	color:#5E0035; /* Refugee Action Maroon */
	text-decoration:underline;
	font-size:1.4em;
	line-height:1.4em;
	background-image:none;
	text-align:left;
margin:0;
padding:0 0 10px 0;
}

/* REFUGEE WEEK CSS */

.gallerypic {
	width: 130px;
	height:100px;
	float:left;
	display:inline;
	border:1px solid #CCC;
}

.right15px {
margin-right:15px;
}

.clearer {
	clear:both;
}

.subtitle {
font-weight:normal;
color:#9E2B1E;
font-size:12px;
font-style:italic;
}

/* Blockquote */

blockquote {
font-size:13px;
font-style:italic;
font-weight:400;
color:#9E2B1E; /* RA secondary red */
margin:15px 15px 20px 15px;
line-height:20px;
}

/* CHOICES section specific CSS */

.popbox {
padding:20px;
margin:10px 0 20px 0;
background-color: #f7f8e8; /* 10% Tint of RA green */
}

.contactbox {
background-color:#5E0035; /* RA maroon */
padding:10px 20px;
font-size:1.3em;
line-height:1.8em;
color:#ffffff;
margin:30px 0;
}

.contactbox p a {
color:#fff;	
}

.introbox {
background-color:#5E0035; /* RA maroon */
padding:10px 20px;
font-size:1em;
line-height:1.3em;
color:#ffffff;
margin:20px 0;
}

.introbox p a {
color:#fff;	
}