@charset "utf-8";
/* CSS Document */

/*************************
***   OVERALL STYLES   ***
*************************/
body {text-align:center; margin:0px; padding:0px; background:#fff url(../_graphics/shared/background.png) top center repeat-y; font-family:Tahoma,Arial,Helvetica,sans-serif; letter-spacing:.05em; line-height:.9em;}


#wrapper {margin:0px auto; width:750px;}
#wrapperInner {float:left; text-align:left; width:100%;}
#header {height:145px; width:100%; }
#menuUtility {height:28px; float:right; background:#b9d2ef url(../_graphics/shared/search_leftCorner.gif) top left no-repeat;}
.hidden {font-size: 1px; position: absolute; left: -9999px;}
.clear {clear: both;}

/* text styles */
h2, .h2Like {font-size:1.25em; font-weight:normal; color:#002a6c; line-height:1em;}
h3, .h3Like {font-size:.8em; font-weight:bold; color:#555; line-height:1em; text-transform: uppercase;}
h4 {font-size:.75em; font-weight:bold;}
.h3Like{float:left;}
p, li, pLike {font-size:.8em;}
li li, li li li, li li li li {font-size: 1em;}
p.blue {font-size:.8em; color:#5791d2; line-height:1.5em; font-weight: normal;}
ul.blue {color:#5791d2;}
.pageResults {font-size:0.8em; margin-top: 10px;}
.pageNavigation{font-size:0.8em; float:right; margin-top: 10px;}
.footnote {font-size: .80em;}

/* back to graph/map page */
.returnGraph {background:url(../_graphics/library/arrowWhite.gif) 0px 5px no-repeat; padding-left:20px; font-size:0.8em; margin-top: 8px; margin-left: 30px; display:block; float:left;}
.returnGraph a{color:#000; font-size: 1em;}

/* error messages text styles */
.errorMessage {font-size:0.8em; line-height:1.2em; color: #ff0000; margin-bottom:15px;}
#content #columnRight .errorMessage li {font-size:1em;line-height:1em; background-image:none; list-style-type:disc; padding-left:0px; margin-left: 15px;}

/* general button styles */
button.buttonGo {display: block; width:30px; height:20px;background:url(../_graphics/shared/buttonGo.gif) top left no-repeat transparent; border:0px; cursor:pointer;}
button.buttonSubmit {display: block; width:61px; height:18px;background:url(../_graphics/shared/buttonSubmit.gif) top left no-repeat transparent; border:0px; cursor:pointer;}
a.downloadGraph {display: block; width:150px; height:20px;  background:url(../_graphics/shared/downloadGraph.gif) top left no-repeat transparent; border:0px; cursor:pointer; float:left; margin:10px 15px 15px 17px;}
#mapLegend a.viewTable{display: block; width:91px; height:20px;  background:url(../_graphics/shared/tableData1.gif) top left no-repeat transparent; border:0px; cursor:pointer; float:left; margin:10px 0px 0px 0px;}
a.viewTable{display: block; width:91px; height:20px;  background:url(../_graphics/shared/tableData2.gif) top left no-repeat transparent; border:0px; cursor:pointer; float:left; margin:10px 0px 0px 0px;}
a.acrobat{display: block; width:158px; height:39px;  background:url(../_graphics/shared/get_adobe_reader.png) top left no-repeat transparent; border:0px; cursor:pointer;}
a.flash{display: block; width:158px; height:39px;  background:url(../_graphics/shared/get_adobe_flash_player.png) top left no-repeat transparent; border:0px; cursor:pointer;}
a.downloadData{display: block; width:146px; height:19px;  background:url(../_graphics/shared/downloadData.gif) top left no-repeat transparent; border:0px; cursor:pointer; float:left; margin:10px 15px 15px 17px;}
.worksheet a.downloadData{display: block; width:146px; height:19px;  background:url(../_graphics/shared/downloadData.gif) top left no-repeat transparent; border:0px; cursor:pointer; float:left; margin:10px 15px 15px 30px;}
a.downloadDataUpper{display: block; width:146px; height:19px;  background:url(../_graphics/shared/downloadData.gif) top left no-repeat transparent; border:0px; cursor:pointer; float:left; margin:10px 15px 0px 17px;}
/******************************
***   UTILITY MENU STYLES   ***
******************************/
#menuUtility ul {list-style-type:none; padding:0px 0px 0px 11px; margin:0px;}
#menuUtility ul li {float:left; margin: 7px 0px; border-right: 1px solid #000; padding: 0px 5px; letter-spacing:0em; line-height:1em;}
#menuUtility ul li.search {margin: 0px; border-right:0px;}
#menuUtility ul li.search table {margin-top:1px;}
#menuUtility ul li a {color:#000; text-decoration:none;}
#menuUtility ul li a:hover {color:#fff}
#menuUtility input {height: 1em; font-size: .9em;}
#menuUtility table {padding:0px; margin: 0px;}


/******************************
***   LOGOS IN THE HEADER   ***
******************************/
#logoUsaid {display:block; height:87px; width:241px; margin:0px 0px 0px 34px; background-image:url(../_graphics/shared/logo_usaid.gif); float:left;}
#logoCompass {display:block; height:117px; width:335px; margin:0px; background-image:url(../_graphics/shared/logo_compass.gif); float:right;}

/*note this contains an anchor style in the main menu as well */
#logoUsaid a {display:block; width:100%; height:100%;}
#logoCompass a {display:block; width:100%; height:88px;}

/***************************
***   MAIN MENU STYLES   ***
***************************/
#menuMain {height:31px; width:100%; background-image:url(../_graphics/shared/menu_background.gif); float:left; border-top:2px solid #002a6c;}
#menuMain ul {list-style-type:none; margin:0px; padding:0px;}
#menuMain li {margin:0px 8px 0px 0px; padding:0px; display:block; float:left; height:31px;}
#menuMain a {display:block; width:100%; height:100%;}

/* styles when menu items are NOT links */
#menuMain li.home {width:57px; margin:0px 8px 0px 11px; background:url(../_graphics/shared/mainMenu.gif) transparent 0px 0px scroll no-repeat;}
#menuMain li.assessment {width:103px; background:url(../_graphics/shared/mainMenu.gif) transparent -65px 0px scroll no-repeat;}
#menuMain li.library {width:77px; background:url(../_graphics/shared/mainMenu.gif) transparent -176px 0px scroll no-repeat;}
#menuMain li.data {width:62px; background:url(../_graphics/shared/mainMenu.gif) transparent -260px 0px scroll no-repeat;}
#menuMain li.about {width:177px; background:url(../_graphics/shared/mainMenu.gif) transparent -329px 0px scroll no-repeat;}
#menuMain li.request {width:213px; background:url(../_graphics/shared/mainMenu.gif) transparent -514px 0px scroll no-repeat;}

/* styles when menu items are links */
#menuMain li.home a {background: url(../_graphics/shared/mainMenu.gif) transparent 0px -31px scroll no-repeat;}
#menuMain li.assessment a {background: url(../_graphics/shared/mainMenu.gif) transparent -65px -31px scroll no-repeat;}
#menuMain li.library a {background: url(../_graphics/shared/mainMenu.gif) transparent -176px -31px scroll no-repeat;}
#menuMain li.data a {background: url(../_graphics/shared/mainMenu.gif) transparent -260px -31px scroll no-repeat;}
#menuMain li.about a {background: url(../_graphics/shared/mainMenu.gif) transparent -329px -31px scroll no-repeat;}
#menuMain li.request a {background: url(../_graphics/shared/mainMenu.gif) transparent -514px -31px scroll no-repeat;}


/******************************
***   CONTENT AREA STYLES   ***
******************************/
#content {float:left; width:100%;}
#content ul {margin:0px; padding:0px; list-style-type:none;}
#content ul li {background:transparent url(../_graphics/shared/liBullet.gif) no-repeat scroll left 5px; padding-left: 18px; margin-left:0pt; margin-top:0.8em;}

#content #columnLeft {float:left; margin-right:15px; padding:35px 0px 0px 30px; width:455px; line-height: 1.1em;}
#content #columnRight {float:left; padding:0px; width:242px; margin-top: 35px;}
#content #columnSingle {float:left; padding:35px 30px 0px 30px; line-height: 1.1em;}
#content #columnSingle ul, #content #columnLeft ul {padding-left:1em;}

#content #columnLeft h2, #content #columnSingle h2{margin-top:0px;}
#content #columnRight #columnSubLeft {width:180px; margin-left: 7px; float:left;}
#content #columnRight #columnSubRight {width: 179px; float:left; margin-left:6px;}

#content #columnRight p, #content #columnRight li {font-size: .7em; line-height:1.1em; letter-spacing:.01em;}
#content #columnRight .quotes p{font-size:.8em; line-height:1.4em;}



#quotes {background:#f9ac25; width:179px;}
#quotes .content, .quotes .content {margin:0px 12px;}
.orange {background:#f9ac25; width:179px; vertical-align:top;}
#quotes .top, .quotes .top {height:20px; width:179px; margin:0px; padding:0px; background:url(../_graphics/shared/orangeTop.gif) top left no-repeat;}
#quotes .bottom, .quotes .bottom {height:36px; width:179px; background:url(../_graphics/shared/orangeBottom.gif) top left no-repeat;}
#content #columnLeft #quotes, #content #columnSingle #quotes {font-size:0.9em; float:left; margin: 0px 10px 10px 0px;}
#content #quotes .content p, #content .quotes .content p {color:#8a1a00; line-height: 1.6em; margin:0px 0px 5px 0px;}
.quoteAuthor {font-weight:bold;}


/**************************
***   MAP AREA STYLES   ***
**************************/
#mapTitle {background-color:#1c5297; padding:5px 0px 5px 8px;}
#mapTitle h2{color:#ffffff; margin: 0px;}

/* map legend area styles */
#mapLegend {background-color:#0c377a; float:left; width:730px; padding:5px 10px 10px 10px;}
.sourceSection {background-color:#fff; float:left; width:730px; padding:5px 10px 10px 10px;}
#legendTitle{color:#ffffff; font-size:0.8em; margin-bottom:10px; border-bottom:1px dotted #6483b2; padding-bottom:2px; }
.mainSource, .sourceTitle {font-size:0.7em; color: #7f7f7f;}
.sourceTitle {font-weight:bold;}
.legendItem, .legendIconItem {float:left; margin-right:10px; font-size:0.7em; color: #ffffff; margin-bottom: 8px; white-space: nowrap;}
.legendBox {padding:1px; border: 1px solid #cfd0c3; float:left; margin-right:5px;}
.legendBox div{height:10px; width:10px;}
.legendIconItem div {height:10px; width:10px; background:url(../_graphics/data/icon_star.gif) top left no-repeat;}



/************************************
***   LOVER CONTENT AREA STYLES   ***
************************************/

#lowerContent {width:100%; background-color:#bad4f1; float: left; margin-top:7px; padding-bottom: 15px; border-bottom:4px solid #8cb0e2;}




/*****************************
***   FOOTER AREA STYLES   ***
*****************************/

#footer {width:100%; float:left; text-align:center; padding-top: 47px; padding-bottom:50px;}
#footer p {margin:0px; padding:0px;}
#footer a {color:#000;}
#footer ul {padding:0px; margin:0px auto;}
#footer li{list-style-type:none; display:inline; margin-right: 0px; padding-right: 5px; border-right: 1px solid black;}
#footer li.last {border-right:none; padding-right:0px;}

#footer p#disclaimer {font-size: .65em; margin-top:10px; margin-right:30px; margin-left:30px;}



/************************************
***   TOP UTILITIES AREA STYLES   ***
************************************/
#content .listedGroup {margin-bottom:30px;}
#content .listedGroup h3 {margin-bottom: 0px;}
#content .listedGroup ul li {background-image:none;}



/***************************************
**** FF3 hack for 1px miscalculation ***
***************************************/

html>/**/body, x:-moz-any-link, x:default {background:#fff url(../_graphics/shared/background2.png) top center repeat-y;} /* Only FireFox 3 */
html>/**/body #wrapper, x:-moz-any-link, x:default {width:751px;;} /* Only FireFox 3 */