/*-------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 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;}
input {font-size: 100%}

/* -------- HEADER --------- */
#main {float: left; width: 780px; margin-top: 0px; margin-left: 13px !important; margin-left: 5px; background: #9b2e33;}
#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;}

#campaign_nav {float: left; width: 500px; background: none; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 90%;  padding-top: 217px; padding-left: 7px}
#campaign_nav ul {list-style:none;}
#campaign_nav li {float:left; background: url(/images/navigation_images/campaign_right.png) no-repeat right top; width: 105px; text-align: center; margin-left: 3px;}
#campaign_nav a {float: none; display:block; background:url(/images/navigation_images/campaign_left.png) no-repeat left top; padding: 5px 5px; text-decoration: none; text-transform:uppercase;}

#campaign_nav #page a {color: #F1C34E;}

#campaign_nav a:link {color: #9b2e33;}
#campaign_nav a:visited {color: #9b2e33;}
#campaign_nav a:hover {color: #F1C34E;}
#campaign_nav a:active {color: #9b2e33;}


/* ------- MAIN CONTAINERS -------- */
#content_scrollable {float:left; width: 510px;  min-height: 750px; height: auto !important; height: 750px; font-size: 100%; padding: 15px; padding-bottom: 25px; background-color: #FFFFFF;}
#content_container {float: left; width: 510px;}
#campaign_header {float:left; width: 780px; height: 240px; background: url(/images/campaign_images/hopepack/hopepack_header.jpg) no-repeat center;}
#sidebar {float: right; width: 240px; background: #9b2e33; height: 715px;}
#sidebar_content {float: left; width: 220px; color:#FFFFFF; padding: 20px 0 0 15px;}
#sidebar_content .header{ font-family:Georgia, "Times New Roman", Times, serif; font-size:120%;}
#sidebar img {padding: 15px 0 0px 15px;}

.page_title {font-size: 225%; margin-bottom: 10px; font-weight: normal; color: #613532; font-family: Georgia, "Times New Roman", Times, serif;}
.subtitle {font-size: 125%; color: #613532; font-weight: bold;}
.bold {color: #613532; font-weight: bold;}
#content_scrollable ul {padding-left: 25px}
#content_scrollable li {color: #000}
#content_scrollable a:link {color: #9b2e33; text-decoration: none; font-weight: bold;}
#content_scrollable a:visited {color: #9b2e33; text-decoration: none; font-weight: bold;}
#content_scrollable a:hover {color: #9b2e33; text-decoration: none;}
#content_scrollable a:active {color: #9b2e33; text-decoration: none; font-weight: bold;}

input {background-color: #ebe4d4;  border: 1px solid #999999;}
textarea {background-color: #ebe4d4;;  border: 1px solid #999999; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;}
select {background-color: #ebe4d4;;  border: 1px solid #999999;}
td {text-align: right;}
td.padded {padding-right: 10px}
.submit {background: #ebe4d4; color:#000000; font-weight: bold; margin-right:20px; padding: 3px;}
input.submit:hover {background: #9b2e33; color:#FFFFFF}

/* ----------- 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: 600px;	margin: 25px 0 0px 0px; background-color: #ccc;}
#handle {width: 5px; height: 20px; background-color: #A21B1B; cursor: move;}
#more {float: left; padding-left: 200px; width: 200px; height: 20px; color: #A21B1B; font-size: 90%; font-weight: bold;}