/*-------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%; background: none;}
#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 bottom 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; height: auto; margin-top: 0px; margin-left: 13px !important; margin-left: 6px; 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: #FFFFFF;  text-decoration: none;}

/* ------- MAIN CONTAINERS -------- */
#content {float:left; min-height: 950px; height: auto !important; height: 950px; width: 535px; font-size: 100%;  border-left: 5px solid #354166;  border-bottom: 5px solid #354166; background-color: #FFFFFF;}
#content_list {float:left; margin: 0px 0px 0px 15px !important; margin-left: 10px; height: 700px; width: 475px; overflow: hidden;}



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

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

.formentry {border: 1px solid #999999; font-size: 150%}
.add {background: #FFEE9A; color:#C8AA22; padding: 1px;}


#content_scrollable {float: left; padding: 15px; width: 450px; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;  color: #000000; height: auto;}
#content_scrollable a {text-decoration: none; color: #A21B1B;}
#content_scrollable a:hover {color: #354166;}

.page_title {font-size: 225%; margin-bottom: 10px; font-weight: normal; color: #A21B1B; font-family: Georgia, "Times New Roman", Times, serif;}
.subtitle {font-size: 125%; color: #A21B1B; font-weight: bold;}
 a:hover .subtitle {color:  #354166;}
.red {font-size: 1.1em; color: #A21B1B;}
.blue {font-size: 1.1em; color: #354166;}

#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.5em}

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: 3px;}
input.inputtext {font-weight: bold; padding: 4px; font-size: 16px; height: 16px;}
input.submit:hover {background: #A21B1B; color:#FFFFFF}


#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;}


/* ----------- 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: 775px;	margin: 20px 0 10px 25px; 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;}