/*-------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: 800px; margin-left: -400px;}
#main_shadow {float: left; background: url("/images/home_shadow.gif") no-repeat center; width: 800px; height: 700px;}

/* -------- HEADER --------- */
#main {float: left; width: 780px; height: 680px; margin-top: 9px; margin-left: 11px !important; margin-left: 5px; background: #FFEE9A;}
#header {width: 780px; height: 93px; background-image:url("http://www.brighthope.org/images/header_shadow.jpg");}
#header_new {width: 780px; height: 93px; background-image:url("/images/header_shadow.jpg");}

/* ------- NAVIGATION -----*/
#main_nav {float: left; width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 90%;  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;}

/* ------- FLASH IMAGE ------- */
#flash_container {float:left; height: 300px; width:100%; background-color: #7d7d7d; text-align: center; color: #354166;}
#flash_container a{color: #a21B1b;}

/* ------- DROP DOWN ------- */
#drop_down_select {float: left; height: 20px; width: 100%; background-color: #A21B1B; }
#drop_down_select_home {font-size:110%;float: left; height: 28px; width: 780px; margin-bottom:8px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-top:3px; background-color:#eeeeee; }
.drop {float: left; padding: 3px 10px 0 10px;}
.droptext {color:#ffffff; float: left; padding: 5px 0px 0 10px;}
select {width: 200px;}

/* ------- BOTTOM CONTAINERS -------- */
.featured {float:left; height: 170px; width: 240px; margin: 20px 0px 15px 15px !important; margin-left: 10px; padding-right: 15px; background: none; border-right: 2px solid #C8AA22;}
.featured_projectselector {float:left; height: 170px; width: 240px; margin: 10px 0px 15px 15px !important; margin-left: 10px; padding-right: 15px; background: none; border-right: 2px solid #C8AA22;}

.featured_projectselector a:link {color: #7D7D7D; text-decoration: none; font-weight: bold}
.featured_projectselector a:visited {color: #7D7D7D; text-decoration: none; font-weight: bold}
.featured_projectselector a:hover {color: #A21B1B; text-decoration: none; font-weight: bold}
.featured_projectselector a:active {color: #7D7D7D; text-decoration: none; font-weight: bold}

.featured_title {margin: 5px 0 5px 0; font-size: 115%; color: #A21B1B; font-family: Georgia, "Times New Roman", Times, serif}
.featured_teaser {font-size:80%; color: #000000}
.featured a:link {color: #7D7D7D; text-decoration: none; font-weight: bold}
.featured a:visited {color: #7D7D7D; text-decoration: none; font-weight: bold}
.featured a:hover {color: #A21B1B; text-decoration: none; font-weight: bold}
.featured a:active {color: #7D7D7D; text-decoration: none; font-weight: bold}

#donate_button {float: left; width: 217px; height: 25px; margin: 20px 0px 0 10px; padding-bottom: 10px; border-bottom: 1px dashed #C8AA22;}
#campaign1 {float: left; width: 210px; height: 70px; margin: 5px 0px 0 10px; border-bottom: 1px dashed #C8AA22;}
#campaign2 {float: left; width: 210px; height: 70px; margin: 5px 0px 0 10px; border-bottom: 1px dashed #C8AA22;}

/* ----------- 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 {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;}

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

#popup {display:block; position:absolute; top:18%; left:25%; width:300px; height:240px; background:url(/images/campaign_images/hope4haiti/news_bkgd.png); padding:50px; z-index:100; vertical-align:middle;}