/* [cms v4.3.1]

RECOMMENDED ORDER
1. html classes [includes body, form ... ]
2. text classes [includes p & h1 & h2]
3. header classes
4. body classes
5. footer classes
6. nav: top
7. nav: left
8. components 
9. functions: site [i.e rel links, slideshow]
10. functions: page [i.e directory]
11. error msgs
12. admin bar

*/

body { margin: 0px; padding: 0px 0px 0px 0px; font-family: verdana, arial, sans-serif; font-size: 100%; color: #000;}
form { margin: 0px; padding: 0px; }

/* ----- TEXT ------ */
h1 { font-size: 0.7em; margin: 0px; padding: 0px; font-weight: bold;}  
h1 a { color: #000; text-decoration: none;}
h2 { font-size: 0.7em; margin: 0px; padding: 0px; font-weight: bold;}    
h2 a { color: #000; text-decoration: none;}
h3 { font-size: 0.7em; margin: 0px; padding: 0px 8px 0px 8px; font-weight: bold;}  
h3 a { color: #000; text-decoration: none;}
h4 { font-size: 0.7em; margin: 0px; padding: 0px; font-weight: bold;}  
h4 a { color: #000; text-decoration: none;}
p  { font-size: 0.7em; margin: 0px; padding: 0px 8px 8px 8px;}  
p a { color: #000; text-decoration: underline;}
p a:hover {text-decoration: underline;}

ul {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 15px;}
li {list-style: square; font-size: 0.7em; margin: 0px; padding: 0px 8px 0px 0px;}


/* ---- LAYOUT - STRUCTURE ---- */
#wrapper-1 {}

#header-1 {clear: both;}

#header-branding {width: 100%; height: 52px; background-color: #993333; border-bottom: 1px solid #FF9933;}

#header-fdcf-logo {padding: 18px 0px 0px 13px;}
#header-fdcf-logo img {display: block;}

#header-dfid-logo {float: right; padding: 5px 15px 0px 0px;}
#header-dfid-logo img {display: block;}

#header-enterplan-logo {float: right; padding: 5px 20px 0px 0px;}
#header-enterplan-logo img {display: block;}


#header-graphic {float: left; width: 600px; height: 120px; background-color: #666;}
#header-graphic img {display: block;}

#header-links {width: 100%; height: 22px; background-color: #CC6600; border-bottom: 1px solid #993300;}

#nav-1 {font-size: 0.7em; color: #fff; padding: 5px 0px 5px 13px;}
#nav-1 a {color: #fff; text-decoration: none;}
#nav-1 a:hover {text-decoration: underline;}

.nav-divider {color: #FF9933; padding: 0px 10px 0px 10px;}
.nav-divider-2 {color: #666; padding: 0px 10px 0px 10px;}

.footer-web-icon {margin-right: 4px;}

#header-search {display: none;}
.searchForm {padding: 1px; overflow: hidden; float: left;}
.searchLabel {font-family: verdana, arial, sans-serif; font-size: 0.6em; padding: 2px 5px 2px 5px; margin: 0px; color: #fff;}
.searchField {font-family: verdana, arial, sans-serif; font-size: 0.6em; width: 130px; padding: 2px; border: 0px; border-bottom: 1px solid #666; margin: 0px; background-color: #fff; color: #666;}
.searchSubmit {font-family: verdana, arial, sans-serif; font-size: 0.6em; border: 0px; padding: 2px; margin: 0px; cursor: pointer; background-color: #CC6600; color: #fff;}



#body-1 {clear: both; padding: 10px 0px 10px 0px; width: 100%;}

#subNav {display: none;}

#mainContent {}
#mainContent-inner {width: 100%;}

#mainContent-text-wide {}

#mainContent-text {}


#mainContent-extras {display: none;}


#footer {clear: both;}

#footer-links {width: 100%; height: 22px; background-color: #CC6600; border-bottom: 1px solid #993300; border-top: 1px solid #FF9933;}

#footer-notices {font-size: 0.7em; color: #666; padding: 5px 0px 0px 10px;}
#footer-notices-des {float: right; padding-right: 5px;}
#footer-notices a {color: #666; text-decoration: none;}
#footer-notices a:hover {text-decoration: underline;}




/* ----- NAV LEFT CLASSSES ------ */
.subNav-items {padding: 0px; width: 209px;}
.subNav-header {font-size: 0.85em; padding: 0px 0px 0px 21px; margin: 0px; color: #000;} 
.subNav-header a {text-decoration: none; color: #000;}
.subNav-header a:hover {text-decoration: underline;}
.subNav-header img {display: block; margin: 5px 0px 0px 0px;} 


.subNav-item {clear: both; background-color: #FFF0D9; padding: 16px 0px 4px 0px; margin: 0px 14px 0px 10px; }
.subNav-itemBold {clear: both; background-color: #FFF0D9; padding: 16px 0px 4px 0px; margin: 0px 14px 0px 10px; font-weight: bold;}

.subNav-itemPrefix {float: left; font-size: 0.7em; color: #000; text-align: right; padding-right: 2px;}

.subNav-sectTitle {float: left; font-size: 0.7em; color: #fff;}
.subNav-sectTitle a {text-decoration: none; color: #fff;}
.subNav-sectTitle a:hover {text-decoration: underline; }

.subNav-itemTitle {float: left; font-size: 0.7em; color: #000;}
.subNav-itemTitle a {text-decoration: none; color: #000;}
.subNav-itemTitle a:hover {text-decoration: underline; }


/* ----- GLOBAL CLASSSES ------ */

/* ~~~~~~~~~~~ button display ~~~~~~~~~~ */
.button-1 {font-family: verdana, arial, sans-serif; margin: 0px; padding: 0px; text-align: left; color: #fff; font-size: 1.0em; font-weight: bold; border: 0px solid #666; cursor: pointer; overflow: visible; float: left; background: transparent; }
.button-1-1 {font-family: verdana, arial, sans-serif; margin: 0px; padding: 0px; text-align: left; color: #fff; font-size: 1.0em; font-weight: bold; border: 0px solid #666; cursor: pointer; overflow: visible; float: left; background: transparent;}

/* ~~~~~~~~~~~ keyline display ~~~~~~~~~~ */
.keyline-1 { margin: 16px 0px 16px 0px; padding: 0px; width: 90%; height: 1px; background-color: #ccc; }

/* ~~~~~~~~~~~ body image display ~~~~~~~~~~ */
.img-preview {float: left; margin: 0px 16px 8px 8px;}
.img-body {float: left; margin: 0px 16px 8px 8px; }

.img-preview-home {margin: 0px 5px 7px 5px; }

/* ~~~~~~~~~~~ table display ~~~~~~~~~~ */
.tbl-wrapper-1 {margin: 0px 0px 0px 0px; padding: 8px; clear: both;}
.tbl-1 { font-size: 0.7em;} 
.tbl-1 a { color: #fff; }
.textfield-1 { border: 1px solid #fff; width: 248px; margin: 4px 0px 4px 0px; padding: 2px; font-family: verdana, arial, sans-serif;}
.textfield-2 { border: 1px solid #fff; width: 533px; margin: 4px 0px 4px 0px; padding: 2px; font-family: verdana, arial, sans-serif;}
.checkbox-1 {}
.tbl-wrapper-1 p {color: #fff;}
.tbl-wrapper-1 a {color: #fff;}
.tbl-wrapper-1 hr {height: 1px; color: #fff; }

/* ----- PAGE: EXTRAS ------ */


#ftr-home-main {margin-right: 6px;}
#ftr-home-main-inner {background-color: #E1F0E1; border-bottom: 1px solid #339933; width: 100%;}
#ftr-home-main h1 {font-size: 1.2em; margin-bottom: 10px; color: #006699;}
.ftr-home-main-image {float: left; margin: 0px 10px 4px 5px; }

#home-news-list {width: 100%; margin-top: 10px; margin-right: 6px;}
.home-news-box {background-color: #E1F0E1; border-bottom: 1px solid #339933; border-right: 6px solid #fff; width: 33%;}
.home-news-box h3 {color: #006699; padding-bottom: 7px;}

.home-rh_header {background-color: #993333; border-bottom: 2px solid #660000; border-top: 2px solid #fff; padding: 5px 8px 5px 8px; margin-bottom: 2px; color: #fff;}
.home-map {display: block; border: 1px solid #666666; margin-bottom: 8px;}

.home-box-headers {background-color: #339933; border-top: 2px solid #66CC66; border-bottom: 2px solid #006600; padding: 5px; margin-bottom: 8px; color: #fff; font-size: 0.7em; font-weight: bold;} 
.home-box-headers a {color: #fff;} 



#home-country {width: 185px; color: #fff; margin-bottom: 2px; padding: 7px 0px 7px 0px;}
#home-country h3 {font-size: 0.8em; padding-bottom: 7px;}
#home-country a {color: #fff; text-decoration: none;}
.home-country-image {float: right; margin: 0px 7px 0px 7px;}

.home-africa {background-color: #A68A66;}
.home-india {background-color: #CC3333;}
.home-pakistan {background-color: #009999;}
.home-global {background-color: #336699;}

.ftr-home-rh-bottom {width: 185px; background-color: #666; color: #fff; padding: 7px 0px 7px 0px; margin-top: 10px;}
.ftr-home-rh-bottom h3 {padding-bottom: 7px;}
.ftr-home-rh-bottom p {color: #fff;}
.ftr-home-rh-bottom a {color: #fff;}

#ftr-home-bottom {width: 100%;}
.ftr-home-bottom {border: 1px solid #999999; margin-top: 10px;}
.ftr-home-bottom-image {float: left; padding: 4px 10px 5px 5px;}
.ftr-home-bottom-text {float: left; padding: 4px 5px 8px 0px;}
.ftr-home-bottom-text h3 {color: #666; padding-bottom: 7px;}
.ftr-home-bottom-text p {color: #666;}
.ftr-home-bottom-text a {color: #666; text-decoration: none;}

.ftr-textbox {width: 256px; margin-bottom: 17px; padding-bottom: 9px;}


#breadcrumbs {color: #006699; font-size: 0.6em; padding: 7px 8px 7px 0px;}
#breadcrumbs a {color: #006699; text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

.breadcrumbs-divider {vertical-align: middle; margin: 0px 6px 0px 6px;}

/* Search Page */
.theSearchBox {padding: 0px 0px 50px 0px;}
.searchForm2 {padding: 1px; background-color: #666; overflow: hidden; float: left;}
.searchLabel2 {font-family: verdana, arial, sans-serif; font-size: 0.6em; padding: 2px 5px 2px 8px; margin: 0px; color: #fff;}
.searchField2 {font-family: verdana, arial, sans-serif; font-size: 0.6em; width: 172px; padding: 2px; border: 0px; border-bottom: 1px solid #50357C; margin: 0px; background-color: #fff; color: #50357C;}
.searchSubmit2 {font-family: verdana, arial, sans-serif; font-size: 0.6em; border: 0px; padding: 2px; margin: 0px; cursor: pointer; background-color: #666; color: #fff;}

.divider {background: #fff; height: 1px; margin: 6px 8px 6px 8px;}


.text-search-2 {padding: 0px 0px 4px 8px;}

.clearit {clear: both; height: 1px;}

/* ----- PAGE: COMPONENTS ------ */

.text-rel-1 {}


/* ~~~~~~~~~~~ related links ~~~~~~~~~~ */
.rel-1 				{ margin: 0px 0px 18px 0px; padding: 0px 0px 8px 0px; clear: both; background-color: #FFF0D9;}
.rel-1 h3 			{ margin: 0px; padding: 5px 8px 5px 8px; color: #000; background-color: #E5E5E5; border-bottom: 1px solid #999;}
.rel-1 p 			{ margin: 0px; padding: 5px 8px 5px 8px; } 
.rel-1 a 			{ text-decoration: none; }
.rel-1 a:hover 		{ text-decoration: underline; }
.rel-1-arrow        {vertical-align: middle; padding-right: 2px;}




/* ----- FUNCTIONS: PAGE ------ */

/* ~~~~~~~~~~~ 1 - home page ~~~~~~~~~~ */
.container-1-1 		{}  /* body - homepagev */ 
.container-1-2 		{ }  /* preview - homepage */


/* ~~~~~~~~~~~ 2 - standard page ~~~~~~~~~~ */
.container-2-1 		{width: 100%; margin: 0px 0px 15px 0px; padding-bottom: 8px; color: #fff; width: 100%;}  /* body - standard page */ 
.container-2-1 a {color: #fff;}  /* body - standard page */ 

.container-2-2 		{margin: 0px 0px 15px 0px; padding-bottom: 8px; width: 100%;}  /* preview - standard page */

a.preview-link {text-decoration: none;}
a.preview-link:hover {text-decoration: underline;}

/* error msg */
#err-1 				{ margin: 10px 10px 10px 0px; padding: 10px; border: 1px solid #990000; }
.text-err-1 		{ font-size: 0.8em; color: #900; margin: 0px; padding: 0px; }

/* admin bar */
#ad-bar-1     		{ background-color: #919DA2; margin: 0px; padding: 0px; clear: both; width: 100%; height: 60px; }
#ad-bar-1-1   		{ float: left; width: 660px; height: 60px; border-right: 1px solid #C8CED1; float: left; }
#ad-bar-1-1-1 		{ float: left; width: 72px; height: 22px; text-align: center; border-right: 1px solid #C8CED1; }
#ad-bar-1-1-2 		{ float: left; width: 62px; height: 22px; text-align: center; }
#ad-bar-1-1-3 		{ float: right; width: 75px; height: 22px; text-align: center; }
#ad-bar-1-2   		{ float: left; width: 100px; height: 60px; }
.ad-bar-text-1 		{ padding: 4px; margin: 0px; color: #fff; font: Arial 0.8em; }
.ad-bar-text-1-link { text-decoration: none; color: #fff; }
.logo-eddie-grey 	{ margin: 20px 0px 0px 40px; }


