/* FTGU Content CSS */

/* Global */

img {border: 0}
div, p, td {text-align:left; font: 14px Arial;}

/* outer wrap */
html, body {background-image: url(/hunger/images/ftgu_bkgrnd_tile.jpg); background-repeat: repeat; height: 100%;}
#tablewrap {margin: 0 auto; min-height:100%;}

#leftborder {background-image: url(/hunger/images/left_outer_border.gif);}
#rightborder {background-image: url(/hunger/images/right_outer_border.gif);}
#leftborder, #rightborder {width: 56px;}
#content_cell {background-color:#9D4B19; padding:23px 6px; width:988px; vertical-align: top;}

#title {height:156px; margin-bottom:0px;  position:relative; z-index: 10; width:988px;}
#logo {padding-left:30px;}
#banner {padding-left:30px;}

#content_wrap {background-color:#6e5936;}
#columns_border_top {background-image: url(/hunger/images/columns_border_top.png); height:33px;}
#column_wrap {background-color:#6e5936; width:968px; margin:10px;}
#footer_cell {background-color:#6e5936; padding: 10px;}


#left_column, #right_column {background-color:#665130; vertical-align:top;}
#left_column {width:702px;}
#right_column {width:246px;}
#space_column {width:10px;}

/* featured area wrap */
#featuredwrap {clear:left; width:988px;}
#featuredwrap .topborder {background-image: url(/hunger/images/feature_top_border.png); height:37px; width:988px;}
#featuredwrap #featuredcell {background-color:#A8CEC1; padding: 10px; position:relative;}

/* right column - sidebar */

#right_column {vertical-align:top; padding:10px;}
#nav img.nav {display:block;}
#donate, #social_buttons, #signup, .rightbox {border: 2px solid #AEBD20; -moz-border-radius:10px; -webkit-border-radius:10px; display:block; background-color: #6e5936; padding: 25px 10px; margin-top: 25px;}
.rightbox ul li {list-style: none; margin-left:0; padding: 0 0 2px;}

#donate .input_table, #signup .input_table {margin-top:10px;}
#donate_field, #signup_box {font-size: 16px; padding: 3px; width: 160px;}
#signup_box {color:#999999;}
.donate_arrow {padding-left: 5px;}

#social_buttons .textheader {margin-bottom:10px;}

#actions {margin: 10px 0;}
#actions ul {margin: 10px 0 10px 8px;}
#actions ul li {list-style: none;margin: 2px 0;}
#actions .share {background-image:url('/hunger/images/nav/share.png'); width: 223px; height:31px;}
#actions .signup_form {display:none;padding:10px}
#actions label {padding:4px 0 6px;color:#A8CEC1;font: 10px Arial;}
#actions .share div {padding:4px 4px 4px 65px;}
#actions .share div img{margin: 0 4px 0 0;}
#actions .help {margin:10px 14px 0;}
#actions li.follow {margin-top:5px;}
#actions li.follow .buttons {margin-top: 5px;padding:0px 16px;}

/* left column - content*/

#left_content {margin: 16px 25px;}
#left_content .content {margin-top: 10px; color: #A8CEC1;}
#left_content .content p {padding: 4px 0 6px;}
#left_content .content h2 {float:left; padding: 4px 4px 0 0; margin: 0; color: #A8CEC1; font-weight: bold;}
#left_content .content h2:after {content: url(/hunger/images/red_arrow.png); padding-left: 4px;}

#left_content .content h1 {font-size: 18px; color: #AEBD20; font-weight: bold; padding: 4px 0 6px;}
#left_content .content h1:after {content: url(/hunger/images/red_arrow.png); padding-left: 4px;}

#grantee_header {display:block; border: 2px solid #AEBD20;}

#share_table {padding:0; margin-top:10px; border-bottom: 1px solid #A8CEC1;}
.share_arrow {background-color: #A8CEC1; padding:3px; margin:0; width:0;}
.share_buttons {width:105px; color: #A8CEC1; padding:2px;}
.share_buttons img {vertical-align: middle; padding-left: 5px;}

/*maparea */

#maparea {background-color:#665130; padding:25px; height: 314px;}
#map_canvas {border: 3px solid #AEBD20; width:266px; height: 200px; float:right; margin: 0 0 10px 10px;}
#grantees {display:none;}

/* footer */

#footer {float:right;}
#footer div {text-align: right; float:left; border-right: 1px solid #A8CEC1; padding: 10px 25px 10px 0; margin: 10px 25px 10px 0;}
#footer img {display:block; float:left;}

/* font styles */

strong {font-weight: bold;}
em {font-style:italic;}
input, textarea {font: 11px Arial;}
#footer {color: white; font: 13px Arial;}
#footer .t, #footer .f {color: #AEBD20; font-weight: bold;}

/* list styles */

ul {padding: 4px 0 6px;}
ul li{list-style-type:disc; margin-left:15px;}

/* link styles */
/*#left_content .content */
a img {text-decoration: none; border: 0 none;}
a {color:#AEBD20; text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none;}
a.more {font-variant:small-caps; text-transform:lowercase; white-space:nowrap;}
a.more:after {content: url(/hunger/images/red_arrow.png); padding-left: 4px;}