/**
 * AWF CSS
 *
 * @filename screen.css
 * @author Oliver Rowlands
 * @date 2009-02-03
 * @copyright Liquid Light Digital Ltd.
 * @url http://www.liquidlight.co.uk
 */

* {
	margin: 0;
	padding: 0;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}

/**
 * Typography
 */
body {
	font-family: Arial, Verdana, Hevetica, sans-serif;
	font-size: 80%;
	background-color: #FFFFFF;
	color: #00558B;
	line-height: 1.4em;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
	background: #DBF0F8 url(../img/heading-bg-left.gif) no-repeat 0 0;
	display: block;
	padding: 0.4em 0.5em 0.4em 25px;
	font-weight: normal;
}
h1 {
	font-size: 130%;
	font-weight: bold;
}
h2 {
	font-size: 110%;
	color: #7B0002;
	background-color: #E9D6D6;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}
h4 {
	font-size: 100%;
}
p {
	margin: 0 0 1em 0;
}
p.more {
	background: transparent url(../img/arrow-blue.gif) no-repeat 0 0.4em;
	text-indent: 12px;
}
p.button {
	background: #DCDCDC;
	border: 1px solid #AAAAAA;
	padding: 0.5em;
}
p.small {
	font-size: 90%;
}
p.document a {
	background: transparent url(../img/icon_details.gif) no-repeat 0 3px;
	padding: 0 0 0 12px;
}
p.download span {
	background: transparent url(../img/icon_file.gif) no-repeat 0 0;
	padding: 0 0 0.5em 21px;
}
p.download.doc span {
	background-image: url(../img/icon_doc.gif);
}
p.download.jpg span,
p.download.gif span,
p.download.tif span {
	background-image: url(../img/icon_image.gif);
}
p.download.pdf span {
	background-image: url(../img/icon_pdf.gif);
}
p.download.ppt span {
	background-image: url(../img/icon_ppt.gif);
}
p.download.swf span {
	background-image: url(../img/icon_swf.gif);
}
p.download.xls span {
	background-image: url(../img/icon_xls.gif);
}
p.download.zip span {
	background-image: url(../img/icon_zip.gif);
}
p.top {
	text-align: right;
}
p.top a {
	font-size: 90%;
	background: transparent url(../img/up.gif) no-repeat 0 0.4em;
	padding: 0 0 0 11px;
}

/**
 * Links
 */
a {
	color: #7B0002;
}
a:hover {
	text-decoration: underline;
	color: #65B62B;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
}
p.button a {
	text-decoration: none;
}

/**
 * Lists
 */
ul {
	margin: 0 0 1em 0;
}
ul {
	list-style-type: none;
}
ul li {
	background: transparent url(../img/bullet.jpg) no-repeat 0 0.1em;
	padding: 0 0 0.4em 20px;
}
ul li ul {
	margin: 0.6em 0 0 0;
}
ol {
	margin: 0 0 0 2em;
}
ol li {
	padding: 0 0 0.4em 0;
}

/**
 * Form
 */
form legend {
	display: none;
}
form fieldset {
	border-width: 0;
}
form input,
form select,
form textarea,
form img {
	border-width: 1px;
	border-style: solid;
	border-color: #BBBBBB #E1E1E1 #E1E1E1 #BBBBBB;
	background-color: #FFFFFF;
}
form input,
form select,
form textarea {
	width: 18em;
}
form input.radio,
form input.checkbox {
	width: auto;
	border-width: 0;
	float: left;
}
form button,
form input.button {
	border-width: 0;
	width: auto;
	overflow: visible;
	background-color: #65B62B;
	border: 2px solid #B2DA94;
	cursor: pointer;
	margin: 1em 0 0 0;
	padding: 0.3em 0.8em;
	color: #FFFFFF;
	cursor: pointer;
}
form div.row span.label {
	display: block;
	float: left;
	clear: left;
	width: 35%;
	margin: 0 0 1em 0;
}
form div.row span.field {
	float: left;
	width: 60.9%;
	margin: 0 0 1em 0;
}
form img {
	margin: 0 0 1em 0;
}
form span.required {
	color: #FF0000;
}

/**
 * Messages
 */
div.message {
	padding: 1.2em 1em 0 30px;
	margin-bottom: 1.5em;
	background: #E2F9E3 url(../img/tick.gif) no-repeat 7px 12px;
	border: 3px solid #99CC99;
	color: #006600;
}
div.notification h2,
div.notification h3 {
	color: #006600;
}
div.message ul {
	margin-top: 0.6em;
	list-style-type: square;
}
div.message ul li {
	background-image: none;
	padding-left: 0;
}
div.message.error {
	background-color: #FEDBDB;
	background-image: url(../img/error.gif);
	border-color: #FFA7A7;
	color: #B60000;
}
div.message.error h2,
div.message.error h3 {
	color: #B60000;
}

/**
 * Page
 */
#page {
	max-width: 61.5em;
	margin: 0 auto;
	background-color: #FFFFFF;
}

/**
 * Header
 */
#header {
	margin: 0.5em 0 0 0;
}
#header div.right {
	width: 70.44%;
	float: right;
	border-left: 1px solid #FFFFFF;
	background-color: #65B62B;
	padding: 0 0 0.5em 0;
}

/**
 * Banner
 */
#banner {
	height: 118px;
	background: transparent url(../img/section-home.jpg) no-repeat top right;
	margin: 0 0 0.7em 0;
}

/**
 * Logo
 */
#logo {
	margin: 1.5em 0 0 0;
	float: left;
	min-width: 220px;
}

/**
 * Search
 */
#search {
	width: 55%;
	float: right;
	color: #FFFFFF;
}
#search input {
	width: 15em;
	background-color: #94CC6A;
	color: #226341;
	border: 1px solid #FFFFFF;
}
#search label {
	width: auto;
	float: left;
}
#search button {
	display: block;
	background: transparent url(../img/button-search.jpg) no-repeat;
	border-width: 0;
	margin: 0 0 0 0.6em;
	padding: 0;
	width: 19px;
	height: 19px;
	float: left;
}
#search button span {
	display: none;
}

/**
 * Search results
 */
div.tx-indexedsearch label span,
div.tx-indexedsearch div.tx-indexedsearch-whatis {
	display: none;
}
div.tx-indexedsearch input.tx-indexedsearch-searchbox-sword  {
	float: left;
	font-size: 130%;
	width: 15em;
	padding: 0.3em;
}
div.tx-indexedsearch button {
	margin: 0 0 0 0.7em;
}
div.tx-indexedsearch div.tx-indexedsearch-browsebox {
	margin: 1.5em 0 0 0;
	font-size: 95%;
}
div.tx-indexedsearch div.tx-indexedsearch-browsebox a {
	text-decoration: none;
}
div.tx-indexedsearch div.tx-indexedsearch-browsebox p {
	width: 49%;
	float: left;
	font-size: 90%;
	margin: 0;
}
div.tx-indexedsearch div.tx-indexedsearch-browsebox ul {
	width: 49%;
	float: right;
	text-align: right;
	margin: 0;
}
div.tx-indexedsearch div.tx-indexedsearch-browsebox ul li {
	display: inline;
	margin-right: 0.4em;
	background-image: none;
	padding: 0;
}
div.tx-indexedsearch ul li.tx-indexedsearch-browselist-currentPage a {
	font-weight: bold;
}
div.tx-indexedsearch div.tx-indexedsearch-res {
	padding: 1.5em 0 0 0;
}

/**
 * Language Switcher
 */
#switcher {
	width: 30%;
	float: left;
	padding: 0 0 0 1em;
	color: #FFFFFF;
}
#switcher a {
	color: #FFFFFF;
	font-weight: bold;
}

/**
 * Content
 */
#content {
	clear: both;
	margin: 1.5em 0 0 0;
}

/**
 * Footer
 */
#footer {
	clear: both;
	background: url(../img/footer-logo.jpg) no-repeat bottom left;
	margin: 0 0 2em 0;
}

/**
 * Copyright
 */
#copyright {
	width: 71.97%;
	float: right;
	height: 75px;
	background: url(../img/copyright-bg.jpg) repeat-x bottom left;
}
#copyright #copyrightWrapper {
	float: right;
	font-size: 90%;
	padding: 53px 1em 0.5em 0;
	color: #FFFFFF;
	font-weight: bold;
}

/**
 * Credits
 */
#credits {
	display: none;
}

/**
 * Breadcrumb
 */
#breadcrumb {
	padding: 0 0 1em 0;
	font-size: 85%;
}
#breadcrumb a {
	text-decoration: none;
}


/**
 * Navigation - Default
 */
ul.navigation {
	margin: 0;
	padding: 0;
}
ul.horizontalNavigation li,
ul.verticalNavigation li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	background-image: none;
}
ul.horizontalNavigation li {
	float: left;
}
ul.horizontalNavigation li a {
	display: block;
}

/**
 * Navigation - Header
 */
#headerNavigation {
	background-color: #FFFFFF;
	font-size: 90%;
	padding: 0 0 0.5em 0;
}
#headerNavigation ul li {
	padding: 0 1.3em 0 14px;
	background: transparent url(../img/headerNavigation-item.gif) no-repeat 0 50%;
}
#headerNavigation ul li.first {
	margin-left: 0;
}
#headerNavigation ul li a {
	text-decoration: none;
	font-weight: bold;
}
#headerNavigation ul li a.active,
#headerNavigation ul li a:hover {
	color: #00558B;
	text-decoration: none;
}

/**
 * Navigation - Primary
 */
#primaryNavigation {
	margin: 0 0 2em 0;
	background-color: #F3F2F1;
	font-size: 90%;
}
#primaryNavigation ul li {
	background-image: url(../img/bg_menu.gif);
	background-position: -7px 0.4em;
}
#primaryNavigation ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 2px solid #FFFFFF;
	color: #004FA7;
}
#primaryNavigation ul li.active {
	background-color: #EBDFDF;
}
#primaryNavigation ul li a.active,
#primaryNavigation ul li a:hover {
	color: #7B0002;
}
#primaryNavigation ul li a span {
	display: block;
	padding: 0.7em 0.5em 0.7em 20px;
}
#primaryNavigation ul li ul li a,
#primaryNavigation ul li ul li a.active {
	background: #FFFFFF url(../img/bg_submenu.gif) repeat-x bottom left;
	border-width: 0;
}
#primaryNavigation ul li ul li.last a {
	background-image: none;
	border-bottom: 2px solid #FFFFFF;
}
#primaryNavigation ul li ul li span {
	padding-left: 2.5em;
	background: url(../img/arrow-red.gif) no-repeat 1.3em 11px;
}
#primaryNavigation ul li ul li a:hover {
	background-color: #F4F4F4;
}
#primaryNavigation ul li ul li ul li span {
	padding-left: 4em;
	background-position: 3em 11px;
}
#primaryNavigation ul li ul li ul li ul li span {
	padding-left: 5.5em;
	background-position: 4.3em 11px;
}

/**
 * Navigation - Footer
 */
#footerNavigation {
	clear: both;
	background-color: #CCCCCC;
}
#footerNavigation ul {
	margin: 0;
}
#footerNavigation ul li {
	float: left;
	list-style-type: none;
	padding: 0.8em 2em;
	margin: 0;
}
#footerNavigation ul li.last {
	border-right: none;
}
#footerNavigation ul a {
	text-decoration: none;
}
#footerNavigation ul a:hover {
	text-decoration: underline;
}
#footerNavigation ul a.active {
	font-weight: bold;
}

/**
 * Page - Default page layout
 */
div.defaultPageLayout div.columnOne,
div.defaultPageLayout div.columnTwo {
	float: left;
}
div.defaultPageLayout div.columnOne {
	width: 28.02%;
}
div.defaultPageLayout div.columnTwo {
	width: 73.45%;
}
div.defaultPageLayout div.columnThree {
	width: 26.54%;
	float: right;
	overflow: hidden;
}
div.defaultPageLayout div.columnFour {
	clear: both;
}
div.defaultPageLayout div.columnsWrapper {
	float: left;
	width: 71.97%;
}
div.defaultPageLayout div.columnOne div.columnWrapper {
	padding-top: 0 0 1.5em 0;
}
div.defaultPageLayout div.columnThree div.columnWrapper {
	padding: 1.5em 0;
}
div.defaultPageLayout div.columnTwo div.columnWrapper,
div.defaultPageLayout div.columnFour div.columnWrapper {
	padding: 0 1em;
}

/**
 * Content - Two column layout
 */
div.defaultPageLayout div.columnOne div.columnWrapper div div.columnWrapper,
div.defaultPageLayout div.columnTwo div.columnWrapper div div.columnWrapper {
	padding-right: 0;
}
div.twoColumnLayout {
	clear: both;
}
div.twoColumnLayout div.columnOne,
div.twoColumnLayout div.columnTwo {
	float: left;
	width: 48%;
}
div.twoColumnLayout div.columnTwo {
	float: right;
}
div.twoColumnLayout.thirtySeventy div.columnOne,
div.twoColumnLayout.seventyThirty div.columnTwo {
	width: 30%;
}
div.twoColumnLayout.thirtySeventy div.columnTwo,
div.twoColumnLayout.seventyThirty div.columnOne {
	width: 68%;
}

/**
 * Content - Divider
 */
div.divider {
	clear: both;
	width: 100%;
	margin: 1.5em 0;
	border-top: 1px solid #DADADA;
}
div.divider hr {
	display: none;
}

/**
 * Text with image
 */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	margin-bottom: 2em;
}
div.bigPicBox div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image,
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #CCCCCC;
	background-color: #EFEFEF;
	padding: 0.3em;
}
div.csc-textpic dd.csc-textpic-caption p {
	margin-top: 0.5em;
	font-size: 90%;
	background: transparent url(../img/zoom.jpg) no-repeat 0 0;
	text-indent: 20px;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left: 0;
}

/**
 * Grey box
 */
div.greyBox {
	padding: 1em;
	margin: 0 0 1.5em 0;
	background-color: #F4F4F4;
}

/**
 * Sections images
 */
body.sectionHome #banner {
	background-image: url(../img/section-home.jpg);
}
body.sectionContact #banner {
	background-image: url(../img/section-contact.jpg);
}
body.sectionFAQ #banner {
	background-image: url(../img/section-faq.jpg);
}
body.sectionSitemap #banner {
	background-image: url(../img/section-sitemap.jpg);
}
body.sectionAboutUs #banner {
	background-image: url(../img/section-aboutus.jpg);
}
body.sectionAreasOfIntervention #headbannerer {
	background-image: url(../img/section-areas_of_i.jpg);
}
body.sectionEligibility #banner {
	background-image: url(../img/section-eligibility.jpg);
}
body.sectionFinancing #banner {
	background-image: url(../img/section-financing.jpg);
}
body.sectionOurProjects #banner {
	background-image: url(../img/section-projects.jpg);
}
body.sectionOurPartners #banner {
	background-image: url(../img/section-our_partners.jpg);
}
body.sectionMedia #banner {
	background-image: url(../img/section-media.jpg);
}
body.sectionPublications #banner {
	background-image: url(../img/section-publications.jpg);
}

/**
 * Page: Home
 */
body.sectionHome div.defaultPageLayout div.columnThree div.columnWrapper {
	padding: 0;
}
body.sectionHome h2 {
	color: #00558B;
	background-color: #DBF0F8;
}
#c12027 {
	background: url(../img/bg_headlines.jpg) repeat-x bottom;
	padding-bottom: 2em;
}
#c12027 p {
	margin-left: 1em;
	margin-right: 1em;
}
#c12030 h2 {
	background-color: #D8ECC9;
	color: #018440;
}
#c16801 h2 {
	background-color: #FFF2C2;
	color: #F7B000;
}
#c12027 h2 {
	background-color: #e9d6d6;
	color: #7A0001;
}

/**
 * PDF box
 */
div.pdfBox h2,
div.pdfBox h3 {
	color: #7B0002;
	background: #E9D6D6 url(../img/arrow-red.gif) no-repeat 0.7em 0.6em;
	padding: 0.4em 0.5em 0.4em 17px;
	margin-bottom: 0.1em;
	font-weight: bold;
	font-size: 100%;
}

/**
 * Catalog
 */
div.tx-llcatalog-pi div.pagination {
	padding: 1em 1em 0 0;
}
div.tx-llcatalog-pi div.pagination p {
	float: left;
	width: 54%;
	margin: 0;
}
div.tx-llcatalog-pi div.pagination p span {
	font-weight: bold;
}
div.tx-llcatalog-pi div.pagination ul {
	float: right;
	text-align: right;
	width: 45%;
	margin: 0;
}
div.tx-llcatalog-pi div.pagination ul li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0 0 0 0.3em;
}
div.tx-llcatalog-pi div.pagination ul li.active {
	font-weight: bold;
}

/**
 * Catalog - Documents
 */
div.document div.content li {
	background: transparent url(../img/bg_submenu.gif) repeat-x left bottom;
	padding: 0.6em 0 0.8em 0;
	font-size: 90%;
}
div.document div.content p {
	margin: 0;
}
div.document div.content a {
	color: #00558B;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: left;
	width: 70%;
	padding: 0 0 0 0.5em;
}
div.document div.content a:hover {
	color: #65B62B;
}
div.document div.content span {
	width: 29.9%;
	margin-left: 2em;
}
div.documentList table {
	border-collapse: collapse;
	width: 99.9%;
}
div.documentList table thead th {
	text-align: left;
	background-color: #F3F2F1;
	padding: 0.8em 0 0.8em 0.5em;
}
div.documentList table tbody td {
	background: transparent url(../img/bg_submenu.gif) repeat-x left bottom;
	padding: 0.8em 0 0.8em 0.5em;
}
div.documentList table tbody td.date {
	font-size: 90%;
}

/**
 * Catalog - File list
 */
div.documentList {
	font-size: 90%;
}
div.documentList a {
	text-decoration: none;
}
div.documentList td.date {
	white-space: nowrap;
	vertical-align: top;
}

/**
 * Bookmark, print, send to friend links
 */
#actionButtons {
	margin: 1em 0 0 0;
}
#actionButtons li {
	background-image: none;
	padding: 0;
}
#actionButtons li a {
	display: block;
	height: 35px;
	padding: 1em 0 0 50px;
	color: #65B62B;
	text-decoration: none;
	font-weight: bold;
}
#actionButtons li a:hover {
	color: #00558B;
}
#actionButtons li.bookmark a {
	background: url(../img/link-bookmark.jpg) no-repeat top left;
}
#actionButtons li.send a {
	background: url(../img/link-send.jpg) no-repeat top left;
}
#actionButtons li.print a {
	background: url(../img/link-print.jpg) no-repeat top left;
}

/**
 * Organization management
 */
#pageOrgManagement div.csc-textpic h3 {
	background: none;
	color: #7B0002;
	font-size: 100%;
	padding: 0;
}
