body { background: #00558a;	font-family: "trebuchet MS", verdana, arial, sans-serif; color:#333; font-size: 100.1%;	line-height:130%; margin:0;	padding:0; }

/*---------- global html elements -------------*/

em,i { font-style:italic; }
strong,b { font-weight:600; }
p {	font-family: "trebuchet MS", verdana, arial, sans-serif; font-size:0.8em; margin:5px 0; padding:0; }
p.small { color:#666; font-size:0.7em; }
body.home p.statement { color:#006699; font-size:1.0em; font-style:italic; font-weight:600; width:680px;}
p.statement { color:#333; font-size:1.0em; font-weight:600; }
a { font-weight:600; }
a img { border:none; }
a:link { color: #eb5C4C; text-decoration: none; }
a:hover { color: #336699; text-decoration: underline; }
a:visited { color: #eb5C4C; text-decoration: none; }
a.faux-btn { color:#333; -moz-border-radius:10px; -webkit-border-radius:10px; display:block; font-size:0.9em; font-weight:bold; margin:10px auto; padding:3px; text-align:center; }
a.faux-btn:hover { color:#666; text-decoration:none; }
.clear { clear:both; min-height:1%; }

ul,ol { font-size:0.8em; }

h3 { color:#006699; font-size:1.1em; margin:0 0 15px 0; padding:0; }
h4 { color:#006699; font-size:0.8em; margin:5px 0 0 0; padding:0; }
h5 { color:#333; font-size:0.8em; margin:5px 0 0 0; padding:0; }
h5 span { font-weight:500; }

/*---------- containers ---------------------*/

#header { background:url(../images/backgrounds/header.gif) 0 0 no-repeat; height:184px; margin:45px auto 0 auto; padding:0; position: relative; width:1018px; }
#content { background:url(../images/backgrounds/shadow-wide-1018-full.gif) 0 0 repeat-y; height:auto; margin:0 auto; padding:0 0 20px 0; position: relative; width:1018px; }
#bottom { background:url(../images/backgrounds/shadow-footer.gif) 0 0 no-repeat; height:15px; margin:0 auto; padding:0; width:1018px; }
#footer { color:#fff; font-size:0.7em; margin:0 auto; text-align:center; }

#attention { background:#fff; border:3px double #f5a891; -moz-border-radius:8px; -webkit-border-radius:8px; margin:10px 10px 10px 30px; padding:10px; width:350px;}

#header h1 { color:#666; display:none; font-size:1.0em; margin:0; padding: 28px 0 0 280px; word-spacing:0.5em;  }
#header h1 span { color:#006699; font-size:1.1em; margin-right:1px; }
#header h2 { color:#666; display:none; font-family: georgia, times, serif; font-size:1.4em; font-weight:500; font-style:italic; margin:90px 0 0 180px; padding:0; text-align:center; }
#header img.spoon { margin:120px 0 0 330px; }  

#header #main-nav { background:transparent; height:24px; left:250px; margin:0 auto; padding:0; position:absolute; text-align:center; top:76px;}
#header #main-nav ul { list-style:none; margin:0 auto; padding:6px 0 0 25px; }
#header #main-nav ul li { color:#666; display:inline; float:left; font-weight:600; margin:0 9px; padding:0; word-spacing:1px; letter-spacing:0.5px; font-size:14px; }
#header #main-nav ul li a { color:#eb5c4c; text-decoration:none; } 
#header #main-nav ul li a.on { color:#333; text-decoration:none; } 
#header #main-nav ul li a:hover { color:#666; } 
#header #sub-nav { font-size:0.9em; left:220px; padding-left:30px; position:absolute; text-align:center; top:120px; width:720px; }
#header #sub-nav ul { list-style:none; margin:0 auto; }
#header #sub-nav ul li { border-top:1px solid #fff; color:#666; display:inline; float:left; font-weight:600; margin:0; padding:0; }
#header #sub-nav ul li span { color:#eb5c4c; margin:0 4px; }
#header #sub-nav ul li a { color:#003399; text-decoration:none; } 
#header #sub-nav ul li a.on { color:#333; text-decoration:none; } 
#header #sub-nav ul li a:hover { color:#666; }

#content #left { float:left; margin:0 0 0 6px; padding:10px; width:210px; }

/* retained in case a decision to go back to a side subnav ---
#content #left ul#sub-nav { border-bottom:1px solid #fff; border-top:1px solid #fff; font-weight:600; list-style:none; margin:20px auto; padding:0; text-align:center;}
#content #left ul#sub-nav li { background:url(../images/backgrounds/left-subnav.jpg) 0 0 repeat-y;  border-bottom:1px solid #fff; border-top:1px solid #fff; }
#content #left ul#sub-nav li a.on { color:#333; text-decoration:none; } 
#content #left ul#sub-nav li a:hover { text-decoration:none; }
--- */

#content #left #shout { background:#f5eacd; border:2px solid #f5a891; -moz-border-radius:8px; -webkit-border-radius:8px; font-size:0.8em; margin:25px auto; padding:5px; text-align:center; }
#content #left #shout img { margin:5px auto;}
#content #left #shout h2 { border-bottom:2px dotted #666; color:#093e5b; font-size:0.9em; text-align:center; margin:3px 5px; }
#content #left #shout a.faux-btn { background:#bde0e5; border:1px solid #333; width:8em; }

#content #left #shout.recent { background:transparent; border-bottom:2px solid #eb5c4c; border-left:none; border-right:none; border-top:2px solid #eb5c4c; -moz-border-radius:0; -webkit-border-radius:0; padding:10px 5px; }

#content #left #shout.subscribe { background:#eb5c4c; color:#fff; }
#content #left #shout.subscribe h2 { border-bottom:2px solid #fff; color:#fff;}
#content #left #shout.subscribe a.faux-btn { background:#fff; border:1px solid #333; width:8em; } 

#content #main { background:#fffaea; float:right; margin:0 7px 0 20px; padding:10px; width:720px;  }
#content #main p { margin:10px; } 
#content #main #col1 { float:left; margin:0; padding:10px; width:380px; }
#content #main #col1.card { float:left; height:200px; margin:0; padding:10px; width:340px; }
#content #main #col2 { float:left; margin:0; padding:10px; width:300px; }
#content #main #urgent { font-size:1.0em; margin:10px auto; text-align:center; }
#content #main #urgent.right { float:right; font-size:1.0em; margin:10px auto; text-align:center; }
#content #main #urgent img { float:none; }
#content #main #donate { background:#eb5c4c; color:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; font-size:1.3em; margin:20px 0; padding:10px; width:664px; }
#content #main #donate h3 { color:#fff; }
#content #main #donate #col1 { width:390px; }
#content #main #donate #col2 { width:220px; }
#content #main img.right { float:right; margin:0 20px 20px 20px; }
#content #main object.right { float:right; margin:0 20px 20px 20px; }
#content #main img.left { float:left; margin:0 20px 20px 20px; }
#content #main img.showcase { float:none; margin:25px 0 25px 65px; }
/* keeping this in case Cindy wants to revert // #content #main ul#mission { list-style:none; margin:10px 20px 10px 0; padding-left:25px;}
#content #main ul#mission li { color:#006699; font-family: georgia, times, serif; font-size:1.0em; font-weight:600; font-style:italic; margin:10px 0; padding:0 0 0 10px; } */
#content #main ul#mission { font-family: "trebuchet MS", verdana, arial, sans-serif; margin:10px 20px 10px 0; padding-left:25px;}
#content #main ul#mission li { font-size:1.2em; margin:10px 0; padding:0; }
#content #main #promo { margin:20px 0 0 0; text-align:center; }
#content #main #promo h3 { margin-bottom: 5px; }
#content #main #promo a { font-size:0.8em; }
#content #main #bio-block ul { list-style:none; margin:0; }
#content #main #bio-block ul li { height:60px; margin:15px 0; padding:0 0 0 20px; }
#content #main #bio-block ul li img { float:left; margin:5px 10px 0 0; }