/* CSS Document ------------------------------------------------------- */
/* www.OnePercentForHumanity.org -------------------------------------- */
/* Developed by www.10kp.org ------------------------------------------ */
/* All code, designs, images, graphics, copy and content copyright ---- */
/* updated Aug 7, 2010 MSP -------------------------------------------- */
/* -------------------------------------------------------------------- */

body { margin:0; padding:0; background-color:#141414; color:#FFF; }
#bkgd { width:1000px; background-image:url(../images/bkgd1.gif); background-repeat:repeat-y; background-position:top; }
#wrapper { width:800px; background-color:#000; margin:0; padding:0; }
#allContent { margin:0; padding:20px 5px 5px 10px; }
#mainContent { padding:10px 5px 10px 20px; }
#colorContainer div { padding:10px 10px 1px 10px; margin:5px 15px 5px 0; }
#noColorContainer div { padding:10px 10px 1px 10px; margin:5px 15px 5px 0; }
#slideshow-container { margin-bottom:7px; height:350px; /* Note this div controlled by other js docs */ }
.slideshow-container { margin-bottom:7px; height:350px; /* Note this div controlled by other js docs */ }
.slideshow-container img:hover { border:0px; cursor:default; }


/* Index Page Update, 08/04/2010 */
#homeLeft { margin:0 10px 0 0; padding:0px; float:left; width:480px; }
#homeRight { margin:10px 0 0 0; padding:0px; float:left; width:250px; }
#feedFacebook { margin:20px 0 0 0; padding:0px; background:#000; }
#feedTwitter p a, #feedTwitter p a:link, #feedTwitter p a:visited, #feedTwitter p a:hover { border-bottom:none; } 
#feedTwitter img { border:2px solid #F06; }
/* End Index Page Update, 08/04/2010 */

h1 { font:36px arial,sans-serif; color:#FFF; }
h2 { font:24px arial,sans-serif; color:#FFF; }
p { font:14px/150% arial,sans-serif; color:#CCC; font-weight:normal; letter-spacing:0em; }
.sm { vertical-align:super; font:9px times,arial,sans-serif; }
.georgia { font-family:georgia,times,serif; } 

#nav ul { list-style:none; margin:2px 0 0 0; padding:0; }
#nav ul li { display:inline; margin:0; padding:0; }

p a, p a:link, p a:visited { color:#CCC; text-decoration:none; border-bottom:1px solid #CCC; }
p a:hover { text-decoration:none; color:#FFF; border-bottom:none; }

/* Navigation */
#nav a, #nav a:link, #nav a:visited { padding:0; margin:0px 17px 0 16px; text-decoration:none; }
#nav a:hover { text-decoration:none; border-bottom:2px solid #000; }

#home a.navHome, #home a.navHome:link, #home a.navHome:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#home a.navHome:hover { text-decoration:none; border-bottom:2px solid #FFF; }
#about a.navAbout, #about a.navAbout:link, #about a.navAbout:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#about a.navAbout:hover { text-decoration:none; border-bottom:2px solid #FFF; }
#faqs a.navFaqs, #faqs a.navFaqs:link, #faqs a.navFaqs:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#faqs a.navFaqs:hover { text-decoration:none; border-bottom:2px solid #FFF; }
#join a.navJoin, #join a.navJoin:link, #join a.navJoin:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#join a.navJoin:hover { text-decoration:none; border-bottom:2px solid #FFF; }
#donate a.navDonate, #donate a.navDonate:link, #donate a.navDonate:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#donate a.navDonate:hover { text-decoration:none; border-bottom:2px solid #FFF; }
#works a.navWorks, #works a.navWorks:link, #works a.navWorks:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#works a.navWorks:hover { text-decoration:none; border-bottom:2px solid #FFF; }
#members a.navMembers, #members a.navMembers:link, #members a.navMembers:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#members a.navMembers:hover { text-decoration:none; border-bottom:2px solid #FFF; }
#nonprofits a.navNonprofits, #nonprofits a.navNonprofits:link, #nonprofits a.navNonprofits:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#nonprofits a.navNonprofits:hover { text-decoration:none; border-bottom:2px solid #FFF; }
#contact a.navContact, #contact a.navContact:link, #contact a.navContact:visited { text-decoration:none; border-bottom:2px solid #FFF; }
#contact a.navContact:hover { text-decoration:none; border-bottom:2px solid #FFF; }

/* Footer */
#footerAll { width:810px; margin:0; padding:0 0px 0 50px; font:11px/190% arial,sans-serif; color:#999; }
#footerAll h1 { font:11px/170% arial,sans-serif; color:#999; margin:0 0 2px 0; padding:0; }
#footerLeft { float:left; }
#footerRight { float:right; }
#footerNav ul { list-style:none; margin:0px 0 0 0; padding:3px 0 5px 0; }
#footerNav ul li { display:inline; margin:0; padding:0 0px 0px 0px; font:11px arial,sans-serif; color:#999; }
#footerNav a, #footerNav a:link, #footerNav a:visited { color:#999; padding:0 0 1px 0; margin:0 4px 0 4px; text-decoration:none; border-bottom:1px dotted #666; }
#footerNav a:hover { color:#DDD; padding:0 0 1px 0; margin:0 4px 0 4px; text-decoration:none; border-bottom:1px solid #DDD; }
#footerNav a.start, #footerNav a.start:link, #footerNav a.start:visited { color:#999; padding:0 0 1px 0; margin:0 4px 0 0px; text-decoration:none; border-bottom:1px dotted #666; }
#footerNav a.start:hover { color:#DDD; padding:0 0 1px 0; margin:0 4px 0 0px; text-decoration:none; border-bottom:1px solid #DDD; }

#footerNav a.logo, #footerNav a.logo:link, #footerNav a.logo:visited { color:#999; padding:0 0 1px 0; margin:4px 4px 0 0px; text-decoration:none; border-bottom:0; }
#footerNav a.logo:hover { color:#DDD; padding:0 0 1px 0; margin:4px 4px 0 0px; text-decoration:none; border-bottom:0; }

#footerAll h1 a, #footerAll h1 a:link, #footerAll h1 a:visited { color:#999; padding:0 0 1px 0; margin:0 0px 0 0px; text-decoration:none; border-bottom:1px dotted #999; }
#footerAll h1 a:hover { color:#DDD; padding:0 0 1px 0; margin:0 0px 0 0px; text-decoration:none; border-bottom:1px solid #DDD; }

/*Member Database Listing */
#members #mainContent h3 { padding:0px; margin:0; font:16px arial,sans-serif; color:#FFF; border-bottom:1px solid #333; }
#members #mainContent p { font:12px/190% arial,sans-serif; }
#members #mainContent img { float:left; border:1px solid #999; background-color:#FFF; padding:4px; margin:20px 20px 50px 0; width:180px; }
#members #mainContent a, #members #mainContent a:link, #members #mainContent a:visited  { float:right; color:#CCC; text-decoration:none; border-bottom:none; }
#members #mainContent a:hover  { float:right; text-decoration:underline; color:#FFF; border-bottom:none; }
#members #mainContent #colorContainer div { height:160px; }

/*Nonprofits Database Listing */
#nonprofits #mainContent h3 { padding:0px; margin:0; font:16px arial,sans-serif; color:#FFF; border-bottom:1px solid #333; }
#nonprofits #mainContent p { font:12px/190% arial,sans-serif; }
#nonprofits #mainContent img { float:left; border:1px solid #999; background-color:#FFF; padding:4px; margin:20px 20px 50px 0; width:180px; }
#nonprofits #mainContent a, #nonprofits #mainContent a:link, #nonprofits #mainContent a:visited  { float:right; color:#CCC; text-decoration:none; border-bottom:none; }
#nonprofits #mainContent a:hover  { float:right; text-decoration:underline; color:#FFF; border-bottom:none; }
#nonprofits #mainContent a.normalLink, #nonprofits #mainContent a.normalLink:link, #nonprofits #mainContent a.normalLink:visited { color:#CCC; text-decoration:none; border-bottom:1px solid #CCC; float:none; }
#nonprofits #mainContent a.normalLink:hover { text-decoration:none; color:#FFF; border-bottom:none; float:none; }
#nonprofits #mainContent #colorContainer div { height:160px; }
#nonprofits #mainContent #colorContainer div.smaller { height:40px; }

/*Photograph Listing */
#photos #mainContent h3 { padding:0px; margin:0; font:16px arial,sans-serif; color:#FFF; border-bottom:1px solid #333; }
#photos #mainContent p { font:12px/190% arial,sans-serif; }
#photos #mainContent img { float:left; border:1px solid #999; background-color:#FFF; padding:4px; margin:15px 20px 0px 0; width:180px; }
#photos #mainContent a, #photos #mainContent a:link, #photos #mainContent a:visited  { float:right; color:#CCC; text-decoration:none; border-bottom:none; }
#photos #mainContent a:hover  { float:right; text-decoration:underline; color:#FFF; border-bottom:none; }
#photos #mainContent #noColorContainer div { height:100px; }

/* Criteria Page */
#criteria { font:14px/150% arial,sans-serif; color:#CCC; }

/* Fixes the FireFox 1 Pixel Dotted Border Outline Bug */
a:active { outline:none; }
:focus { -moz-outline-style:none; }

