/* Global */

div,p {text-align:left;}

/* 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 {background-color:#9D4B19; padding:23px 6px 0px; width:988px; vertical-align: top;}

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

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

/* featured area */

#motto {margin: 10px; display:block;}
#featured {width:744px; height: 321px; float: left; display:inline; position:relative; border: 3px solid white; clear:both; background-image: url(/hunger/images/ftgu_feature_holder.jpg); background-repeat: no-repeat;}
#arrow {cursor:pointer;}

#actionarea {width: 200px; float:left; margin: 0px 0 0px 10px;}
#donatearea {height:184px;}
#donatearea img {margin-top: 25px; display:block;}

/*#signup, #donate {border:0; padding: 2px;}*/
#signup {border: 1px solid #9D4B19; padding: 2px; font: 16px Arial; width:150px; color:#999999;}
#signup_submit {margin-left:5px;}

#signuparea table {margin:5px 0 0;}

#share .textheader {display:inline;float:left; margin-bottom: 10px;}
#share .buttons {clear:left;}

/* callout */
#callout {background-color:#6C5835; margin: 15px 0; width:988px;}
#callout .topborder {background-image: url(/hunger/images/callout_top_border.png); width: 988px; height:21px;}
#callout .bottomborder {background-image: url(/hunger/images/callout_bottom_border.png); width: 988px; height:17px;}
#click {margin: 10px auto; display:block;}

/* nav*/

#nav {background-color:#6C5835; margin-bottom: 25px; width:988px;}
#nav .topborder {background-image: url(/hunger/images/nav_top_border.png); height: 32px;}
#nav .bottomborder {background-image: url(/hunger/images/footer_bottom_border.png); height: 41px;}
#nav .content {background-color:#6C5835; padding: 0 10px 10px 10px;}
#navtable {width:988px;}
#navitems {padding:0;}

/*maparea */
#maparea {background-color:#665130; padding:25px; height: 314px;}
#map_control {color: #A8CEC1; background-color: #665130; font:10px Verdana; position: absolute; top:0; right:0; z-index:0; margin: 5px 5px 0 0; border: 1px solid #A8CEC1; display:none;}
#map_control td {padding:2px; border-left: 1px solid #A8CEC1;}
#map_control td span {cursor:pointer;}
#map_control input {float:left;margin-right: 5px;}

/* footer */

#footer {float:right; margin:25px 0 15px;}
#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;}
input, textarea {font: 11px Arial;}
#footer {color: white; font: 13px Arial;}
#footer .t, #footer .f {color: #AEBD20; font-weight: bold;}

#grantees {width:250px;float:left;margin-right:10px;overflow:hidden;height: 320px; position:relative;}
#grantees div {font-size: 14px;font-family: Arial;color: #A8CEC1;}
#grantees div em {font-style:italic;}
#grantees img {width: 246px; display:block; position:absolute; border: 2px solid #AEBD20; bottom: 0; left:0;}
#grantees div.grantee {display:none;}
#grantees div#intro {display:block;}
#grantees div.grantee .title {display:block;color:#AEBD20;font-weight: bold;font-size: 18px;text-decoration:none;}
#grantees div.grantee .title:after {content: url(/hunger/images/red_arrow.png); padding-left: 4px;}
#grantees .grantee span.description {font-size: 14px; font-weight: bold;}
#grantees .coord {display:none;}

#map_canvas {float:left;border: 3px solid #A8CEC1;}

#grantees p {padding: 4px 0 6px;}
#grantees h2 {float:left; padding: 4px 4px 0 0; margin: 0; color: #AEBD20; font-weight: bold;}
#grantees h2:after {content: url(/hunger/images/red_arrow.png); padding-left: 4px;}

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