/**
 * CSS aggregator v1.2
 *
 * http://practicalactionpublishing.org/css/brand2.css
 * http://practicalactionpublishing.org/yui/build/grids/grids-min.css
 * http://practicalactionpublishing.org/yui/build/menu/assets/menu.css
 * http://practicalactionpublishing.org/css/pa/pa_layout.css
 * http://practicalactionpublishing.org/css/pa/pa_scheme2.css
 * http://practicalactionpublishing.org/css/pa/pa_layout_hide_column_3.css
 */


/***************************************************************/
/*     http://practicalactionpublishing.org/css/brand2.css     */
/***************************************************************/
/* JA Rebranding div tag alternatives       */
.brand1 {
  display: none;
}

.brand2 {
  display: inline;
}


/******************************************************************************/
/*     http://practicalactionpublishing.org/yui/build/grids/grids-min.css     */
/******************************************************************************/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;min-width:950px;}#doc3{margin:auto 10px;width:auto;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge .yui-u{width:24%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-gf div.first{width:24%;}.yui-ge div.first{width:74.2%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}


/*******************************************************************************/
/*     http://practicalactionpublishing.org/yui/build/menu/assets/menu.css     */
/*******************************************************************************/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* Menu styles */

div.yuimenu {

    background-color:#f6f7ee;
    border:solid 1px #c4c4be;
    padding:1px;
    
}

/* Submenus are positioned absolute and hidden by default */

div.yuimenu div.yuimenu,
div.yuimenubar div.yuimenu {

    position:absolute;
    visibility:hidden;

}

/* MenuBar Styles */

div.yuimenubar {

    background-color:#f6f7ee;
    
}

/*
    Applying a width triggers "haslayout" in IE so that the module's
    body clears its floated elements
*/
div.yuimenubar div.bd {

    width:100%;

}

/*
    Clear the module body for other browsers
*/
div.yuimenubar div.bd:after {

    content:'.';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;

}

/* Matches the group title (H6) inside a Menu or MenuBar instance */

div.yuimenu h6,
div.yuimenubar h6 { 

    font-size:100%;
    font-weight:normal;    
    margin:0;
    border:solid 1px #c4c4be;
    color:#b9b9b9;    

}

div.yuimenubar h6 {

    float:left;
    display:inline; /* Prevent margin doubling in IE */
    padding:4px 12px;
    border-width:0 1px 0 0;
    
}

div.yuimenu h6 {

    float:none;
    display:block;
    border-width:1px 0 0 0;
    padding:5px 10px 0 10px;

}

/* Matches the UL inside a Menu or MenuBar instance */

div.yuimenubar ul {

    list-style-type:none;
    margin:0;
    padding:0;

}

div.yuimenu ul {

    list-style-type:none;
    border:solid 1px #c4c4be;
    border-width:1px 0 0 0;
    margin:0;
    padding:10px 0;

}

div.yuimenu ul.first-of-type, 
div.yuimenu ul.hastitle,
div.yuimenu h6.first-of-type {

    border-width:0;

}

/*
    Styles for the menu's header and footer elements that are used as controls 
    to scroll the menu's body element when the menu's height exceeds the 
    value of the "maxheight" configuration property.
*/

div.yuimenu div.topscrollbar,
div.yuimenu div.bottomscrollbar {

    height:16px;
    background-image:url(http://practicalactionpublishing.org/yui/build/menu/assets/map.gif);
    background-repeat:no-repeat;

}


div.yuimenu div.topscrollbar {

    background-image:url(http://practicalactionpublishing.org/yui/build/menu/assets/map.gif);
    background-position:center -72px;

}


div.yuimenu div.topscrollbar_disabled {

    background-image:url(http://practicalactionpublishing.org/yui/build/menu/assets/map.gif);
    background-position:center -88px;

}


div.yuimenu div.bottomscrollbar {

    background-image:url(http://practicalactionpublishing.org/yui/build/menu/assets/map.gif);
    background-position:center -104px;

}


div.yuimenu div.bottomscrollbar_disabled {

    background-image:url(http://practicalactionpublishing.org/yui/build/menu/assets/map.gif);
    background-position:center -120px;

}


/* MenuItem and MenuBarItem styles */

div.yuimenu li,
div.yuimenubar li {

    font-size:85%;
    cursor:pointer;
    cursor:hand;
    white-space:nowrap;
    text-align:left;

}

div.yuimenu li.yuimenuitem {

    padding:2px 24px;
    
}

div.yuimenu li li,
div.yuimenubar li li {

    font-size:100%;

}


/* Matches the help text for a menu item */

div.yuimenu li.hashelptext em.helptext {

    font-style:normal;
    margin:0 0 0 40px;

}

div.yuimenu li a,
div.yuimenubar li a {
    
    /*
        "zoom:1" triggers "haslayout" in IE to ensure that the mouseover and 
        mouseout events bubble to the parent LI in IE.
    */
    zoom:1;
    color:#000;
    text-decoration:none;
    
}

div.yuimenu li.hassubmenu,
div.yuimenu li.hashelptext {

    text-align:right;

}

div.yuimenu li.hassubmenu a.hassubmenu,
div.yuimenu li.hashelptext a.hashelptext {

    /*
        Need to apply float immediately for IE or help text will jump to the 
        next line 
    */

    *float:left;
    *display:inline; /* Prevent margin doubling in IE */
    text-align:left;

}

div.yuimenu.visible li.hassubmenu a.hassubmenu, 
div.yuimenu.visible li.hashelptext a.hashelptext {

    /*
        Apply the float only when the menu is visible to prevent the help
        text from wrapping to the next line in Opera.
    */

    float:left;

}


/* Matches selected menu items */

div.yuimenu li.selected,
div.yuimenubar li.selected {

    background-color:#8c8ad0;

}

div.yuimenu li.selected a.selected,
div.yuimenubar li.selected a.selected {

    text-decoration:underline;

}

div.yuimenu li.selected a.selected,
div.yuimenu li.selected em.selected, 
div.yuimenubar li.selected a.selected {

    color:#fff;

}


/* Matches disabled menu items */

div.yuimenu li.disabled, 
div.yuimenubar li.disabled {

    cursor:default;

}

div.yuimenu li.disabled a.disabled,
div.yuimenu li.disabled em.disabled,
div.yuimenubar li.disabled a.disabled {

    color:#b9b9b9;
    cursor:default;
    
}

div.yuimenubar li.yuimenubaritem {

    float:left;
    display:inline; /* Prevent margin doubling in IE */
    border-width:0 0 0 1px;
    border-style:solid;
    border-color:#c4c4be;
    padding:4px 24px;
    margin:0;

}

div.yuimenubar li.yuimenubaritem.first-of-type {

    border-width:0;

}


/* Styles for the the submenu indicator for menu items */

div.yuimenu li.hassubmenu em.submenuindicator, 
div.yuimenubar li.hassubmenu em.submenuindicator {

    display:-moz-inline-box; /* Mozilla */
    display:inline-block; /* IE, Opera and Safari */
    vertical-align:middle;
    height:8px;
    width:8px;
    text-indent:9px;
    font:0/0 arial;
    overflow:hidden;
    background-image:url(http://practicalactionpublishing.org/yui/build/menu/assets/map.gif);
    background-repeat:no-repeat;

}

div.yuimenubar li.hassubmenu em.submenuindicator {

    background-position:0 -24px;
    margin:0 0 0 10px;

}

div.yuimenubar li.hassubmenu em.submenuindicator.selected {

    background-position:0 -32px;

}

div.yuimenubar li.hassubmenu em.submenuindicator.disabled {

    background-position:0 -40px;

}

div.yuimenu li.hassubmenu em.submenuindicator {

    background-position:0 0;
    margin:0 -16px 0 10px;

}

div.yuimenu li.hassubmenu em.submenuindicator.selected {

    background-position:0 -8px;

}

div.yuimenu li.hassubmenu em.submenuindicator.disabled {

    background-position:0 -16px;

}


/* Styles for a menu item's "checked" state */

div.yuimenu li.checked {

    position:relative;

}

div.yuimenu li.checked em.checkedindicator {

    height:8px;
    width:8px;
    text-indent:9px;
    overflow:hidden;
    background-image:url(http://practicalactionpublishing.org/yui/build/menu/assets/map.gif);
    background-position:0 -48px;
    background-repeat:no-repeat;
    position:absolute;
    left:6px;
    _left:-16px; /* Underscore hack b/c this is for IE 6 only */
    top:.5em;

}

div.yuimenu li.checked em.checkedindicator.selected {

    background-position:0 -56px;

}

div.yuimenu li.checked em.checkedindicator.disabled {

    background-position:0 -64px;

}


/*********************************************************************/
/*     http://practicalactionpublishing.org/css/pa/pa_layout.css     */
/*********************************************************************/
/*[fmt]1A20-1A0B-1*/
@import url(/yui/build/grids/grids-min.css);

@import url(/yui/build/menu/assets/menu.css);

/********************************************
HTML tag styles
*********************************************
*********************************************
Palette
*********************************************
very dark grey  231F20
lilac           D674B7 FFBAFD
red             FC1921 FF5F67
yellow          FFD600 FFFF46
green           96D045 DCFF8B
cyan            008E8F 46D4D5
light blue      6AC6D2 B0FFFF
dark blue       2461AA 6AA7F0
magenta         E2014D FF4793
dark yellow     C9A905 FFD600*/
BODY {
  background: #FAF9F5 url(http://practicalactionpublishing.org/css/pa/../../images/pa_rebrand/background_shadow.gif) repeat-y center 0 !important;
  _background: #FAF9F5 url(http://practicalactionpublishing.org/css/pa/../../images/pa_rebrand/background_shadow_ie6.gif) repeat-y center 0 !important;
/*_background: #FFF !important;*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #231F20;
/*very dark grey*/
  line-height: 1.3em;
  margin: 0px;
  padding: 0px;
  font-size: 90%;
  text-align: left;
}

TD {
  margin: 0;
}

A:link {
  color: #E2014D;
  text-decoration: none;
}

A:visited {
  color: #E2014D;
  text-decoration: none;
}

A:link:hover {
  color: #FF4EA8;
  text-decoration: underline;
}

BR {
  line-height: 1.45em;
}

H1 {
  font-weight: normal;
  font-size: 190%;
  color: #231F20;
  margin: 0px;
  padding: 5px 0px;
  line-height: 1.2em;
}

H2 {
  font-weight: normal;
  font-size: 144%;
  color: #231F20;
  margin: 0px;
  padding: 0px;
  line-height: 1.2em;
}

H3 {
  font-weight: bold;
  font-size: 100%;
  color: #231F20;
  margin: 0px;
  padding: 0px;
}

H4 {
  font-weight: normal;
  font-size: 190%;
  color: #231F20;
  margin: 0px;
  padding: 5px 0px;
  line-height: 1.2em;
}

H5 {
  font-weight: normal;
  font-size: 144%;
  color: #231F20;
  margin: 0px;
  padding: 0px;
}

.story UL {
  list-style-type: disc;
}

.story UL UL {
  list-style-type: disc;
}

.story UL UL UL {
  list-style-type: none;
}

LABEL {
  font-family: Arial, sans-serif;
  font-size: 100%;
  width: 90%;
}

A IMG {
  border: 0;
}

HR.common {
  border: 0 none #000000;
  border-top: 1px dashed #C0C0C0;
  height: 1px;
}

HR {
  border: 0;
  height: 0;
  margin: 0px 0px 15px;
  padding: 0;
}

/*JA accessible more links*/
SPAN.more {
  position: absolute;
  left: -1000px;
  width: 900px;
}

.required {
  color: #FF0000;
  font-weight: bold;
}

.draft {
  text-align: center;
  background: #96D045 url(http://practicalactionpublishing.org/css/pa/../../images/pa_rebrand/stripe_bgd.gif);
  padding: 2px 30px;
}

.draft EM {
  padding: 2px 15px;
  color: #000;
  font-weight: normal;
  font-style: normal;
  background: #DCFF8B;
}

.backup {
  text-align: center;
  background: #6AC6D2;
  padding: 0;
}

.backup EM {
  display: block;
  padding: 3px 0;
  margin: 0;
  color: #000;
  font-weight: normal;
  font-style: normal;
  background: #6AC6D2;
}

.backuptabs {
  text-align: center;
  background: #96D045 url(http://practicalactionpublishing.org/css/pa/../../images/pixel_black.gif) repeat-x bottom;
  padding: 0;
}

.backuptabs UL {
  background: #DDD;
  display: inline;
  padding: 0;
  margin: 0;
}

.backuptabs LI {
  border-right: 1px solid #000;
  background: #C5EDF1 url(http://practicalactionpublishing.org/css/pa/../../images/pixel_black.gif) repeat-x bottom;
  display: inline;
  margin: 0;
  padding: 0 10px;
}

.backuptabs LI.current {
  background: #6AC6D2;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: none;
  border-left: 0 solid #000;
}

.backuptabs LI.first {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

.backuptabs LI.currentfirst {
  background: #6AC6D2;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: none;
  border-left: 1px solid #000;
}

.pageintro {
  font-weight: bold;
}

TD.casestudies {
  margin-top: 10px;
  border-top: 8px solid #C0C0C0;
}

.note {
  font-size: 90%;
  color: #808080;
}

P.redirectlink A {
  font-size: large;
  margin: 20px 40px;
}

P.redirectlink {
  margin: 20px 40px;
}

/*On 'hover' set the anchor to 'position:relative' to get a measuring point.
Somehow IE doesn't like it when this is in the '.col2 a' declaration...
Be sure to override this in all child layers*/
#content A:hover, #content A:focus, #content A:active {
  position: relative;
}

/*Take the previously hidden span and display it near the anchor*/
#content A:hover SPAN.more, #content A:focus SPAN.more, #content A:active SPAN.more {
  left: 50px;
  top: 20px;
  width: 180px;
  padding: 5px 10px;
/*This is just for looks...*/
  line-height: 1.4;
  font-size: 100%;
  text-decoration: none;
/*This is just for looks... END*/
}

/*IE doesn't show this - but others do.*/
#content A:hover SPAN.more:before, #content A:focus SPAN.more:before, #content A:active SPAN.more:before {
  content: "read more - ";
}

/*JA accessible more links END
*********************************************
Layout Divs
**********************************************/
#container {
  max-width: 1200px;
  _width: 950px !important;
  margin: auto;
  background-color: #FFF;
}

#masthead, #navBar, #rightnav, #content {
}

#masthead {
  padding: 0px;
  width: 100%;
  background-repeat: no-repeat;
  font-size: 87%;
  font-weight: bold;
}

#navBar {
  float: left;
  width: 19%;
  margin: 0px;
  padding: 0px 0px 60px;
  background-color: #FFF;
  border-right: 1px solid #CCC;
}

#rightnav {
  margin: 0px;
  padding: 0px;
  line-height: 1.3em;
  font-weight: normal;
}

#content {
  clear: none;
}

/**********************************************
Components
**********************************************/
#siteName {
  margin: 0;
  padding: 0 0 0 10px;
}

#horiznavbar {
/*padding: 0.1em 0 1em 10px;*/
  padding: 0;
  clear: both;
  vertical-align: middle;
}

#horiznavbarc, #horiznavbarbc, #featurec, #featurebc, #mastheadi, #featurei {
/*JA development colour chooser*/
  float: left;
}

#logo {
  float: right;
  background: #FFF;
  width: 220px;
}

#logo IMG {
  float: right;
  padding: 12px 14px;
  border: 0;
}

#textlogo {
  font-size: 2.5em;
  padding: 0.5em;
}

.nobr {
  white-space: nowrap;
}

#textlogo, #textlogo A, #textlogo A:visited, #textlogo A:hover {
/*JA for the Text only version of the site*/
  font-weight: normal;
  text-decoration: none;
  color: #00825C;
}

#textlogo STRONG {
/*JA for the Text only version of the site*/
  font-size: 1.5em;
}

#colourchooser {
  border: 1px solid #999999;
  background-color: #FFF;
  position: absolute;
  padding: 10px;
  z-index: 1;
  visibility: hidden;
  left: 310px;
  top: 120px;
}

#imagechooser {
  border: 1px solid #999999;
  background-color: #FFF;
  position: absolute;
  padding: 10px;
  z-index: 1;
  visibility: hidden;
  left: 310px;
  top: 120px;
}

/************* #globalNav styles *************

#globalNav {
position:relative;
top: 0.3em;
color: #FFF;
display:inline;
vertical-align:middle;
}
#globalNav a {
color: #000;
vertical-align:middle;
}
#globalNav ul {
display:inline;
padding: 0;
margin: 0;
list-style-type:none;
}
#globalNav ul li {
display:inline;
padding: 0 10px 0 3px;
}
*/
DIV.yuimenu {
  border: 0;
  border-right: 1px dashed #CCC;
/*border-bottom: 1px dashed #CCC;*/
  border-left: 1px dashed #CCC;
}

DIV.yuimenu LI.yuimenuitem {
  padding: 2px 8px;
  line-height: 1.5em;
}

DIV.yuimenubar LI.yuimenubaritem {
  float: left;
  display: inline;
/*Prevent margin doubling in IE*/
  border-width: 0;
  border-style: solid;
  border-color: #FFF;
  padding: 8px 7px;
  margin: 0;
  line-height: 1.5em;
}

/*JA needed to give the correct colour dropdown arrow i.e. menus with black text rather than white(default)*/
DIV.yuimenu LI.hassubmenu EM.submenuindicator, DIV.yuimenubar LI.hassubmenu EM.submenuindicator {
  background-image: url(/images/pa_rebrand/map.gif);
  margin: 0 0 0 3px;
}

DIV.yuimenubar DIV.bd:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

DIV.yuimenubar DIV.yuimenu LI.selected, DIV.yuimenu, DIV.yuimenubar DIV.yuimenu LI.selected.yuimenuitem {
  background-color: #FAF9F5;
/*maintain grey bgd on dropdowns*/
}

DIV.yuimenubar UL {
  margin: 0 0 0 7px;
}

.yuibordbot {
  border-bottom: 1px solid #F0F0F0;
}

/************* #search styles ***************/
FORM#searchForm, FORM#searchForm LABEL {
  display: inline;
  border: 0;
}

FORM#searchForm INPUT, FORM#searchForm SELECT {
  font-size: 95%;
  margin: 0;
}

FORM#searchForm P {
  font-size: 85%;
  padding: 4px 0 0;
  margin: 0;
}

/*************** #pageName styles **************/
#pageName {
  margin: 0;
  padding: 0 0 0 10px;
}

/************* #breadCrumb styles ************
JA Currently unused*/
#breadcrumb {
  margin: 10px 10px -15px 25px;
}

#breadcrumb A.headerNavigation {
  font-size: 90%;
  color: #808080;
  vertical-align: middle;
}

#breadcrumb UL.breadcrumb {
  display: inline;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#breadcrumb UL.breadcrumb LI {
  display: inline;
  padding: 0 10px 0 0;
}

#breadcrumb A:hover, #breadcrumb A:focus, #breadcrumb A:active {
  position: inherit;
}

/************** .story styles **************

#content .story a:hover, #content .story a:focus, #content .story a:active {
position:static;
}
*/
#story A:hover, #story A:focus, #story A:active {
  position: inherit;
}

.story {
  padding: 15px 1.1em 25px 25px;
  font-size: 90%;
}

.story P, .story P UL, .story P OL {
}

.story IMG {
  margin: 0;
  padding: 0;
}

.story IMG.imageright {
  float: right;
/*padding: 0px 0px 10px 10px;*/
  padding: 0px 0px 10px 10px;
}

.story IMG.imageleft {
  float: left;
/*padding: 0px 10px 10px 0px;*/
  padding: 0px 10px 0px 0px;
}

.story IMG.imagerightborder {
  float: right;
/*padding: 0px 0px 10px 10px;*/
  padding: 0px 0px 10px 10px;
  border-left: 10px solid #FFFFFF;
}

#world_map {
  padding: 0;
  margin: 0;
  white-space: nowrap;
  float: left;
  line-height: 0em;
}

#world_map_thumb {
  padding: 0px 10px;
  margin: 0px 0px 0px 480px;
  white-space: nowrap;
}

/************** #feature styles *****************/
#feature {
  clear: both;
  padding: 10px 10px 1px 270px;
  font-size: 90%;
  background-repeat: no-repeat;
  margin: 15px 0px;
  min-height: 210px;
}

#feature H1 {
  color: #231F20;
  font-size: 160%;
}

#feature P {
  font-size: 111%;
/*was 120%*/
}

#feature UL {
  font-size: 111%;
}

/************** #q styles *****************/
#quarters DIV {
  font-size: 100%;
  line-height: 1.3em;
  display: block;
  width: 49%;
  margin: 7px 0px;
  padding: 0;
}

* HTML #quarters {
  width: 100%;
/*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
  w\idth: auto;
/*** resets the value for IE6 and IE5-Mac ***/
}

#quarters IMG {
  float: left;
  padding: 0;
  margin: 0px 15px 0px 0px;
  border: 0;
}

/*quarter 1*/
#q1 {
  float: left;
  clear: left;
}

HTML>BODY #q1 {
  margin-left: 0px;
}

/*** IE doubles the margin on the float. This sets the margin to the correct width for others ***/
#q1 H1 {
  font-size: 120%;
}

#q1 P {
  font-size: 100%;
  margin-top: 0.5em;
  padding: 0px 0px 0px 105px;
}

/*quarter 2*/
#q2 {
  float: right;
}

HTML>BODY #q2 {
  margin-right: 0px;
}

/*** IE doubles the margin on the float. This sets the margin to the correct width for others ***/
#q2 H1 {
  font-size: 120%;
}

#q2 P {
  font-size: 100%;
  margin-top: 0.5em;
  padding: 0px 0px 0px 105px;
}

/*quarter 3*/
#q3 {
  float: left;
  clear: both;
}

HTML>BODY #q3 {
  margin-left: 0px;
}

/*** IE doubles the margin on the float. This sets the margin to the correct width for others ***/
#q3 H1 {
  font-size: 120%;
}

#q3 P {
  font-size: 100%;
  margin-top: 0.5em;
  padding: 0px 0px 0px 105px;
}

/*quarter 4*/
#q4 {
  float: right;
  clear: right;
}

HTML>BODY #q4 {
  margin-right: 0px;
}

/*** IE doubles the margin on the float. This sets the margin to the correct width for others ***/
#q4 H1 {
  font-size: 120%;
}

#q4 P {
  font-size: 100%;
  margin-top: 0.5em;
  padding: 0px 0px 0px 105px;
}

.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 1px;
  overflow: hidden;
  line-height: 1%;
  font-size: 0px;
}

.right {
  float: right;
}

/************* #siteInfo styles ***************/
#siteInfo {
  clear: both;
/*border: 1px solid #ccc;*/
  font-size: 75%;
  color: #999999;
  padding: 20px 10px 10px;
  text-align: center;
/*  background-color:#fcfcfa; */
}

#siteInfo IMG {
  padding: 4px 4px 4px 6px;
  vertical-align: middle;
}

#siteInfo UL {
  display: inline;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#siteInfo UL LI {
  display: inline;
  padding: 0px 6px 0px 3px;
}

/************* #edit styles ***************/
#edit {
  float: right;
  padding: 5px 15px 5px 0;
  white-space: nowrap;
}

#edit IMG {
  vertical-align: middle;
}

/************* #error styles ***************/
#error {
  background-color: #FCC;
  border: 1px solid #F00;
  color: #F00;
  padding: 10px;
  margin: 10px 10px 10px 0;
}

/************* #info styles ***************/
#info {
  background-color: #00CC66;
  border: 1px solid #006600;
  color: #000;
  padding: 10px;
  margin: 10px 10px 10px 0;
}

.info {
  background-color: #00CC66;
  border: 1px solid #006600;
  color: #000;
  padding: 10px;
  margin: 10px 10px 10px 0;
}

.info H4 {
  font-size: 120%;
  font-weight: bold;
}

/*********** #flashbox styles  *************/
#flashbox {
  background: #FAF9F5;
  border-top: 1px solid #96D045;
  border-bottom: 1px solid #96D045;
  padding: 12px;
  margin: 5px 0px 10px;
}

/*********** #navBar link styles ***********/
#navBar A {
  font-weight: normal;
  line-height: 1.5em;
}

#navBar UL A:link, #navBar UL A:visited {
  padding: 1px 0px 1px 0.75em;
  margin: -1px;
/*JA fix margin of blocks formed around scaled fonts from leaving a 1px margin*/
  display: block;
}

#navBar UL {
  list-style: none;
  margin: 1em 0.5em 0em 1em;
  padding: 0;
}

#navBar UL A:hover {
  text-decoration: none;
}

#navBar UL.colour1 A:link, #navBar UL.colour1 A:visited {
  border-left: 1em solid #E2014D;
  color: #E2014D;
}

#navBar UL.colour1 A:hover {
  border-left: 1em solid #FF4793;
}

#navBar UL.colour2 A:link, #navBar UL.colour2 A:visited {
  border-left: 1em solid #008E8F;
  color: #008E8F;
}

#navBar UL.colour2 A:hover {
  border-left: 1em solid #46D4D5;
}

#navBar UL.colour3 A:link, #navBar UL.colour3 A:visited {
  border-left: 1em solid #2461AA;
  color: #2461AA;
}

#navBar UL.colour3 A:hover {
  border-left: 1em solid #6AA7F0;
}

#navBar UL.colour4 A:link, #navBar UL.colour4 A:visited {
  border-left: 1em solid #FC1921;
  color: #FC1921;
}

#navBar UL.colour4 A:hover {
  border-left: 1em solid #FF5F67;
}

#navBar UL.colour5 A:link, #navBar UL.colour5 A:visited {
  border-left: 1em solid #EEC803;
/*was #C9A905*/
  color: #C9A905;
}

#navBar UL.colour5 A:hover {
  border-left: 1em solid #FFD600;
}

#navBar UL.colour6 A:link, #navBar UL.colour6 A:visited {
  border-left: 1em solid #D674B7;
  color: #D674B7;
}

#navBar UL.colour6 A:hover {
  border-left: 1em solid #FFBAFD;
}

#navBar UL.colour7 A:link, #navBar UL.colour7 A:visited {
  border-left: 1em solid #96D045;
  color: #76AD28;
/*was #96D045, but this is more legible*/
}

#navBar UL.colour7 A:hover {
  border-left: 1em solid #DCFF8B;
}

#navBar UL.colour8 A:link, #navBar UL.colour8 A:visited {
  border-left: 1em solid #FFD600;
  color: #FFD600;
}

#navBar UL.colour8 A:hover {
  border-left: 1em solid #FFFF46;
}

#navBar UL.colour9 A:link, #navBar UL.colour9 A:visited {
  border-left: 1em solid #231F20;
  color: #231F20;
}

#navBar UL.colour9 A:hover {
  border-left: 1em solid #999999;
}

#navBar UL.colour10 A:link, #navBar UL.colour10 A:visited {
  border-left: 1em solid #FFF;
  color: #999999;
}

#navBar UL.colour10 A:hover {
  border-left: 1em solid #EEEEEE;
}

#navBar UL.colour11 A:link, #navBar UL.colour11 A:visited {
  border-left: 1em solid #6AC6D2;
  color: #6AC6D2;
}

#navBar UL.colour11 A:hover {
  border-left: 1em solid #9ADDE6;
}

/*hack to fix IE/Win's broken rendering of block-level anchors in lists*/
#navBar LI {
  border-bottom: 0px solid #FFF;
}

/*fix for browsers that don't need the hack*/
HTML>BODY #navBar LI {
  border-bottom: none;
}

/************** #subsectionLinks styles **************/
#subsectionLinks {
  position: relative;
  margin: 0;
  padding: 5px 10px 0px 1.1em;
  color: #231F20;
  font-size: 88%;
}

#subsectionLinks A {
  padding: 0;
}

/*********** #navbar #subsectionLinks styles ***********/
#navBar #subsectionLinks {
  padding: 0px;
  line-height: 1.3em;
}

/*********** #navbar #subsectionLinks.rightnav styles ***********/
#navBar #subsectionLinks.rightnav {
  padding: 5px 10px 0px 1.1em;
  line-height: 1.3em;
}

/************** #advert styles *************
JA Currently unused*/
#advert {
  padding: 0px 10px 0px 1.1em;
}

/************** #rightnav styles **************/
#rightnav A {
  font-weight: normal;
  line-height: 1.5em;
}

.rightnavroothead {
  display: block;
  font-weight: bold;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  line-height: 1.3em;
}

.rightnavroot {
  font-weight: bold;
  line-height: 1.3em;
}

.rightnav {
/*JA current page in rightnav*/
  font-weight: bold;
  line-height: 1.3em;
}

.rightnavsmall {
/*JA any page in rightnav submenu*/
  font-weight: bold;
  line-height: 1.3em;
}

.donatebutton {
  padding: 10px 0px 5px;
}

/************** #printpage styles **************/
.printpageurl {
  background: #96D045;
  color: #000;
  padding: 3px 0px 4px 20px;
  margin: 0;
}

.printpageurl UL {
  float: right;
  padding: 0;
  margin: 0;
}

.printpageurl UL LI {
  display: inline;
  padding: 0;
  margin: 0;
}

.printpageurl UL LI A, .printpageurl UL LI A:visited {
  background: #DCFF8B;
  color: #231F20;
  padding: 2px 20px;
  margin: 0;
  border: 1px solid #231F20;
}

.printpageurl UL LI A:hover {
  background: #FFF;
}

.printpad {
  padding: 15px 40px;
}

.url {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: smaller;
  padding: 0px 10px;
}

/************** #sitemap styles **************/
TD.sitemap {
  line-height: 1.4em;
  font-size: 95%;
}

TD.sitemap, TD.sitemap A, TD.sitemap A:visited, TD.sitemap A:hover {
  color: #231F20;
/*was #2461AA*/
  text-decoration: none;
}

TD.sitemap A.sitemap {
/*JA any page in sitemap submenu*/
  font-weight: bold;
  display: block;
}

A.sitemap {
  padding-top: 10px;
}

TD.sitemap A.sitemap_small {
/*JA any page in sitemap submenu*/
  font-weight: normal;
  display: block;
}

TD.sitemap A.sitemap SPAN.hilite, TD.sitemap SPAN.hilite {
  display: block;
  background-color: #E3F2CF;
  border-top: 1px solid #96D045;
  color: #231F20;
  padding: 7px;
  margin-top: 20px;
  font-weight: bold;
  text-align: center;
}

/************** list styles *************
list is for images 100px wide, list1 is for images 90px wide, list2 is for images 70px wide
three additional categories have been added: list3 for 50px wide, list0 for 120px wide and listwide for 150px wide
*/
P.list {
  margin-left: 120px;
}

P.list1 {
  margin-left: 110px;
}

P.list2 {
  margin-left: 90px;
}

P.list3 {
  margin-left: 70px;
}

P.list0 {
  margin-left: 140px;
}

P.listwide {
  margin-left: 170px;
}


P.list, P.list1, P.list2, P.list3, P.list0, P.listwide {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #C0C0C0;
}

P.listend, P.list1end, P.list2end, P.list3end, P.list0end, P.listwideend {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

P.listend {
  margin-left: 120px;
}

P.list1end {
  margin-left: 110px;
}

P.list2end {
  margin-left: 90px;
}

P.list3end {
  margin-left: 70px;
}

P.list0end {
  margin-left: 140px;
}

P.list0end {
  margin-left: 170px;
}

IMG.list, IMG.list0, IMG.list1, IMG.list2, IMG.list3, IMG.listwide {
  float: left;
  border: 0;
  clear: left;
  padding: 5px 0;
}

A.listhead, A.listhead0, A.listhead1, A.listhead2, A.listheadwide {
  font-weight: bold;
}

P.adhead {
  color: #000;
  background-color: #E3F2CF;
/*default colour if none specified - green*/
  padding: 8px;
  font-size: 80%;
  font-weight: bold;
  margin-bottom: 0px;
}

P.adbody {
  background-color: #FAF9F5;
  color: #231F20;
  padding: 8px;
  font-size: 80%;
  margin-top: 0px;
  border-bottom: 1px dotted #96D045;
/*default colour if none specified - green*/
}

P.adhead1 {
  background-color: #FFE5EE;
}

/*magenta*/
P.adbody1 {
  border-bottom: 1px dotted #E2014D;
}

P.adhead2 {
  background-color: #A0DDDD;
}

/*cyan*/
P.adbody2 {
  border-bottom: 1px dotted #008E8F;
}

P.adhead3 {
  background-color: #DCE9FE;
}

/*dark blue*/
P.adbody3 {
  border-bottom: 1px dotted #2461AA;
}

P.adhead4 {
  background-color: #FEDDDE;
}

/*red*/
P.adbody4 {
  border-bottom: 1px dotted #FC1921;
}

P.adhead5 {
  background-color: #FFF7CF;
}

/*yellow*/
P.adbody5 {
  border-bottom: 1px dotted #FFD600;
}

P.adhead6 {
  background-color: #FCE3F4;
}

/*lilac*/
P.adbody6 {
  border-bottom: 1px dotted #D674B7;
}

P.adhead7 {
  background-color: #E3F2CF;
}

/*green*/
P.adbody7 {
  border-bottom: 1px dotted #96D045;
}

P.adhead8 {
  background-color: #E3F2CF;
}

/*light blue*/
P.adbody8 {
  border-bottom: 1px dotted #96D045;
}

/*right-aligned box for sub-home pages*/
DIV.newsbox {
  padding: 12px 12px 12px 15px;
  margin-left: 10px;
  background: #FAF9F5;
  width: 373px;
  float: right;
}

DIV.newsbox2 {
  padding: 0px 12px 0px 20px;
  float: right;
  margin-left: 20px;
  border-left: 1px dotted #C0C0C0;
  width: 373px;
  background: #FFFFFF;
}

DIV.featurecolumn {
  float: right;
  margin-left: 10px;
  width: 200px;
}

/*"Neat form" CSS -*/
.long_form UL {
  margin: 0px;
  padding: 0px;
}

FORM.neatform {
  margin: 0px;
  padding: 0px;
}

FORM.neatform LI {
  list-style: none;
  padding: 0.3em 0em;
}

FORM.neatform FIELDSET {
  border-color: #26A;
  border-style: solid none none;
  border-width: 1px 0px 0px;
  clear: both;
  margin: 1em 0px;
  padding: 0px;
}

FORM.neatform FIELDSET LEGEND {
  color: #FFF;
  background: #2060AC url(http://practicalactionpublishing.org/css/pa/#);
  font-weight: bold;
  margin: 0px;
  padding: 0.1em 1em;
}

FORM.neatform DIV {
  clear: left;
}

FORM.neatform FIELDSET DIV.notes {
  background-color: #FFFFE1;
  color: #808080;
  height: auto;
  padding: 0.2em 0.3em;
}

FORM.neatform FIELDSET DIV.noteslong {
  font-size: 90%;
  color: #808080;
  background-color: #FFFFE1;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  margin: 0px 0px 10px;
  padding: 5px;
}

FORM.neatform DIV LABEL {
  display: block;
  float: left;
  margin: 0px 0px 5px;
  padding: 3px 5px;
  text-align: right;
  width: 15em;
}

FORM.neatform DIV.required INPUT, INPUT.required, FORM.neatform DIV.required TEXTAREA, TEXTAREA.required, FORM.neatform DIV.required SELECT, SELECT.required {
  border-left: 5px solid #F99;
  padding-left: 4px;
}

FORM.neatform DIV LABEL.labelCheckbox, FORM.neatform DIV LABEL.labelRadio {
  display: block;
  float: none;
  margin: 0px 0px 5px 142px;
  padding: 0px;
  text-align: left;
  width: 200px;
}

FORM.neatform DIV FIELDSET LABEL.labelCheckbox, FORM.neatform DIV FIELDSET LABEL.labelRadio {
  margin: 0px 0px 5px;
  width: 170px;
}

P.error {
  background-color: #F33;
  background-image: url(/images/icon_error.gif);
  background-position: 3px;
  background-repeat: no-repeat;
  border: 1px solid #000;
  color: #FFF;
  margin: auto 100px;
  padding: 3px 3px 5px 27px;
}

FORM.neatform DIV.error {
  background-color: #FFFFE1;
  background-image: url(/images/required_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #F00;
  color: #808080;
}

FORM.neatform DIV.error P.error {
  background-color: transparent;
  background-image: url(/images/icon_error.gif);
  background-position: left top;
  border-style: none;
  color: #F00;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
}

FORM.neatform DIV INPUT, FORM.neatform DIV SELECT, FORM.neatform DIV TEXTAREA {
  margin: 0px;
  padding: 1px 8px;
  width: 20em;
  border: 1px solid #999;
}

FORM.neatform DIV INPUT.inputFile {
  width: 211px;
}

FORM.neatform DIV SELECT.selectOne, FORM.neatform DIV SELECT.selectMultiple {
  padding: 1px 3px;
  width: 211px;
}

FORM.neatform DIV INPUT.inputCheckbox, FORM.neatform DIV INPUT.inputRadio, INPUT.inputCheckbox, INPUT.inputRadio {
  background-color: transparent;
  border-width: 0px;
  display: inline;
  height: 14px;
  margin: 0px 0px 0px 140px;
  padding: 0px;
  width: 14px;
}

FORM.neatform DIV.submit {
  padding: 0px 0px 0px 146px;
  width: 214px;
}

FORM.neatform DIV.submit DIV {
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px;
  text-align: left;
  width: auto;
}

FORM.neatform DIV INPUT.inputSubmit, FORM.neatform DIV INPUT.inputButton, INPUT.inputSubmit, INPUT.inputButton {
  background-color: #CCC;
  color: #000;
  margin: 0px;
  padding: 0px 6px;
  width: auto;
}

FORM.neatform DIV.submit DIV INPUT.inputSubmit, FORM.neatform DIV.submit DIV INPUT.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
}

.cleardiv {
  display: inline;
}

FORM.neatform DIV.help {
  color: #838183;
  margin-left: 16em;
}

/*Comments*/
#comments {
  /*[disabled]background:#FBFBF9;*/
  /*[disabled]border-top:1px solid #CBCBCB;*/
  /*[disabled]padding:10px 20px;*/
  margin: 20px 0 0;
}

#comments H2 {
  border-bottom: 1px solid #CBCBCB;
  padding-bottom: 5px;
}

#comments .comment {
  margin: 10px 0;
}

#comments .comment P {
  margin: 5px 0;
}

#comments .small_text {
  color: #797979;
  font-size: 90%;
}

#comments #add_comment H3 {
  background: #FED813;
  padding: 5px 0px 5px 10px;
  color: inherit;
  font-size: 120%;
}

#comments .neatform FIELDSET {
  border: none;
}

#comments .neatform {
  background: #FEFEE0;
  padding: 10px;
}

#comments .neatform DIV.required {
  color: inherit;
}

#comments .neatform DIV LABEL {
  width: 6em;
}

#comments .neatform DIV.error {
  border: none;
  color: #FE0000;
}

#comments .neatform DIV INPUT[type=text], #comments .neatform DIV SELECT, #comments .neatform DIV TEXTAREA {
  width: 70%;
}

#comments .neatform DIV INPUT[type=submit], #comments .neatform DIV INPUT[type=checkbox] {
  width: auto !important;
}

#comments .neatform DIV.help {
  width: 70%;
  margin-left: 7em;
}

/*Elements*/
.related_element {
  background: #FAF9F5;
  border-left: 1px dotted #C0C0BE;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 1px;
}

.related_element OL, .related_element UL {
  list-style: square;
  /*[disabled]font-size:90%;*/
  padding: 0 8px 0 0;
  margin-left: 28px;
}

.related_element OL LI, .related_element UL LI {
  margin: 3px 0;
}

.related_element H2, .related_element H3 {
  padding: 8px;
  background: #FAF9F5 url(/images/chrome-e2e1dd-faf9f5-49.gif) repeat-x;
  /*[disabled]font-size:90%;*/
}

H2.chrome {
  font-weight: bold;
  padding: 8px 12px 10px;
  background: #FAF9F5 url(/images/chrome-e2e1dd-faf9f5-49.gif) repeat-x;
  margin-right: 340px;
}

UL.palogolist {
  list-style: none;
  position: relative;
  left: -20px;
  line-height: 180%;
}

UL.palogolist LI {
  list-style: none;
  background: url(/images/pa-circle-20-faf9f5.gif) no-repeat top left;
}

DIV OBJECT#atff {
  display: none;
}

P.highlightbox3 {
  padding: 20px;
  background: #FAF9F5;
  border-left: 1px dotted #C0C0C0;
}

P.highlightbox3a {
  padding: 20px;
  background: #FAF9F5;
  border-left: 1px dotted #C0C0C0;
  float: left;
  margin-right: 10px;
}

DIV.highlightbox3 {
  padding: 20px;
  background: #FAF9F5;
  border-left: 1px dotted #C0C0C0;
}

IMG.docshadow {
  padding:5px;
  background:url(http://practicalactionpublishing.org/css/pa/images/document-90-shadow-100x137.gif) no-repeat;
}

.audiolink { 
	background:url(http://practicalactionpublishing.org/css/pa/images/audio-icon-small.gif) no-repeat; 
	padding-left: 25px;
	margin-top: 10px;
}

/*img.pci { display:none; }
switches off PCI logos - only applicable if we fail a scan*/



/**********************************************************************/
/*     http://practicalactionpublishing.org/css/pa/pa_scheme2.css     */
/**********************************************************************/
/* colour scheme: CYAN */

#horiznavbar, div.yuimenubar {
background-color:#008E8F;
}
div.yuimenubar li.selected {
background-color:#46D4D5; /* make background match scheme on topmenu */
}
DIV.yuimenu LI.hassubmenu EM.submenuindicator
{
	background-image: url(/images/pa_rebrand/map_alt.gif);
}

#globalNav a, #globalNav a:hover, #globalNav a:active, #globalNav a:visited{
/*	color:#231F20;*/
	color:#FFFFFF;
}
#rightnav a {
	color:#008E8F;
}
#rightnav {
	background-color: #FCFCFA; /* pale grey background for submenu */
}
hr {
  background: #008E8F;
  border-top: 1px solid #008E8F;
}
.rightnavroothead {
	border-bottom: 1px solid #008E8F;
}

h2 { color:#008e8f; }

img.right {
	float:right;
	margin-left:10px;
}

p.highlightbox1 {
	background: #FAF9F5;
	border-top: 1px dotted #008E8F;
	padding: 12px;
}

p.highlightbox1a {
	background: #FAF9F5;
	border-top: 1px solid #008E8F;
	padding: 12px;
}

p.highlightbox1b {
	background: #FAF9F5;
	border-top: 1px dotted #008E8F;
	border-bottom: 1px dotted #008E8F;
	padding: 12px;
}

p.highlightbox2 {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px dotted #008E8F;
	padding: 12px;
}

p.highlightbox2a {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px solid #008E8F;
	padding: 12px;
}

p.highlightbox2b {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px dotted #008E8F;
	border-bottom: 1px dotted #008E8F;
	padding: 12px;
}

table.highlightbox1 {
	background: #FAF9F5;
	border-top: 1px dotted #008E8F;
	padding: 12px;
}

table.highlightbox1a {
	background: #FAF9F5;
	border-top: 1px solid #008E8F;
	padding: 12px;
}

table.highlightbox1b {
	background: #FAF9F5;
	border-top: 1px dotted #008E8F;
	border-bottom: 1px dotted #008E8F;
	padding: 12px;
}

table.highlightbox2 {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px dotted #008E8F;
	padding: 12px;
}

table.highlightbox2a {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px solid #008E8F;
	padding: 12px;
}

table.highlightbox2b {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px dotted #008E8F;
	border-bottom: 1px dotted #008E8F;
	padding: 12px;
}

table.examplebox { 
	border-top: #008e8f 1px dotted; 
	background-color:#faf9f5; 
	margin-bottom:20px;
}

/* divs to follow table styles */

div.highlightbox1 {
	background: #FAF9F5;
	border-top: 1px dotted #008E8F;
	padding: 12px;
}

div.highlightbox1a {
	background: #FAF9F5;
	border-top: 1px solid #008E8F;
	padding: 12px;
}

div.highlightbox1b {
	background: #FAF9F5;
	border-top: 1px dotted #008E8F;
	border-bottom: 1px dotted #008E8F;
	padding: 12px;
}

div.highlightbox2 {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px dotted #008E8F;
	padding: 12px;
}

div.highlightbox2a {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px solid #008E8F;
	padding: 12px;
}

div.highlightbox2b {
	background: #DEF4F4; /* was #a0dddd */
	border-top: 1px dotted #008E8F;
	border-bottom: 1px dotted #008E8F;
	padding: 12px;
}
div.examplebox {
	background: #FAF9F5;
	border-top: 1px dotted #008E8F;
	padding: 12px;
	margin-left:2em;
}


/***********************************************************************************/
/*     http://practicalactionpublishing.org/css/pa/pa_layout_hide_column_3.css     */
/***********************************************************************************/
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#rightnav{
	display:none;
  float:right;
	width: 0%; /* 20% appear, 0% disappear */
	border-left: 1px solid #cccccc;
}

#content{
	float: left;
  width: 80%; /* 53% headlines appear, 75% disappear */
	line-height: 1.3em;	
}