/* RAP CSS document */

/* COLOURS 
Dark green - #4F6F18
Gold-green - #9FA615
Pale green - #D9E8A3
Pink - #ED0C6E
Dark pink/red - 69012E [Links on the intro panels]
Very light green - #F6FDDB [Form field backgrounds etc.]
*/

/* 11/06/08 - Just bolded ALL links as per Esme's request */

body {
background-color:#9FA615;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;/* Standard font size now equals 1em */
line-height:1.2em;
color:#D9E8A3;
margin:0px;
padding:0px;
}

#container {
width:800px;
background-image:url(images/RAP_background.gif);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
margin-top:40px;
font-size:1.2em;
line-height:1.2em;
}

/* Titlebar and navigation */

#titlebar {
width:800px;
height:120px;
margin-bottom:40px;
}

.raplogo {
width:280px;
float:left;
display:block;
}

.navigation {
width:260px;
height:100px;
padding-top:20px;
float:left;
display:block;
}

/* Pink Pop boxes */

.popbox {
width:760px;
margin-left:20px;
background-image:url(images/popbox_bg.gif);
margin-bottom:20px;
}

.popboxsubnav {
width:485px;
margin-top:15px;
}

.popboxsubnav img {
margin-bottom:0 !important;
}

.intropic {
margin-left:20px;
/*width:315px;*/
float:left;
display:inline;
}

.introcopy {
margin-left:20px;
/*width:385px;*/
float:left;
display:inline;
color:#FFFFFF;
padding-top:5px;
}

/* Subtitles for the pink intro box */
.popbox h2 {
font-size:1.4em;
font-weight:bold;
color:#FFFFFF;
line-height:1.4em;
margin-top:0px;
margin-bottom:10px;
}

/* Creates the space below the bitmap titles */
.introtitle {
margin-bottom:10px; /* CHanged from 20px to 10px on 30/05/08 */ 
}

.introcopy p {
margin-top:0px;
margin-bottom:10px;
}

.introcopy a:link {
font-weight:bold;
color:#69012E;
text-decoration:underline;
}

.introcopy a:visited {
font-weight:bold;
color:#69012E;
text-decoration:underline;
}

.introcopy a:hover {
font-weight:bold;
color:#69012E;
text-decoration:underline;
}

.introcopy a:active {
font-weight:bold;
color:#69012E;
text-decoration:underline;
}

/* Specifc widths for other pages */
.largepic {
width:315px;
}

.largecopy {
width:385px;
}

.otherpic {
width:215px;
}

.othercopy {
width:485px;
}

.nopiccopy {
width:700px;
}

/* Home page 'small' panels */

.smallpanel {
width:240px;
height:200px;
margin-left:20px;
float:left;
display:inline;
overflow:hidden;
line-height:1.1em;
}

.smallpanel p {
margin-top:0px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

.smallpanel a:link {
font-weight:bold;
color:#ED0C6E;
text-decoration:underline;
}

.smallpanel a:visited {
font-weight:bold;
color:#ED0C6E;
text-decoration:underline;
}

.smallpanel a:hover {
font-weight:bold;
color:#ED0C6E;
text-decoration:underline;
}

.smallpanel a:active {
font-weight:bold;
color:#ED0C6E;
text-decoration:underline;
}

/* Specific backgrounds for each small panel */
.whatcanido {
background-image:url(images/sp_whatcanido.gif);
padding-top:130px;
height:70px;
}

.whatcanido p {
margin-left:10px;
margin-right:10px;
}

.mmm {
background-image:url(images/sp_mmm.gif);
}

.latestnews {
background-image:url(images/sp_latestnews.gif);
padding-top:70px;
height:130px;
}

.latestnews a:link, .latestnews a:visited 
{
color: #D9E8A3;
text-decoration: none;
}

.latestnews a:hover, .latestnews a:active 
{
color: #4F6F18;
text-decoration: none;
}

.clearer {
height:1px;
clear:both;
}

.boldwhite {
font-weight:bold;
color:#FFFFFF;
}

/* Bottom bar with sub nav */
#subnav {
width:800px;
color:#D9E8A3;
text-align:center;
padding-top:10px;
background-color:#9FA615;
}

#subnav p {
margin-top:5px;
margin-bottom:5px;
}

#subnav a:link {
font-weight:bold;
color:#D9E8A3;
text-decoration:underline;
}

#subnav a:visited {
font-weight:bold;
color:#D9E8A3;
text-decoration:underline;
}

#subnav a:hover {
font-weight:bold;
color:#D9E8A3;
text-decoration:underline;
}

#subnav a:active {
font-weight:bold;
color:#D9E8A3;
text-decoration:underline;
}

/* Two col main copy container */

#copycol {
width:505px;
margin-left:30px;
margin-right:20px;
float:left;
display:inline;
color: #4F6F18;
}

#copycol p {
margin-top:10px;
margin-bottom:15px;
}

#copycol h1 {
font-size:1.8em;
font-weight:bold;
line-height: 1.2em;
color:#ED0C6E;
margin-bottom:-10px;
margin-left: -5px;
margin-top:0px;
}

#copycol h2 {
font-size:1.4em;
font-weight:bold;
color:#ED0C6E;
margin-top:20px;
margin-bottom:5px;
}

#copycol h3 {
font-size:1.2em;
font-weight:bold;
color:#4F6F18; /* Changed the colour from pink to green */
margin-top:10px; /* Changed from 5px */
margin-bottom:10px; /* Changed from 5px */
line-height:1.3em;
}

#piccol {
width:215px;
float:left;
display:inline;
}

#piccol img {
margin-bottom:20px;
}

/* Who we are personality profiles */

.biopanel {
/* altered on 03/04/08 to make the a 2x 2 grid on the profiles page */
/*width:240px;
margin-left:20px;*/
width:350px;
margin-left:30px;
margin-bottom:20px;
margin-top:10px;
line-height:1.3em;
float:left;
display:inline;
color:#4F6F18;
}

.biopanel p {
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

/* Removed as the biopanel only uses H2s

.biopanel h1 {
font-size:1.8em;
font-weight:bold;
color:#ED0C6E;
margin-bottom:0px;
margin-left:10px;
}*/

.biopanel h2 {
font-size:1.4em;
font-weight:bold;
color:#ED0C6E;
margin-bottom:0px;
margin-left:10px;
}

.biopanel a:link {
font-weight:bold;
color:#D9E8A3;
text-decoration:underline;
}

.biopanel a:visited {
font-weight:bold;
color:#D9E8A3;
text-decoration:underline;
}

.biopanel a:hover {
font-weight:bold;
color:#D9E8A3;
text-decoration:underline;
}

.biopanel a:active {
font-weight:bold;
color:#D9E8A3;
text-decoration:underline;
}

.pagetitle {
margin-bottom:20px;
}

.pagetitleindent { /* For the profile pages where there is no containing DIV */
margin-bottom:20px;
margin-left:30px;
}

/* General links */

a:link {
font-weight:bold;
color: #ED0C6E;
text-decoration:underline;
}

a:visited {
font-weight:bold;
color: #9FA615;
text-decoration:underline;
}

a:hover {
font-weight:bold;
color: #9FA615;
text-decoration:underline;
}

a:active {
font-weight:bold;
color: #9FA615;
text-decoration:underline;
}

/* What can I do page specific CSS */

#widecopycol {
width:740px;
margin-left:30px;
float:left;
display:inline;
color: #4F6F18;
}

/*#widecopycol h1 {
font-size:1.8em;
font-weight:bold;
color:#ED0C6E;
margin-bottom:0px;
}*/

#widecopycol h1 {
font-size:1.8em;
font-weight:bold;
line-height: 1.2em;
color:#ED0C6E;
margin-bottom:-10px;
margin-left: -5px;
margin-top:0px;
}

#widecopycol h2 {
font-size:1.4em;
font-weight:bold;
/* line-height:1.6em;*/
color:#ED0C6E;
margin-top:20px; /* updated from 10px on 13/06/08 */
margin-bottom:5px;
}

/* What can I do section - action points */
/* Updated 13/06/08 and changed to allow a new, cleaner layout */
.APnumber { /* Holds the number bubble */
width:60px;
height:50px;
float:left;
display:inline;
}

.APtitle { /* Holds the title */
width:620px;
/*height:50px;*/
float:left;
display:inline;
margin-bottom:5px;
}

.APbubble { /* Holds the speech bubble */
width:60px;
height:50px;
float:left;
display:inline;
margin-top:10px;
}

.actionpointcontent { /* Holds the 'I've done this' bit */
width:620px;
float:left;
display:inline;
margin-top:10px;
padding-top:15px;
}

/*.actionpointcontent p {
margin-bottom:10px;
margin-top:0px;
}*/

.actionpoint { /* The main action point DIV */
width:680px;
margin-top:25px;
padding-bottom:10px;
border-bottom:1px dotted #9FA615; /* Added to delineate the action points */
}

.actionpoint .input {
border:2px solid #9FA615;
background-color:#F6FDDB;
color:#4F6F18;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
padding-top:6px;
padding-left:2px;
}

.actionpoint textarea {
border:2px solid #9FA615;
background-color:#F6FDDB;
color:#4F6F18;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
padding-top:6px;
padding-left:2px;
margin-bottom:5px;
margin-left:0px;
width:598px;
}

.taskinfo {
width:616px;
}

.nameplace {
width:300px;
margin-top:10px;
margin-bottom:5px;
margin-right:10px;
}

.nameplace input {
border:2px solid #9FA615;
background-color:#D9E8A3;
width:286px;
height:25px;
}

.emailspace {
width:300px;
margin-top:10px;
margin-bottom:5px;
margin-right:10px;
}

.emailspace input {
border:2px solid #69012E;
background-color:#ED0C6E;
width:286px;
height:25px;
}

.actionpointsend {
text-align:right;
width:620px;
height:20px;
}

.apstory {
background-color:#9FA615;
}

.apstorycontent {
margin-top:0px;
margin-left:20px;
width:580px;
color:#FFFFFF;
}

.downloadblock {
width:505px;
/*height:60px;*/ /* Removed the height restrictions to allow more content 03/06/08 */
border-bottom:1px solid #9FA615;
padding:5px 0px;
}

.downloadpic {
float:left;
display:inline;
width:60px;
}

.downloadcopy {
float:left;
display:inline;
width:435px;
padding-top:25px;
}

.comingsoon {
font-weight:bold;
color:#FFFFFF;
background-color:#ED0C6E;
padding:4px;
font-size:1em!important;
}

.downloadcopy p {
margin-top:0px;
}

/* SiteMap specific CSS - This will also affect the presentation of lists in general */

#copycol ul {
line-height:1.4em;
margin-bottom:10px;
}

#copycol li {
list-style-image:url(images/listarrow.gif);
margin-bottom:10px;
}

/* RAP shop */

.shoppanel {
width:240px;
margin-left:20px;
margin-bottom:20px;
line-height:1.3em;
float:left;
display:inline;
color:#4F6F18;
}

.shoppanel img {
margin-bottom:10px;
}

.shoppanel p {
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}

.shoppanel h1 {
color:#ED0C6E;
font-size:1.6em;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
line-height: 1.3em;
}

.shoppanel h2 {
color:#ED0C6E;
font-size:1.3em;
margin-top:5px;
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
}

.shoppanel a {
color:#ED0C6E!important;
}

.shoppanel a:link {
font-weight:bold;
color:#ED0C6E;
text-decoration:underline;
}

.shoppanel a:visited {
font-weight:bold;
color:#ED0C6E;
text-decoration:underline;
}

.shoppanel a:hover {
font-weight:bold;
color:#ED0C6E;
text-decoration:underline;
}

.shoppanel a:active {
font-weight:bold;
color:#ED0C6E;
text-decoration:underline;
}

/* Shop sizing tables */
.sizetable {
width:680px;
border:0px;
}

.sizetable td {
width:136px;
}

/* Copyright information on the Refugee Voices section */
.smallitalic {
font-size:1em!important;
font-style:italic;
}

/* The RAP Review */

.RAPquoteA {
width:400px;
margin:10px 0px 10px 20px;
}

.RAPquoteB {
width:400px;
margin:10px 0px 10px 90px;
}

.RAPquotecopy {
width:376px;
background-color:#FFFFFF;
border-left:2px solid #006600;
border-right:2px solid #006600;
padding:1px 10px;
margin:0px;
}

.RAPquotecopy p {
margin:0px;
}

/* What we do - Fact stars (although can be used anywhere! */

.itsafact {
width:405px;
margin:10px 0px 10px 50px;
}

.factstar {
width:90px;
margin-right:10px;
float:left;
display:inline;
}

.factcopy {
width:305px;
float:left;
display:inline;
/*color:#ED0C6E;*/
/*font-size:1.3em;
line-height:1.3em;*/
}

.pinky 
{
    color: #ED0C6E;
    font-weight: bold;
}

.backtotop {
/*border-top: 1px dotted #4F6F18; - Updated DD 13/02/10 */
padding-top:5px;
margin-top:20px;
font-size:1em !important;
text-align:right;
}

/* Pink separator for the What Can I Do section */
.pinkline {
height:10px;
border-bottom:2px dotted #ED0C6E;
margin-bottom:10px;
}