/* fi.css */

/* Fundraising Initiatives -  CSS/DIV coding by Sean Conran @ www.netcel.com - rel 15 */

/* Copyright (c) 2006 Netcel */

* {
border: 0;
margin: 0;
padding: 0;
}

A:link {
font-weight: bold;
text-decoration: underline;
}
A:visited {
font-weight: bold;
text-decoration: underline;
}
A:hover {
font-weight: bold;
text-decoration: underline;
}
A:focus {
font-weight: bold;
text-decoration: underline;
}
A:active {
font-weight: bold;
text-decoration: underline;
}

A.accessibilityA:link {
text-decoration: none;
}
A.accessibilityA:visited {
text-decoration: none;
}
A.accessibilityA:hover {
text-decoration: none;
}
A.accessibilityA:focus {
text-decoration: none;
}
A.accessibilityA:active {
text-decoration: none;
}

A.backToTopA:link {
font-weight: normal;
text-decoration: underline;
}
A.backToTopA:visited {
font-weight: normal;
text-decoration: underline;
}
A.backToTopA:hover {
font-weight: normal;
text-decoration: underline;
}
A.backToTopA:focus {
font-weight: normal;
text-decoration: underline;
}
A.backToTopA:active {
font-weight: normal;
text-decoration: underline;;
}

A.breadcrumbA:link {
font-weight: normal;
}
A.breadcrumbA:visited {
font-weight: normal;
}
A.breadcrumbA:hover {
font-weight: normal;
}
A.breadcrumbA:focus {
font-weight: normal;
}
A.breadcrumbA:active {
font-weight: normal;
}

A.country:link {
color: #404040;
font-weight: normal;
text-decoration: none;
}
A.country:visited {
color: #404040;
font-weight: normal;
text-decoration: none;
}
A.country:hover {
color: #404040;
font-weight: normal;
text-decoration: none;
}
A.country:focus {
color: #404040;
font-weight: normal;
text-decoration: none;
}
A.country:active {
color: #404040;
font-weight: normal;
text-decoration: none;
}

A.default:link {
color: #404040;
font-weight: bold;
text-decoration: underline;
}
A.default:visited {
color: #404040;
font-weight: bold;
text-decoration: underline;
}
A.default:hover {
color: #808080;
font-weight: bold;
text-decoration: underline;
}
A.default:focus {
color: #808080;
font-weight: bold;
text-decoration: underline;
}
A.default:active {
color: #404040;
font-weight: bold;
text-decoration: underline;
}

A.navLeftA:link {
color: #404040;
font-weight: normal;
text-decoration: none;
}
A.navLeftA:visited {
color: #404040;
font-weight: normal;
text-decoration: none;
}
A.navLeftA:hover {
color: #404040;
font-weight: normal;
text-decoration: underline;
}
A.navLeftA:focus {
color: #404040;
font-weight: normal;
text-decoration: underline;
}
A.navLeftA:active {
color: #404040;
font-weight: normal;
text-decoration: underline;
}

A.navLeftAGroup:link {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
A.navLeftAGroup:visited {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
A.navLeftAGroup:hover {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}
A.navLeftAGroup:focus {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}
A.navLeftAGroup:active {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}

A.navTopA:link {
color: #404040;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: none;
}
A.navTopA:visited {
color: #404040;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: none;
}
A.navTopA:hover {
color: #404040;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: none;
}
A.navTopA:focus {
color: #404040;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: none;
}
A.navTopA:active {
color: #404040;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: none;
}

A.navTopAGroup:link {
color: #ffffff;
font-size: 115%;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: none;
}
A.navTopAGroup:visited {
color: #ffffff;
font-size: 115%;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: none;
}
A.navTopAGroup:hover {
color: #ffffff;
font-size: 115%;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: underline;
}
A.navTopAGroup:focus {
color: #ffffff;
font-size: 115%;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: underline;
}
A.navTopAGroup:active {
color: #ffffff;
font-size: 115%;
font-weight: bold;
padding: 0px 3px 0px 3px;
text-decoration: underline;
}

A.white:link {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
A.white:visited {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}
A.white:hover {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}
A.white:focus {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}
A.white:active {
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}

A.whiteMedium:link {
color: #ffffff;
font-size: 115%;
font-weight: bold;
text-decoration: none;
}
A.whiteMedium:visited {
color: #ffffff;
font-size: 115%;
font-weight: bold;
text-decoration: none;
}
A.whiteMedium:hover {
color: #ffffff;
font-size: 115%;
font-weight: bold;
text-decoration: underline;
}
A.whiteMedium:focus {
color: #ffffff;
font-size: 115%;
font-weight: bold;
text-decoration: underline;
}
A.whiteMedium:active {
color: #ffffff;
font-size: 115%;
font-weight: bold;
text-decoration: underline;
}

A.sitemapA:link {
text-decoration: none;
}
A.sitemapA:visited {
text-decoration: none;
}
A.sitemapA:hover {
text-decoration: underline;
}
A.sitemapA:focus {
text-decoration: underline;
}
A.sitemapA:active {
text-decoration: underline;
}

B, STRONG {
font-weight: bold;
}

/*
#body {
background: #EEEEF0 url(../images/body.jpg) repeat-x top;
}
*/
body {
background: #EEEEF0 url(../images/body.jpg) repeat-x top;
color: #606060;
cursor: default;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;
height: 100%;
width: 100%;
}

CAPTION {
font-weight: bold;
padding: 1em 1em 1em 1em;
}

H1 {
font-size: 130%;
font-weight: bold;
padding-bottom: 1.30em;
}

H2 {
font-size: 115%;
font-weight: bold;
padding-bottom: 1.30em;
}

H3 {
font-size: 100%;
font-weight: bold;
padding-bottom: 0.75em;
}

H4, H5, H6 {
font-size: 100%;
font-weight: bold;
padding-bottom: 0.75em;
}

IMG {
display: inline;
}

INPUT, SELECT, TEXTAREA {
background-color: #ffffff;
border: 1px solid #606060;
color: #404040;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: normal;
padding: 2px;
}

LABEL {
font-weight: bold;
}

LI {
line-height: 1.30em;
padding-right: 1em;
padding-bottom: 0.8em;
}

OL, UL {
margin: 0 0 0 3em;
padding-bottom: 0.5em;
}

P {
line-height: 1.30em;
padding-bottom: 1.30em;
}

TABLE {
border: 1px solid #b0b0b0;
}

TD {
border: 1px solid #b0b0b0;
padding: 0.5em;
}

TH {
background-color: #e0e0e0;
border: 1px solid #b0b0b0;
padding: 0.5em;
}

#accessKeys {
clear: both;
}

.accessibilityBlock {
clear: both;
}
.accessibilityButton {
margin: 0px 0px 10px 0px;
padding: 3px 3px 3px 3px;
text-align: center;
width: 85%;
}
.accessibilityColumn {
float: left;
width: 33.3%;
}

.alignRight {
text-align: right;
}

#backToTop {
clear: both;
padding-top: 1.30em;
text-align: right;
}

.bold {
font-weight: bold;
}

#breadcrumb {
clear: both;
margin: 0 0 1.4em 0;
width:100%;
}
.breadcrumbBorderBlue {
border-bottom: 1px solid #0292bf;
}
.breadcrumbBorderGray {
border-bottom: 1px solid #e0e0e0;
}
.breadcrumbBorderGreen {
border-bottom: 1px solid #c5dc0a;
}
.breadcrumbBorderOrange {
border-bottom: 1px solid #eea610;
}
.breadcrumbBorderPurple {
border-bottom: 1px solid #913697;
}

.breadcrumbP {
line-height: 1.5em;
width:100%;
}

.clearBoth {
clear: both;
}

.colourBlue {
background-color: #0292bf;
color: #ffffff;
}
.colourGray {
background-color: #e0e0e0;
color: #000000;
}
.colourGreen {
background-color: #c5dc0a;
color: #ffffff;
}
.colourOrange {
background-color: #eea610;
color: #ffffff;
}
.colourPurple {
background-color: #913697;
color: #ffffff;
}

#colourStrip {
clear: both;
}

#content {
clear: both;
}

#contentLeftContainer {
padding: 18px 15px 18px 15px;
}
#contentLeftContainer.colourPurple a {
    color: #fff;
}
#contentCentre {
float:left;
width:63.1em;
}
#contentCentre.with-r-col {
width:42.4em;
}
#contentCentreContainer {
padding: 20px 10px 10px 10px;
}
#contentCentre h1 
{
background: #E1E1E1 url(../images/content-h1.jpg) repeat-x top;
font-size: 220%;
padding: 0px 0px 0px 11px;
height: 1.8em;
font-weight:normal;
}

#contentRight {
float: right;
}
#contentRightContainer {
padding: 18px 15px 18px 15px;
}

#contentHomepageTop {
clear: both;
}
#contentHomepageLeft,
#contentHomepageCentre,
#contentHomepageTopLeft,
#contentHomepageTopRight,
#contentHomepageMiddleRight {
border: 1px solid #CCC;
float: left;
}
#contentHomepageTopLeft,
#contentHomepageTopRight {
height: 19.95em;
}
#contentHomepageTopRight,
#contentHomepageMiddleRight {
width: 63.6em;
}

#contentHomepageMiddle,
#contentHomepageMiddleGroup {
clear: both;
}
#contentHomepageMiddleLeft {
float: left;
padding: 0 1.5% 0 0.5%;
text-align: center;
width: 27.9%;
}

.contentHomepageMiddleGroupColumn {
float: left;
width: 33.3%;
}
.contentHomepageMiddleGroupColumnContainer {
font-size: 110%;
padding: 1em 1em 0em 1em;
}

#contentHomepageBottom {
clear: both;
height: 2em;
}
.contentHomepageBottomBlue {
background-color: #0292bf;
float: left;
height: 2em;
}
.contentHomepageBottomGreen {
background-color: #c5dc0a;
float: left;
height: 2em;
}
.contentHomepageBottomOrange {
background-color: #eea610;
float: left;
height: 2em;
}
.contentHomepageBottomPurple {
background-color: #913697;
float: left;
height: 2em;
}

.country {
cursor: pointer;
width: 100%;
}

.displayBlock {
display: block;
}
.displayBlockCenter {
display: block;
text-align: center;
}
.displayBlockRight {
display: block;
text-align: right;
}
.displayNone {
display: none;
}

.errorForm {
color: #f00000;
padding: 0 0 0.5em 0;
}

.fontLarge {
font-size: 110%;
line-height: 1.37em
}

.fontWhite {
color: #ffffff;
}

#form {
clear: both;
}
.formRow {
clear: both;
padding-bottom: 1em;
}
.formRowCenter {
float: left;
padding-bottom: 1em;
text-align: center;
width: 99.9%;
}
.formRowCenterElement {
text-align: center;
width: 99.9%;
}
.formRowLeft {
float: left;
padding-bottom: 1em;
text-align: right;
width: 44.9%;
}
.formRowRight {
float: left;
margin-left: 1%;
padding-bottom: 1em;
width: 53.9%;
}

.formSubmit {
background-color: #c5dc0a;
border-top: 1px solid #ffffff;
border-right: 1px solid #404040;
border-bottom: 1px solid #404040;
border-left: 1px solid #ffffff;
color: #404040;
cursor: pointer;
font-weight: bold;
}

#footer {
background-color: #eee;
clear: both;
height: 3em;
}
#footer a {
font-weight: normal;
}
#footerLeft {
float: left;
text-align: left;
}
#footerRight {
float: right;
text-align: right;
}
#footerLeft,
#footerRight {
width: 47%;
margin: 10px;
}
.grayBox {
background-color: #b0b0b0;
color: #ffffff;
font-weight: bold;
padding: 5px;
}
.grayDark {
background-color: #b0b0b0;
color: #ffffff;
}
.grayLight {
background-color: #e0e0e0;
color: #606060;
}

#header {
clear: both;
}
#headerLeft {
float: left;
width: 39.9%;
}
#headerRight {
float: right;
text-align: right;
width: 55%;
}
#headerRightTop {
margin-top: 25px;
padding: 0px 5px 0px 0px;
}
#headerRightBottom {
margin-top: 10px;
padding: 0px 5px 0px 0px;
}

.imgLeft {
float: left;
padding: 0 20px 20px 0;
}
.imgRight {
float: right;
padding: 0 0 20px 20px;
}

.navLeftLevel2 {
clear: both;
margin-bottom: 1em;
}
.colourPurple .navLeftLevel3 {
background: transparent url('../images/arrow-left-nav-white.gif') no-repeat scroll top left;
}
.navLeftLevel3 {
background: transparent url('../images/arrow-left-nav.gif') no-repeat scroll top left;
clear: both;
margin-bottom: 1em;
padding-left: 1.5em;
}

.navLeftLevel2Group {
clear: both;
margin-bottom: 1em;
}
.navLeftLevel3Group {
background: transparent url('../images/arrow-left-nav-white.gif') no-repeat scroll top left;
clear: both;
margin-bottom: 1em;
padding-left: 1.5em;
}

#navRight {
color: #404040;
text-align: center;
}

#navTop {
background-color: #e0e0e0;
border-top: 0.15em solid #b0b0b0;
border-right: 0.15em solid #b0b0b0;
border-bottom: 0.15em solid #b0b0b0;
border-left: 0.15em solid #b0b0b0;
clear: both;
height: 2.2em;
}
.navTopLink {
background-color: #e0e0e0;
border-right: 0.15em solid #b0b0b0;
float: left;
padding: 0.5em 0.5em 0.5em 0.5em;
text-align: center;
}

#navTopGroup {
clear: both;
height: 2.2em;
}
.navTopLinkGroupBlue {
background-color: #0292bf;
float: left;
padding: 0.5em 0em 0.5em 0em;
text-align: center;
}
.navTopLinkGroupGreen {
background-color: #c5dc0a;
float: left;
padding: 0.5em 0em 0.5em 0em;
text-align: center;
}
.navTopLinkGroupOrange {
background-color: #eea610;
float: left;
padding: 0.5em 0em 0.5em 0em;
text-align: center;
}
.navTopLinkGroupPurple {
background-color: #913697;
float: left;
padding: 0.5em 0em 0.5em 0em;
text-align: center;
}

#navTopLink01 {
background-color: #e0e0e0;
}
#navTopLink02 {
background-color: #e0e0e0;
}
#navTopLink03 {
background-color: #e0e0e0;
}
#navTopLink04 {
background-color: #e0e0e0;
}
#navTopLink05 {
background-color: #e0e0e0;
}
#navTopLink06 {
background-color: #e0e0e0;
}

.noBorder {
border: 0;
}

#master {
background-color: #ffffff;
clear: both;
margin-top: 0%;
margin-left: auto;
margin-right: auto;
width:85.84em;
padding: 0 1.5em 0 1.5em;
}
.searchResultHeader {
clear: both;
height: 3.25em;
width: 99.9%;
}
.searchResultHeaderLeft {
float: left;
text-align: left;
width: 19.9%;
}
.searchResultHeaderCentre {
float: left;
text-align: center;
width: 59.9%;
}
.searchResultHeaderRight {
float: right;
text-align: right;
width: 19.9%;
}

.searchResultTitle {
clear: both;
margin-bottom: 0.75em;
}
.searchResultAbstract {
clear: both;
margin-bottom: 2.25em;
}
.searchResultLink {
clear: both;
margin-bottom: 2.25em;
}

.sitemapL1Blue {
background: transparent url('../images/site-map-blue.gif') no-repeat scroll top left;
margin-bottom: 1em;
padding-left: 1.5em;
}
.sitemapL1Green {
background: transparent url('../images/site-map-green.gif') no-repeat scroll top left;
margin-bottom: 1em;
padding-left: 1.5em;
}
.sitemapL1Orange {
background: transparent url('../images/site-map-orange.gif') no-repeat scroll top left;
margin-bottom: 1em;
padding-left: 1.5em;
}
.sitemapL1Purple {
background: transparent url('../images/site-map-purple.gif') no-repeat scroll top left;
margin-bottom: 1em;
padding-left: 1.5em;
}
.sitemapL1Gray {
background: transparent url('../images/site-map-gray.gif') no-repeat scroll top left;
margin-bottom: 1em;
padding-left: 1.5em;
}
.sitemapL2 {
background: transparent url('../images/site-map-l2.gif') no-repeat scroll top left;
margin-bottom: 1em;
margin-left: 1.5em;
padding-left: 1.5em;
}
.sitemapL3 {
background: transparent url('../images/site-map-l3.gif') no-repeat scroll top left;
margin-bottom: 1em;
margin-left: 3em;
padding-left: 1.5em;
}

.spc,
.home-spc {
clear: both;
}
.spc {
height: 10px;
}
.home-spc {
height: 1.8em;
}
.spcNarrow {
clear: both;
height: 2px;
font-size: 0.01em;
}

.textCentre {
text-align: center;
}

.w3cRow {
clear: both;
}
.w3cLeft {
float: left;
height: 3.5em;
width: 29.9%;
}
.w3cRight {
float: left;
width: 69.9%;
}

#search-field {
float:right;
width: 22em;
}
#websites {
float:right;
width: 22em;
margin-right: 1em;
}
#websites div {
float: right;
text-align: right;
}
#websites div.selector {
width: 18em;
}
#websites div.flag {
margin-top: 0.2em;
width: 3.2em;
}

.websitesTable {
border-top: 1px solid #b0b0b0;
border-right: 1px solid #b0b0b0;
border-bottom: 0;
border-left: 1px solid #b0b0b0;
padding: 0;
}
.websitesTd {
border-top: 0;
border-right: 0;
border-bottom: 1px solid #b0b0b0;
border-left: 0;
padding: 0;
}

/* Guide:
1em = 11.5px 
0.1em = 1.15px
*/

.lal {
float:left;
}
.ral {
float:right;
}
h2.block {
background: #e1e1e1 url(../images/block-head.jpg) repeat-x top;
height:2.15em;
padding: 13px 0 0 12px;
margin: 0;
font-size: 130%;
font-weight:bold;
color:#000;
}
.block-content {
    margin: 10px 5px 3px 5px;
    height:12.5em;
}
#contentHomepageTopLeft .block-content {
    height:12.5em;
}
#contentHomepageLeft .block-content,
#contentHomepageCentre .block-content,
#contentHomepageRight .block-content,
#contentHomepageRighta .block-content {
    height:14.7em;
}
#contentHomepageTopLeft .block-content {
    height:12.5em;
}
.block-content p {
    margin: 0px 6px 6px 6px;
    padding-bottom: 0px;
}
.block-content .sep {
    border-bottom: 1px solid #ccc;
    margin-top:6px;
    margin-bottom:6px;
}
.block-content h4 {
    margin: 0px 6px 4px 6px;
    padding-bottom: 0px;
}
.block-content h4 a {
    font-weight:bold;
    text-decoration:none;
    font-size:105%;
}
.block-content h4 a:hover {
    text-decoration:underline;
}
.block-foot {
height:1.9em;
padding: 0;
margin: 0 5px 0 11px;
font-size: 95%;
}
.flare-green {
    border-bottom: 4px solid #BBD10A; /* green */
}
.flare-purple {
    border-bottom: 4px solid #903594; /* purple */
}
.flare-blue {
    border-bottom: 4px solid #0192BF; /* blue */
}
.flare-orange {
    border-bottom: 4px solid #EDA610; /* orange */
}
#contentHomepageTopLeft,
#contentHomepageTopRight,
#contentHomepageLeft,
#contentHomepageCentre,
#contentHomepageRight,
#contentHomepageRighta,
.promoBox,
#contentHomepageMiddleRight,
#contentLeftContainer {
margin-bottom: 1.8em;
}
#contentHomepageLeft,
#contentHomepageCentre,
#contentHomepageRight, 
#contentHomepageRighta {
border: 1px solid #CCC;
float: left;
height:22em;
}
#contentHomepageLeft,
#contentHomepageCentre,
#contentHomepageTopLeft {
width: 20.1em;
}
#contentHomepageLeft,
#contentHomepageCentre,
#contentHomepageTopLeft,
#contentLeft {
margin-right: 1.6em;
}
#contentRight {
margin-left: 1.6em;
}
#contentHomepageRight {
width: 19.5em;
margin-right: 1.6em;
}
#contentHomepageRighta {
width: 20em;
}

#contentHomepageMiddleRight {
height: 20.1em;
}
#contentLeft,
#contentRight,
.promoBox {
width: 20em;
float: left;
/*height: 20.1em;*/
}
.promoBox.padd {
margin-right: 1.75em;
}
.promoBox .img {
height:12.5em;
padding: 0px;
margin: 0px;
}
.promoBox .img a img {
    width:100%;
    height:100%;
}
.promoBox h3 {
background: #000 url(/images/promoBox-head.jpg) repeat-x top;
height:1.9em;
padding: 8px 0 0 9px;
margin: 0;
font-size: 130%;
font-weight:normal;
color:#fff;
}
.promoBox .foot {
background-color: #BBD10A;
min-height:4.6em;
height:auto !important;
height:4.6em;
padding: 0;
margin: 0;
}
.promoBox .foot ul {
    padding: 8px 0.6em 0 0.4em;
    margin: 0;
    font-weight:bold;
    color:#000;
    list-style-type:none;
}
.promoBox .foot ul li {
    background: transparent url('/images/promoBox-arrow.gif') no-repeat scroll top left;
    padding-left: 1.2em;
}
.promoBox .foot ul li a {
    color:#000;
    text-decoration:none;
    font-size: 120%;
    line-height: 1.3em
}
.promoBox .foot ul li a:hover {
        text-decoration:underline;
}


#contentHomepageMiddleRight .block-content div.text-left {
    float:left;
    width:83%;
}
#contentHomepageMiddleRight .block-content div.logos-right {
    float:right;
    width:17%;
    text-align:center;
}    
#contentHomepageMiddleRight .block-content div.logos-right img {
    margin-bottom: 5px;
}