/* RESET */
/* ----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div { position:relative }

/* ----------------------------------------- */

body, div, p, table, ul, li, td {font-family: arial, helvetica, verdana, sans; font-size:12px;}
body {background:#cfc3ac url('../images/background_01.jpg') repeat;}
#header, #main, #footer {width:974px; margin:0 auto; clear:both;}
.left {float:left}
.right {float:right}

a {color:#283300; text-decoration:underline;}
a:visited {color:#303030; text-decoration:underline;}
a:hover {color:#666;}

#top_gradient {position:absolute; left:0px; top:0px; height:115px; width:100%; background:url('../images/top_gradient.png') repeat-x;}

#header {height:162px;}
#header ul {float:right; margin-top:15px;}
#header ul li {float:left; margin-left:5px; border-top:1px solid #cabfaa; border-right:1px solid #cabfaa; border-bottom:1px solid #d3cdbf; border-left:1px solid #d3cdbf; padding:6px; padding-bottom:2px; background:url('../images/50_percent_bright.png') repeat; color:#283300; font-size:12px; font-weight:bold;}

#header li#updates {position:relative; width:290px;}

#header form {position:absolute; top:6px; right:10px;}
#header form input {vertical-align:middle; margin-left:8px;}
#header form input#updates_submit {margin:0 0 0 5px;}
#header form input#email_list {width:130px; padding:2px 0; font-size:11px; color:#7d7d7d; text-align:center;}

#header h1 {position:absolute; top:19px; left:0px;}

.join_us_hungry_in_america {background:url('../images/50_percent_bright.png') repeat; border-top:1px solid #cabfaa; border-right:1px solid #cabfaa; border-bottom:1px solid #d3cdbf; border-left:1px solid #d3cdbf; padding:6px 8px; padding-bottom:4px; height:75px; width:234px; position:absolute; right:0px; top:65px;}


#main {margin-top:0px;}

#top_nav, #sub_nav {clear:both;}
#top_nav li, #sub_nav li {float:left;}
#top_nav {height:34px; background:#fff; padding:0px; overflow:hidden;}
#top_nav li {text-align:center; margin:0px; margin-right:4px; padding:0;}
#top_nav li a {color:#fff; font-weight:bold; text-decoration:none; display:block; width:100%; height:36px; margin:0px;}
#top_nav li a span {display:none;}

#nav_home {width:114px; background:url('../images/new_nav_home.gif') no-repeat top left;}
#nav_home.selected {background-image:url('../images/new_nav_home_selected.gif')}

#nav_who {width:123px; background:url('../images/new_nav_who.gif') no-repeat top left;}
#nav_who.selected {background-image:url('../images/new_nav_who_selected.gif')}

#nav_what {width:166px; background:url('../images/new_nav_problem.gif') no-repeat top left;}
#nav_what.selected {background-image:url('../images/new_nav_problem_selected.gif')}

#nav_doing {width:168px; background:url('../images/new_nav_doing.gif') no-repeat top left;}
#nav_doing.selected {background-image:url('../images/new_nav_doing_selected.gif')}

#nav_help {width:141px; background:url('../images/new_nav_help.gif') no-repeat top left;}
#nav_help.selected {background-image:url('../images/new_nav_help_selected.gif')}

#nav_news {width:129px; background:url('../images/new_nav_news.gif') no-repeat top left;}
#nav_news.selected {background-image:url('../images/new_nav_news_selected.gif')}

#nav_feedusa {width:109px; margin:0px !important; background:url('../images/new_nav_feed.gif') no-repeat top left;}
#nav_feedusa.selected {background-image:url('../images/new_nav_feed_selected.gif')}

#top_nav li:hover {background-position:0px -34px;}
#top_nav li.selected:hover {background-position: top left;}


#sub_nav {background:#eeede7; height:45px;}
#sub_nav li {margin:8px 20px; padding:6px 10px; color:#283300;}
#sub_nav li.selected {background:#fdfdfc; color:#283300;}
#sub_nav li a {color:#283300; font-size:13px; text-decoration:none;}


.hungry_in_america_large {background:url('../images/hungry_in_america_large.jpg') no-repeat;}
.work_in_progress {background:url('../images/work_in_progress.jpg') no-repeat;}

#slider_holder {overflow:hidden; padding:0; margin:0; height:459px; width:974px;}

#slider {overflow:hidden; height:459px; min-height:459px; width:974px; }

.big_image {height:459px; width:974px; padding:0px; margin:0px;}

.big_image .slider_content {position:absolute; top:210px; left:96px;}
.big_image .slider_content p {color:#e5ded0; width:420px; font-size:13px; margin:10px 0 16px 0;}

.big_image p.dark {color:#4b4b4b;}
.big_image p.skinny {width:330px;}

.background_image {position:absolute; top:0px; left:0px; z-index:0;}

#big_image_left_arrow {position:absolute; top:197px; left:-13px; z-index:100; background:url(../images/big_image_left_arrow.png) no-repeat top left; display:block; height:55px; width:55px;}
#big_image_right_arrow {position:absolute; top:197px; right:-13px; z-index:100; background:url(../images/big_image_right_arrow.png) no-repeat top left; display:block; height:55px; width:55px;}
#big_image_left_arrow:hover, #big_image_right_arrow:hover {background-position:bottom left;}

.homepage_bucket {background:#e9e8e1; border:1px solid #c0c3a9; padding:15px 10px; width:219px; float:left; margin:8px 4px 8px 0px; height:215px; line-height:150%;}
.homepage_bucket h2 {margin:10px 0 4px 0;}
.homepage_bucket img.border {border:1px solid #c0c3a9;}
.homepage_bucket p {font-size:12px;}
.homepage_bucket p a {margin-left:5px; color:#c83710; text-decoration:none; font-weight:bold;}


.twitter_bucket {background:none; border:0px; margin:0px; padding-top:6px;}
#twitter_feed {background:url('../images/twitter_bucket.gif') no-repeat bottom right; width:214px; height:170px;}
#twitter_bird {background:url('../images/twitter_bird.gif') no-repeat top right; width:210px; height:22px; padding:10px 2px;}
#twitter_bird a {color:#3a3a3a;}

#twitter_feed p {padding:15px 10px 10px 10px; font-style:italic; font-weight:bold; font-size:12px; color:#3a3a3a;}
#twitter_feed p a {color:#506113; text-decoration:underline;}

#twitter_feed p.twitter_post_info {padding:0 10px; font-size:10px; color:#747474;}
#twitter_feed p.twitter_post_info a {color:#747474; font-size:10px; text-decoration:none;}


#foot_bar {background:#acb687; height:14px; border:1px solid #c0bf9d; padding:10px 20px; clear:both; margin-top:8px;}

#footer ul {margin:25px auto; width:895px;}
#footer ul li {float:left; padding:0 28px; border-right:1px solid #445600; line-height:8px;}
#footer ul li.last {border:0px;}
#footer ul li a {color:#445600; font-size:9px; text-decoration:none;}

#copyright {width:400px; margin:20px auto; color:#445600; font-size:9px; text-align:center; margin-bottom:30px;}

/* Content Page */

.content_holder, .content_holder_map {background:#e9e8e1; border:1px solid #c4c6a9; border-top:2px solid #c2c4ab; padding-bottom:12px; margin-bottom:8px; min-height:500px; clear:both;}
.content_holder_map {min-height:100px; padding-bottom:0;}
.content_coming_soon {min-height:0px; height:347px; overflow:hidden; padding-bottom:0px;}

.content_holder h2 {margin:25px 0 10px 50px;}
.content_holder p {margin:0 0 15px 50px; line-height:150%; width:580px;}

.content_holder div.right {margin:25px 50px 20px 30px; border:1px solid #c4c6a9; padding:0px; background:#fbfaf9; width:256px;}
.content_holder div.right img.right {float:right; clear:both;}
.content_holder div.right p, .content_holder div.right form {margin:0; padding:15px 0px 0px 20px; float:left; clear:both; width:220px; font-size:12px; color:#2b2b2b;}
.content_holder div.right p.thirty {margin-left:2px; margin-bottom:15px; padding:15px 10px 15px 20px; border-bottom:1px solid #E0DFDB;}
.content_holder div.right p.last {margin-bottom:0px; border-bottom:none; padding-bottom:0px;}

.content_holder div.right p.last a, .content_holder div.right p.thirty a {display:block; margin-top:10px; font-family:georgia,helvetica,sans-serif; font-weight:bold; font-style:italic; text-decoration:none;}

.content_holder div.right form {text-align:center; margin:10px 0 20px 0; padding:0;}
.content_holder div.right form input {margin-bottom:10px;}
.content_holder div.right form input#item_price_1, .content_holder div.right form input#email_form {padding:6px 0; font-size:11px; color:#7d7d7d; width:125px; margin-right:11px; border:1px solid #dbdada; text-align:center;}

.content_holder div.right form.email_form {text-align:right; padding-top:10px;}
.content_holder div.right form.email_form label {padding-right:10px;}
.content_holder div.right form.email_form input {float:right; clear:both; margin-right:0px !important; }

.content_holder div.right h2 {margin:20px 20px 0 20px}


.content_holder img.left {margin:5px 10px 10px 50px; border:1px solid #c4c6a9;}
.content_holder img.no_border {border:0; margin-right:20px;}

.content_holder .col-holder {display:block; clear:left; margin-bottom:10px; width:630px;}
.content_holder .col-left {float:left;}
.content_holder .col-right {float:right;}
.content_holder .col-right p {width:430px; margin-left:0px;}

.content_holder hr {margin-left:50px; height:2px; background:#d1d2c3; border:0; width:580px; margin-bottom:20px; }
.content_holder hr.clear {clear:both;}


.content_holder div.donate_form p {float:right; clear:both; width:224px; padding:10px;}
.content_holder div.donate_form form {float:right; clear:both; width:256px;}

.content_holder .youtube {position:absolute; top:146px; left:46px; border:1px solid #cfcfcf}
.content_holder .coming_soon {position:absolute; top:146px; left:5px; }

h3.markertitle {color: #7FADA0; font-size: 18px; margin-bottom: 10px;}
.markerhtml {width: 400px; height: 160px; clip: auto; overflow: auto;}
.markerhtml p {margin-bottom: 20px;}
.markerhtml h3 {margin-bottom: 10px; font-size: 14px;}
.markerhtml ul {list-style-type: disc;}
.markerhtml li {margin: 5px; margin-left: 15px;}

.content_holder form.student_form {width:500px; margin:0 50px;}
.content_holder form.student_form label {float:left; width:120px; height:15px; margin:10px 0 10px 0; display:block; text-align:right;}
.content_holder form.student_form input, .content_holder form textarea {float:left; width:350px; height:20px; margin:8px 10px 5px 10px; font-size:11px; border:1px solid #999;}
.content_holder form.student_form textarea {height:100px;}
.content_holder form.student_form input#btnSubmit {float:right; margin-right:18px; width:73px; height:27px; text-align:center; border:0;}
.content_holder form.student_form .req {color:#283300; margin:0 2px;}

.hungry_events p {margin:0; padding:0; width:100%;}
.hungry_events h2 {margin-left:0px;}
.hungry_events h2.center {text-align:center;}
.hungry_events .form_table { margin:0;}
.hungry_events .form_table td {text-align:right; padding:5px;}
.hungry_events .form_table input#item_price_1 {color:#7d7d7d; font-size:11px; border:1px solid #dbdada; text-align:center; padding:7px 0; margin-right:11px;}
.hungry_events .form_table img {padding-top:10px; padding-right:8px;}
.hungry_events .form_table select {margin-bottom:4px; border:1px solid #dbdada;}



#event_holder {text-align: center;}
#event_holder p {color: #000000;}
#event_logos {margin-top: 20px; margin-bottom: 30px;}
#event_title {padding: 36px 0px 36px 0px; background: #E0DFD8;}
#hosts {width: 740px; margin: 0 auto; margin-top: 30px;}
#hosts p {width:100%; font-size: 14px; margin:0px;}
#events {width: 740px; margin: 0 auto; clear: both; padding-top: 40px; margin-bottom: 20px;}
.event {width: 333px; float: left; display: inline; text-align: left;}
.first_event {margin-right: 50px;}
.footer_donate {margin: 0 auto; clear: both; width: 740px; text-align: left; padding-top: 10px; margin-bottom: 20px;}
.event h1, #hosts h1 {color: #FF3333; font-size: 18px; line-height: 18px; text-align: center; padding-bottom: 30px;}
.event h1 img {margin-top: 10px; margin-bottom: 10px;}
#hosts h1 {padding-bottom: 20px;}
.event h2, .footer_donate h2 {color: #FF3333; line-height: 18px; font-size: 15px;}
h2.host {font-size: 18px;}
#BB_BuyButtonForm1 input, #BB_BuyButtonForm2 input, #BB_BuyButtonForm3 input, #BB_BuyButtonForm1 select, #BB_BuyButtonForm2 select, #BB_BuyButtonForm3 select {font-size: 12px;}
.hr {line-height: 1px; height: 1px; border-top: 1px solid #999999; padding-bottom: 10px;}

.blog h2 {width:650px; font-size:19px; font-weight:bold; color:#283300;}
.blog p {margin-top:20px; margin-bottom:30px; font-size:12px; line-height:150%;}
.blog p.date_posted {width:650px; margin:10px 50px; font-size:10px;}
.blog div.post_body {width:650px; margin:0 50px; font-size:12px; line-height:150%;}
.post_body p, .post_body h2 {margin-left:0px;}


/* Haiti Event Page */

.haiti_dinner_event {background:#edece6; overflow:auto;}
.haiti_dinner_event .float_left {float:left; width: 375px; margin-top:30px;}
.haiti_dinner_event .float_right {float:right; width:595px; text-align:right; margin-top:15px;}
.haiti_dinner_event .float_right img {margin-bottom:1px;}
.haiti_dinner_event #il_mulino_block {position:absolute; top:285px; right:17px;}
.haiti_dinner_event .float_right .small_logos {border-bottom:10px solid #e1e0da; width:594px; float:right; clear:right;}
.haiti_dinner_event .float_right p {text-align:left; width:570px; margin:0 2px; padding:12px 0 0 0; clear:both; font-size:11px; line-height:18px; color:#333333;}
.haiti_dinner_event .can_not_attend {text-align:left; margin:40px 0;}
.haiti_dinner_event .can_not_attend h2 {margin:0; font-size:13px; font-weight:bold; color:#333;}
.haiti_dinner_event .can_not_attend form {margin:20px 0 0 0;}
.haiti_dinner_event .can_not_attend form input {padding:6px; color:#7d7d7d; font-size:10px; border:0px; width:120px; text-align:center; vertical-align:bottom; margin-right:10px;}
.haiti_dinner_event .can_not_attend form input#haiti_event_donate_button {padding:0; width:112px; vertical-align:bottom;}




.haiti_dinner_event .purchase_ticket {border:solid 1px #d5d4cf; padding:20px; margin:50px 28px 0 30px;}
.haiti_dinner_event .purchase_ticket select {padding:6px; color:#7d7d7d; font-size:10px; border:0px; width:120px; text-align:center;}
.haiti_dinner_event .purchase_ticket input {vertical-align:bottom; margin-left:10px;}
.haiti_dinner_event .purchase_ticket form {margin:12px 0 0 17px;}
.haiti_dinner_event .purchase_ticket img {margin-left:17px;}

img.noborder {border:0px !important;}