/*-------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: #ffffff; background-image:url(/images/campaign_images/haiti_earthquake/newhope_sidebar.jpg); background-position:right; background-repeat:repeat-y;}
#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: 720px; 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: #284b78;}

#campaign_nav a:link {color: #5083c4;}
#campaign_nav a:visited {color: #5083c4;}
#campaign_nav a:hover {color: #284b78;}
#campaign_nav a:active {color: #5083c4;}


/* ------- MAIN CONTAINERS -------- */
#content_scrollable {float:left; width: 480px;  min-height: 750px; height: auto !important; height: 750px; font-size: 100%; padding:15px 30px 25px 30px; background-color: #FFFFFF;}
#content_container {float: left; width: 510px;}
#content_header_wrap {height: 271px; width: 480px; background: url(/images/campaign_images/hope4haiti/H4H_thankyou_title.jpg) top left no-repeat; margin-top: 10px;}
#content_header_flash {height: 271px; width: 480px;}
#campaign_header {float:left; width: 780px; height: 240px; background: url(/images/campaign_images/haiti_earthquake/earthquake_header.jpg) no-repeat center;}
#sidebar {float: right; width: 240px; background: #b7a184; height: auto; background-image:url(/images/campaign_images/haiti_earthquake/newhope_sidebar.jpg); background-position:top; background-repeat: repeat-y;}
#sidebar_content {float: left; width: 220px; color:#FFFFFF; padding: 20px 0 0 15px;}

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

input {background-color: #CCCCCC;  border: 1px solid #999999;}
textarea {background-color: #CCCCCC;;  border: 1px solid #999999; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;}
select {background-color: #CCCCCC;;  border: 1px solid #999999;}
td {text-align: right;}
td.padded {padding-right: 10px}
.submit {background: #CCCCCC; color:#000000; font-weight: bold; margin-right:20px; padding: 3px;}
input.submit:hover {background: #0052a5; 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; font-weight:normal;}

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

/*-----POPUP BOX--------*/

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}
#popup {display:block; position:absolute; top:20%; left:25%; width:300px; height:300px; background:url(/images/campaign_images/hope4haiti/news_bkgd.png); padding:50px; z-index:100; vertical-align:middle;}