/*-------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 bottom center; width: 806px; height: 10px;}
#main_shadow {float: left; background: url('/images/list_page_content_shadow.png') repeat-y; width: 806px; height: auto;}
input {font-size: 100%}
.bold {font-weight: bold;}

/* -------- HEADER --------- */
#main {float: left; width: 780px; margin: -2px 0 0 13px !important; margin: -2px 0 0 13px; background-color: #FFEE9A;}
#header {width: 780px; height: 93px; background-color: #354166; 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 #354166;  border-bottom: 5px solid #354166; padding-bottom: 25px; background-color: #FFF;}
#content_scrollable {float:left; margin-left: 15px !important; margin-left: 5px; height: auto; width: 475px;}
.content_list_item {float: left; margin-top: 15px; padding-bottom: 15px; width: 475px; border-bottom:1px solid #000000;}
.content_list_title {float:left; font-size:135%; font-family: Georgia, "Times New Roman", Times, serif; color: #354166;}
.content_list_image {float:left; width:110px; height: 110px; border:none; margin-right:15px;}
.content_list_summary {float:left; width: 350px; height: auto;}
.content_list_summary_nopic {float:left; width: 100%; height: auto;}
.more_link a:link {color: #A21B1B; text-decoration: none; font-weight: bold;}
.more_link a:visited {color: #A21B1B; text-decoration: none; font-weight: bold;}
.more_link a:hover {color: #354166; text-decoration: none; font-weight: bold;}
.more_link a:active {color: #A21B1B; text-decoration: none; font-weight: bold;}

input {background-color: #FFEE9A;  border: 1px solid #999999;}
textarea {background-color: #FFEE9A; border: 1px solid #999999; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;}
select {background-color: #FFEE9A;  border: 1px solid #999999;}
td {text-align: right;}
td.padded {padding-right: 10px}

.submit {background: #FFEE9A; color:#000000F; font-weight: bold; margin-right:20px; padding: 0px 3px 0px 3px; margin-top: 5px; height: 22px}
input.inputtext {font-weight: bold; padding: 0px 0 0 4px; font-size: 140%; height: 20px;}
input.submit:hover {background: #A21B1B; color:#FFFFFF}

#content_header {float: left; height: 140px; width: 475px; margin: 10px 0px 0px 15px !important; margin-left: 10px; border-bottom: 1px solid #000000; background: #FFFFFF; }

#sidebar {float: left; height: auto; width: 240px; background: #FFEE9A;}
#header_image {float: left;}
#donate_button {margin: 10px 0 5px 10px !important; margin-left: 8px;}
#campaign_sidebar1 {margin: 1px 0 1px 16px !important; margin-left: 8px; float:left; width: 209px; height: 60px;}
#campaign_sidebar2 {margin: 1px 0 1px 16px !important; margin-left: 8px; float:left; width: 209px; height: 60px;}



#page_title {width: 100%; height: 40px; font-size: 225%; font-weight: normal; color: #A21B1B; font-family: Georgia, "Times New Roman", Times, serif;}
#project_summary {padding: 5px 0 0px 0; width: 475px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;  color: #7D7D7D; font-size: 102%; height: auto;}

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

#countryfacts {float: left; width: 220px; height: 233px; padding: 5px 0 0px 15px; color: #000000; font-size: 90%;  line-height: 1.3em;}
#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;}



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

#footer_contact {float: left; margin-top: 15px; 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; padding-top: 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: 675px;	margin: 0px 0 10px 25px; background-color: #ccc;}
#handle {width: 5px; height: 20px; background-color: #A21B1B; cursor: move;}
#more {float:left; padding-left: 380px; margin-top: 30px; width: 200px; height: 20px; color: #A21B1B; font-size: 90%; font-weight: bold;}