/*-------Global Settings --------*/
* { padding: 0; margin: 0; border: none; font-size: 100%;  line-height: normal;}
body {font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; font-size: 80%}
#wrapper {position:absolute; left: 50%; top: 3%; width: 806px; margin-left: -400px;}
#top_shadow {float: left; background: url('/images/list_page_top_shadow.png') no-repeat top center; width: 806px; height: 15px;}
#bottom_shadow {float: left; background: url('/images/list_page_bottom_shadow.png') no-repeat top center; width: 806px; height: 10px;}
#main_shadow {float: left; background: url('/images/list_page_content_shadow.png') repeat-y; width: 806px; height: auto;}
/* -------- HEADER --------- */
#main {float: left; width: 780px; margin-top: 0px; margin-left: 13px !important; margin-left: 10px; background: #FFEE9A;}
#header {width: 780px; height: 93px; background-image:url("http://www.brighthope.org/images/header_shadow.jpg");}

/* ------- NAVIGATION -----*/
#main_nav {float: left; width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 95%;  margin-top: 0px !important; margin-top: -3px;}
#main_nav ul {list-style:none;}
#main_nav li {float:left; background: url(../images/navigation_images/nav_right_passive.gif) no-repeat right top; width: 137px; text-align: center;}
#main_nav a {display:block; background:url(../images/navigation_images/nav_left_passive.gif) no-repeat left top; padding: 5px 15px; text-decoration: none;}

#main_nav #active {background-image:url(../images/navigation_images/nav_right_active.gif);}
#main_nav #active a {background-image:url(../images/navigation_images/nav_left_active.gif);}

#main_nav a:link {color: #FFFFFF;}
#main_nav a:visited {color: #FFFFFF;}
#main_nav a:hover {color: #C8AA22;}
#main_nav a:active {color: #FFFFFF;}

#sub_nav {float: left; width: 100%; height: 25px; background: #354166; color: #FFFFFF; font-size: 85%; text-align: center;}
#sub_nav ul {padding: 5px 0 0 0;}
#sub_nav li {display:inline; list-style-type: none; padding: 0px 0px 0 5px;}
#sub_nav #current a {color: #C8AA22;}

#sub_nav a:link {color: #FFFFFF;  text-decoration: none;}
#sub_nav a:visited {color: #FFFFFF;  text-decoration: none;}
#sub_nav a:hover {color: #C8AA22;  text-decoration: none;}
#sub_nav a:active {color: #C8AA22;  text-decoration: none;}

/* ------- MAIN CONTAINERS -------- */
#content {float:left; min-height: 950px; height: auto !important; height: 950px; width: 535px; font-size: 90%;  border-left: 5px solid #D9D9D9;  border-bottom: 5px solid #D9D9D9; padding-bottom: 25px; background-color: #FFF;}
#content_scrollable {float:left; margin: 15px !important; margin: 10px; width: 475px;}
#content_scrollable ul {padding-left: 25px;  list-style: none;}
#content_scrollable li {padding-left: 10px; padding-right: 5px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 0.5em; color:#000000; line-height: 1.3em}
#content_header {float: left; height: 230px; width: 520px; background: #D9D9D9; padding-left: 15px; padding-top: 10px;}
#content_header_slideshow {float: left; width: 520px; background: #D9D9D9; padding-left: 15px; padding-top: 10px;}
#content_header_flash {float: left; height: 350px; width: 500px; background: #D9D9D9; margin-top: 8px;}
#content_scrollable_slideshow {float:left; margin: 15px !important; margin: 10px; width: 475px; overflow: hidden;}

.subproject {color:#A21B1B; font-size:110%; }
.subproject a:link {color:#A21B1B; text-decoration:none; }
.subproject a:visited {color:#A21B1B;text-decoration:none; }
.subproject a:hover {color:##A21B1B; text-decoration:underline;}
.subproject a:active {color:#A21B1B;text-decoration:none; }
.subproject table {width:300px;}
.subproject table tr {vertical-align: text-middle; height: 40px}
.subproject table td {border-bottom:none; padding:0 0 0 0;}
.subproject p {padding: 10px 0 0 8px;}
.subproject img {width:40px;}

#sidebar {float: left; width:240px; background: #FFEE9A; height: 955px;}

#donate_submit {float:left; width:65px;}
#donate_amount {float:left; height: 25px; padding: 5px 10px 0 0;}
#donate_sign {float:left; padding: 5px 5px 5px 15px; color: #C8AA22; font-size: 140%}

#project_title {width: 100%; font-size: 200%; color: #A21B1B; font-family: Georgia, "Times New Roman", Times, serif;}
#project_summary_table {padding-top: 10px; width: 500px; float: left;}
#project_summary_table tr td p {padding: 5px 0 5px 0;}
table {text-align: left; width: 100%; vertical-align: top;}
table tr {vertical-align: text-middle; height: 40px}
.auto {height: auto}
td {padding-left: 10px; border-bottom: solid #000 1px;}
th {width: 150px;  border-bottom: solid #000 1px;}
.subtitle {font-size: 125%; color: #A21B1B; font-weight: bold;}

#project_code {float: left; height: 20px; color: #7D7D7D;}
#project_code a{text-decoration: none; color: #7D7D7D;}
#project_code a:hover{text-decoration: none; color: #A21B1B;}

#media {color: #7D7D7D; text-transform: uppercase; text-decoration: none; font-weight: bold; padding-top: 10px; margin-left: -4px;}
#media a:link{color: #7D7D7D; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#media a:visited{color: #7D7D7D; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#media a:hover{color: #000000; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#media a:active{color: #7D7D7D; text-transform: uppercase; text-decoration: none; font-weight: bold;}

#map {float: left; padding: 5px 0 5px 15px;}

#countryfacts {float: left; width: 220px; height: 233px; padding: 5px 0 0px 15px !important; padding: 5px 0px 7px; color: #000000; font-size: 95%;}
#countryfacts a:link {color: #000; text-decoration: none;}
#countryfacts a:visited {color: #000; text-decoration: none;}
#countryfacts a:hover {color: #A21B1B; text-decoration: none;}
#countryfacts a:active {color: #000; text-decoration: none;}

.mapfacts {color: #A21B1B; text-transform: uppercase; font-weight: bold; line-height: 1.5em;}
.bold {font-weight: bold;}
input.textbox {height: 20px; font-weight: bold; color: #C8AA22;}
.submit {background: #FFEE9A; color:#000000F; font-weight: bold; margin-right:20px; padding: 3px;}
input.inputtext {font-weight: bold; padding: 0px 0 0 4px; font-size: 140%; height: 20px;border: 1px solid #999999;}
input.submit:hover {background: #A21B1B; color:#FFFFFF}

/* ----------- FOOTER ----------- */
#footer {float: left; height:75px; width: 100%; margin-left: 10px !important; margin-left: 5px; font-size: 80%; color: #7D7D7D;}

#footer_contact {float: left; height: 40px; width: 330px; border-right: 1px solid #7D7D7D;}
#footer_contact a:link{color: #354166; text-decoration: none;}
#footer_contact a:visited{color: #354166; text-decoration: none;}
#footer_contact a:hover{color: #354166; text-decoration: none;}
#footer_contact a:active{color: #354166; text-decoration: none;}

#wrapper #footer #footer_contact img {float: left;}
#wrapper #footer #footer_contact span {float: left; padding-left: 3px;}

#footer_details {float: left; padding-left:15px; height: 40px; width: 450px;}
#wrapper #footer #footer_details span {float: left;}
#wrapper #footer #footer_details img {float: left; padding-left: 5px;}

#site_credit {width:150px; float: right; padding: 10px 30px 0 0;}


/*------SCROLLER CSS -------*/
#track {float: left; width: 2px; height: 505px;	margin: 10px 0 10px 15px; background-color: #ccc;}
#handle {width: 5px; height: 20px; background-color: #A21B1B; cursor: move;}
#more {float:left; padding-left: 300px; margin-top: 30px; width: 200px; height: 20px; color: #A21B1B; font-size: 90%; font-weight: bold;}

#track_slideshow {float: left; width: 2px; height: 400px;	margin: 10px 0 10px 15px; background-color: #ccc;}
#more_slideshow {float:left; padding-left: 300px; margin-top: 30px; width: 200px; height: 20px; color: #A21B1B; font-size: 90%; font-weight: bold;}