body {
background-color: #EFECD7;
font-size: 100%;
font-family: serif;
background-repeat: repeat-y;
background-position: center;
color: #333;
letter-spacing: 0.05em;
}

h1, h2, h3, {
font-family: georgia, times new roman, times, serif;
letter-spacing: 0.07em;
}

h4 {
font-family: lucida grande, verdana, arial, helvetica, sans-serif, skia. Charcoal, "Century Gothic", Arial, georgia,times new roman, times, serif, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, "Century Gothic", "lucida grande", Palatino, Charcoal, "Century Gothic", Arial, georgia, "times new roman", times;
margin-bottom: 4px;
}

p {
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "LucidaGeneva", Lucida, sans-serif;
letter-spacing: 0.03em;
font-size: 105%;
}

p1 {
font-family: Times, serif;
letter-spacing: 0.03em;
font-size: 105%;
}


.center {
text-align: center;
}


ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

li {
font-size: 100%;
font-family: georgia, times new roman, times, serif;
}

img {
margin: 0;
padding: 0;
border: 0;
}

a:link { background-color: transparent; text-decoration: none; color: green; }
a:hover { background-color: transparent; text-decoration: none; color: orange; }
a:visited { background-color: transparent; text-decoration: none; color: #715937; }

.different a:link { background-color: transparent; text-decoration: none; color: yellow; }
.different a:hover { background-color: transparent; text-decoration: none; color:#ffffcc; }
.different a:visited { background-color: transparent; text-decoration: none; color: yellow; }

#wrapper {
margin: 0px auto;
padding-bottom: 10px;
width: 800px;
border-top: 12px solid #000;
border-right: 2px solid #006600;
border-left: 2px solid #006600;
background: #000;
color: #ccc;
}

#wrapper-home {
margin: 0px auto;
padding-bottom: 10px;
width: 835px;
border-top: 10px solid #000;
border-right: 2px solid #006600;
border-left: 2px solid #000;
background: #000;
color: #ccc;
}


#header {
margin: 0px auto;
height: 100px;
margin-bottom: 10px;
border-left: 12px solid #000;
border-right: 12px solid #000;
padding: 5px 10px 5px 8px;
background-color:#669900;
background-repeat: no-repeat;
background-position: 450px 35px;
}


#header-old {
margin: 0px auto;
height: 150px;
margin-bottom: 10px;
padding: 5px 10px 5px 8px;
border-left: 10px solid #000;
border-right: 10px solid #000;
background-color:#669900;
background-image: url(http://peopleinneed.info/images/uploads/smallglobe.jpg); 
background-repeat: no-repeat;
background-position: 450px 35px;
}

#header-home {
margin: 0px auto;
height: 120px;
margin-bottom: 10px;
border-left: 10px solid #000;
border-right: 10px solid #000;
padding: 5px 10px 5px 8px;
background-color:#669900;
background-repeat: no-repeat;
background-position: 450px 35px;
}





#blogtitle {
float: left;
margin: 0;
padding: 0;
padding-top:7px;
width: 400px;
text-align: left;
}

/* #blogtitle h1 {
margin: 0;
padding: 0;
font: 'blown deadline';
font-size: 160%;
letter-spacing: 0.1em;
text-align: left;
} */

#nav {
float: left;
margin: 0;
padding: 0;
width: 350px;
text-align: right;
background: transparent;
color: red;
font-size: 70%;
font-variant: small-caps;
letter-spacing: 0.09em;
}

#content {
float: left;
margin-bottom: 10px;
padding: 0 10px;
}

#needbox {
float: left;

/* Start hide from IE-Mac \*/
* html #wrapper 
{
height: 1%;
}
/* End Hide from IE-Mac */ 


margin-right: 8px;
margin-left: 2px;
padding: 10px;
border: 1px solid #ccc;
width: 548px;
background: #fff;
color: #444;
font-size: 80%;
text-align: left;
select background-color: yellow;
}



#needbox2 {
float: left;
margin-right: 3px;
margin-left: 2px;
padding: 10px;
border: 1px solid #000000;
width: 547px;
background: #fff;
color: #444;
font-size: 80%;
text-align: left;
select background-color: yellow;
}



#needbox-home {
float: left;

/* Start hide from IE-Mac \*/
* html #wrapper 
{
height: 1%;
}
/* End Hide from IE-Mac */ 

margin-right: 8px;
margin-left: 0px;
padding: 0px;
border: 1px solid #ccc;
width: 813px;
background: #fff;
color: #444;
font-size: 80%;
text-align: left;
select background-color: yellow;
}


#home {
float: left;
margin-right: 2px;
margin-left: 2px;
padding: 0px;
width: 900px;
background: #fff;
color: #444;
text-align: left;
background: url("http://peopleinneed.info/images/uploads/home15.gif") no-repeat 0 0;
select background-color: yellow;
}



#contentbox {
float: left;
padding: 10px;
border: 1px solid #ccc;
width: 172px;
margin:0 auto;
color: #333;
font-size: 80%;
background-color:white;
}

#contentbox1 {
float: left;
margin-left: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 172px;
color: #333;
text-align: left;
font-size: 80%;
background-color:#FFFFE6;
cursor:help;
}

#contentbox1:hover {
background-color:#FFFF84;
}

#contentbox2 {
float: left;
margin-left: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 172px;
color: #333;
text-align: left;
font-size: 80%;
background-color:#EBF9E3;
cursor:help;
}

#contentbox2:hover {
background-color:#C5FFB0;
}

#contentbox3 {
float: left;
margin-left: 12px;
padding: 10px;
border: 1px solid #ccc;
width: 172px;
color: #333;
text-align: left;
font-size: 80%;
background-color:#FFB90F;
cursor:help;
}

#contentbox3:hover {
background-color:#EED5D2;
}

#helpbox {
float: left;
margin-left: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 172px;
background: #fff;
color: #333;
text-align: left;
font-size: 80%;
}

#detailsbox {
float: left;
margin-right: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 755px;
background: #fff;
color: #333;

text-align: left;
}

#sidebox {
float: right;
margin-left: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 140px;
color: #333;
text-align: left;
font-size: 80%;
background-color:white;
}

#picturebox{
    text-align:center;
}

#picturebox1{
float: left;
padding: 10px;
border: 1px solid #ccc;
width: 172px;
margin:0 auto;
color: #333;
text-align: center;
font-size: 80%;
background-color:white;
}

#picturebox{
    text-align:center;
}

#picturebox2{
float: right;
padding: 10px;
border: 1px solid #ccc;
width: 150px;
margin:0 auto;
color: #333;
text-align: center;
font-size: 80%;
background-color:white;
}


#emptyphotobox {
margin: 0 auto;
padding-left: 0px; 
padding-right: 0px; 
width: 100px;
color: #333;
font-size: 80%;
background-color:white;
}

#middlebox {
float: left;
margin-left: 5px;
margin-bottom: 25px;
padding: 10px;
border: 1px solid #ccc;
width: 245px;
height: 100px;
color: #233;
text-align: left;
background-color:white;
}

#middleboxright {
float: right;
margin-left: 5px;
margin-bottom: 25px;
padding: 10px;
border: 1px solid #ccc;
width: 245px;
height: 100px;
color: #333;
text-align: left;
background-color:white;
}

#transparentphoto{
background-color: #FFCC66;
background-image: url(http://www.peopleinneed.info/images/uploads/natural17.jpg);  

opacity:0.4;filter:alpha(opacity=40);

background-repeat: no-repeat;
background-position: right;
}


#footer {
margin: 0px;
padding: 5px 15px;
color: black;
background: black;
background-repeat: repeat;
background-repeat: repeat;
}



.date {
font-size: 100%;
background: transparent;
color: #000;
}

.title {
font-size: 130%;
font-weight: normal;
font-family: georgia, times new roman, times, serif;
letter-spacing: 0.07em;
background: transparent;
color: #336600;
border-top: 2px solid purple;
padding-top: 4px;
border-bottom: 1px solid #ddd;
}

p.title {
font-size: 130%;
font-weight: normal;
background: transparent;
color: #336600;
border-top: 2px solid purple;
padding-top: 4px;
border-bottom: 1px solid #ddd;
}

a.pushbut {
color:#26a;
display:block;
border:1px solid;
border-color:#aaa #000 #000 #aaa;
text-decoration:none;
width:8em; text-align:center;
height:2em; line-height:2em;
background:#fc0; font-weight:bold
}

a.pushbut:hover
{
color:#26a;
background:#ffd633;
position:relative;
top:1px;
left:1px;
border-color:#000 #aaa #aaa #000
}



.heading {
text-align: center;
font-size: 180%;
background: transparent;
color: #336600;
border-top: 1px solid #ddd;
padding-top: 10px;
padding-bottom: 19px;
border-bottom: 3px solid purple;
}

.posted {
margin-bottom: 30px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
background: transparent;
color: #666;
}

.mailinglist {
margin: 10px 0;
float:right;
font-size: 90%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #666600;
}

.sidetitle {
margin: 10px 0;
font-size: 115%;
letter-spacing: 0.09em;
font-weight: normal;
background: transparent;
color: #666600;
border-bottom: 1px dotted #ccc;
}

.spacer {
clear: both;
}

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #000;
}

.calendarBlank {
 background-color: #9DB7A7;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #663300;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}


/*
    Formatting Buttons - I can erase most of these
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: transparent;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}
 


.style1 {
float: left;

background-image: url(http://peopleinneed.info/images/uploads/openquote2.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;

font-family: Arial,Helvetica,Georgia; 
font-size: 12px;
font-weight: normal;
border: 1px solid black; 
width: 192px;
margin-left: 8px;
padding-left: 5px; 
padding-bottom: 15px; 
padding-top: 15px; 
color: black;
background: #fff;
}


.style1 span {
display: block;
background-image: url(http://peopleinneed.info/images/uploads/closequote2.gif);
background-repeat: no-repeat;
background-position: bottom right;
margin-right: 5px; margin-bottom: 15px;
}



/*
 blockquote.style1 {
  font: 14px/20px italic Times, serif;
  padding: 5px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 10px;
  }

  blockquote.style1 span {
   }
*/








div#box a {
text-align: center; 
margin:0 auto;
display: block;
width: 515px;
margin-bottom: 10px;
padding: 15px;
border: 1px solid #ccc;
color: #233;
text-align: center;
background-color:#FFFFD5;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box a:hover{
background: #8B0000;
color: #F0E68C;
background-color:#9ACD32;
}

div#box16 {
text-align: center; 
margin:0 auto;
display: block;
width: 545px;
color: #233;
border: 1px solid #ccc;
text-align: center;
background-color:#D8EBAF;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box1 a {
text-align: center; 
float: left;
margin-left: 5px;
padding: 10px;
border: 1px solid #ccc;
width: 172px;
color: #333;
font-size: 80%;
background-color:#FFFFD5;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box1 a:hover{
background: #8B0000;
background-color:#FFFF84;
}


#box2 {
float: left;
width: 172px;
margin-left: 10px;
margin-bottom: 0px;
padding: 10px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
color: #333;
font-size: 80%;
background-color:#fff;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}



div#box3 a {
float: left;
display: block;
width: 172px;
height: 70px;
margin-left: 10px;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #006600;
color: #333;
font-size: 80%;
background: #FFB90F url('http://peopleinneed.info/images/uploads/smiles_-_small.jpg') no-repeat center;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box3 a:hover {
height: 70px; 
color: #fff;
background: #FFFFB9 url('http://peopleinneed.info/images/uploads/smilesiii.JPG') no-repeat center;
/* background-color:#FFA500; */
}



div#box4 a {
float: left;
display: block;
width: 172px;
height: 70px;
margin-left: 10px;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #006600;
color: #333;
font-size: 80%;
background: #FFB90F url('http://peopleinneed.info/images/uploads/my_partnership_-_med.jpg') no-repeat center;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box4 a:hover {
height: 70px; 
color: #fff;
background: #FFFFB9 url('http://peopleinneed.info/images/uploads/partnership6.jpg') no-repeat center;
/* background-color:#FFA500; */
}



div#box5 {
float: left;
display: block;
width: 172px;
height: 75px;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 20px;
padding-top: 15px;
border: 1px solid #006600;
color: #333;
font-size: 80%;
background-color:#FFB90F;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}



div#box6 a {
float: left;
display: block;
width: 172px;
height: 75px;
margin-left: 10px;
margin-bottom: 10px;
padding: 10px;
border: 1px solid #006600;
color: #000;
font-size: 80%;
background-color:#FFB90F;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box6 a:hover {
height: 75px; 
color: #000;
background-color:#EEEE00;
}


div#boxcommunity a {
float: left;
display: block;
width: 172px;
height: 70px;
margin-left: 10px;
margin-bottom: 15px;
padding: 10px;
border: 1px solid #006600;
color: #333;
font-size: 80%;
background: #FFB90F url('http://peopleinneed.info/images/uploads/flowersii.jpg') no-repeat center;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#boxcommunity a:hover {
height: 70px; 
color: #fff;
background: #FFFFB9 url('http://peopleinneed.info/images/uploads/flowersv.jpg') no-repeat center;
/* background-color:#FFA500; */
}




div#joinbox a {
display: block;
height: 155px;
border: 1px solid green; 
margin-right:100px; 
margin-left:100px; 
padding-top: 15px; 
padding-left: 20px; 
padding-right: 20px; 
padding-bottom: 35px; 
font-family: Garamond, serif;
color: #000000;
}


div#joinbox a:hover {
font-weight: bold;
color: #ffffff;
background: #FFFF33 url('http://peopleinneed.info/images/uploads/flowersVIII.jpg') no-repeat center;
}



div#hoverbox a {
display: block;
border: 1px solid #669900; 
font-size: 120%;
text-align: center;
margin-right:325px; 
padding-top: 8px; 
padding-left: 5px; 
padding-right: 5px; 
padding-bottom: 5px; 
font-family: Helvetica, verdana, sans-serif;
color: #000000;
}

div#hoverbox a:hover {
font-weight: bold;
color: #ffffff;
background-color: #9ACD32;
}



div#hoverbox2 a {
display: block;
border: 1px solid green; 
font-size: 120%;
text-align: center;
margin-left: 95px;
margin-right:5px; 
padding-top: 5px; 
padding-left: 5px; 
padding-right: 5px; 
padding-bottom: 5px; 
font-family: Helvetica, verdana, sans-serif;
color: #000000;
}

div#hoverbox2 a:hover {
font-weight: bold;
color: #ffffff;
background-color: #9ACD32;
}


div#hoverbox3 a {
display: block;
border: 1px solid green; 
font-size: 120%;
text-align: center;
height: 80px; 
margin-left: 0px;
margin-right:0px; 
padding-top: 5px; 
padding-left: 5px; 
padding-right: 5px; 
padding-bottom: 5px; 
font-family: Helvetica, verdana, sans-serif;
color: #000000;
}

div#hoverbox3 a:hover {
font-weight: bold;
color: #ffffff;
background-color: #9ACD32;
}

div#hoverbox4 a {
display: block;
border: 1px solid green; 
font-size: 100%;
text-align: center;
height: 60px; 
margin-left: 0px;
margin-right:0px; 
padding-top: 5px; 
padding-left: 5px; 
padding-right: 5px; 
padding-bottom: 5px; 
font-family: Helvetica, verdana, sans-serif;
color: #000000;
}

div#hoverbox4 a:hover {
font-weight: bold;
color: #ffffff;
background-color: #9ACD32;
}


div#box7 {
float: left;
display: block;
margin-left: 10px;
width: 192px;
color: #006400;
background-color:#fff;
}

div#box7 a:hover {
color: #000;
background-color:#fff;
}



div#box8 a {
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box8 a:hover {
height: 75px; 
color: #fff;
background-color:#FFA500;
}


div#box9 a {
}

div#box9 a:hover {
color: #fff;
background-color:#ff00ff;
}


div#marginbox {
float: left;
display: block;
margin:0px auto;
margin-bottom: 18px;
margin-left: 8px;
width:171px;
height: 120px;
padding:10px;
background-color: #FFB90F;
border:1px solid #006600;
cursor: help;
}


div#marginbox a:hover {
color: red;
background: white;
}



div#marginbox2 {
float: left;
display: block;
margin:0px auto;
margin-bottom: 18px;
margin-left: 8px;
width:171px;
height: 80px;
padding:10px;
background: #FFFFB9 url('http://peopleinneed.info/images/uploads/flower.jpg') no-repeat center;
background-color: #CD3700;
border:1px solid black;
}



p.text {
position:relative;
font-size: 90%;
width:166px;
text-align:center;
border:2px solid #FEE0C6;
padding:5px;
left:-4px;
color:black;
background:white;
filter:alpha(opacity=80);opacity:.80;
cursor: help;
}

div#marginbox2 a:hover {
color: red;
background: white;
}





div#box10 a {
float: left;
display: block;
width: 174px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: -4px;
padding: 10px;
color: #000;
font-size: 80%;
background:  url(http://peopleinneed.info/images/uploads/greengradientboxVI.jpg) no-repeat center;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box10 a:hover {
color: #339900;
}


div#box17 a {
float: left;
display: block;
width: 174px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: -4px;
padding: 10px;
color: #000;
font-size: 80%;
background:  url(http://peopleinneed.info/images/uploads/greengradientboxVI.jpg) no-repeat center;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box17 a:hover {
background: #C3FDB8 ;
color: #339900;
}


div#box11 a {
float: left;
display: block;
width: 172px;
margin-left: 10px;
margin-bottom: 0px;
padding: 10px;
border-left: 1px solid #006600;
border-right: 1px solid #006600;
color: #000;
font-size: 80%;
background: #fff url(http://peopleinneed.info/images/uploads/yellow_green.gif) repeat-x bottom left;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}


div#box11 a:hover {
color: #339900;
background: #fff url(http://peopleinneed.info/images/uploads/yellow_stripe.gif) repeat-x bottom left;
}


div#box12  {
float: left;
display: block;
width: 172px;
margin-left: 10px;
margin-bottom: 0px;
padding: 10px;
border-left: 1px solid #006600;
border-right: 1px solid #006600;
font-size: 80%;
background: #A1C071;

font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}

div#box13 {
float: left;
display: block;
width: 172px;
margin-left: 10px;
margin-bottom: 0px;
padding: 10px;
border-left: 1px solid #006600;
border-right: 1px solid #006600;
color: #000;
font-size: 80%;
background: #fff  repeat-x bottom left;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}



div#box14 a {
float: left;
display: block;
width: 172px;
margin-left: 10px;
margin-bottom: 0px;
padding: 10px;
border-right: 1px solid green; 
border-left: 1px solid green; 
color: #000;
font-size: 80%;
background: #fff ;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}


div#box14 a:hover {
color: #339900;
background: #C3FDB8 ;
}


div#blockquote {
float: left; 
clear:both; 
display: block; 
margin-bottom: 18px; 
margin-left: 10px; 
width:172px; 
padding-top: 5px; 
padding-bottom: 0px; 
padding-left: 10px;
padding-right: 10px;
color: #000000;
background: #fff url(http://peopleinneed.info/images/uploads/gradient.jpg) repeat-x bottom left;
border-left:1px solid #006600;
border-right:1px solid #006600;
border-bottom:1px solid #006600;
 text-align: left; 
}


div#communitybox {
float: left; 
clear:both; 
display: block; 
margin-bottom: 3px; 
margin-left: 10px; 
width:172px; 
padding-top: 5px; 
padding-bottom: 0px; 
padding-left: 10px;
padding-right: 10px;
background-color: #fff;
color: #000;
border-left:1px solid #006600;
border-right:1px solid #006600;
 text-align: left; 
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}




//* table 
//* I might have to add this back for Comments section
//* { border-collapse: collapse; } 
//* tr 
//* { border: 4px solid #CAFF70; } 
//* th 
//* { background-color: #fff; border: 1px dotted; text-align: left; } 
//* td 
//* { border: 1px dotted; background-color: #fff; vertical-align: top; }




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.commentabove{
background: url(http://peopleinneed.info/images/uploads/arrow_II.jpg) 130px 5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 0px;
padding-top: -0px;
margin-top: -10px;
margin-bottom: -12px;
font-size: 90%;
color: #4A4A4A;
}

.commentbox{
background-color: #ececec;
width: 182px;
padding: 0px;
font-size: 80%;
text-decoration: none; 
margin-bottom: 0px;
margin-left: -5px;
margin-right: -5px;
}

.commentabove-community{
background: url(http://peopleinneed.info/images/uploads/arrow_II.jpg) 135px  no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
float:left; 
width: 270px;
padding-left: 0px;
padding-top: -0px;
margin-top: 10px;
margin-bottom: -3px;
font-size: 120%;
font-weight: bold;
color: #4A4A4A;
}

.commentbox-community{
background-color: #ececec;
width: 270px;
padding: 0px;
font-size: 100%;
text-decoration: none; 
padding-left: 5px;
margin-bottom: 0px;
margin-left: 40px;
margin-right: -5px;
}


div#tree {
width: 700px;
height: 700px;
background: url('http://peopleinneed.info/images/uploads/tree.jpg') no-repeat center;
font-family: "Century Gothic", verdana, arial, helvetica, sans-serif;
}


div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; bottom: -55px; left: -145px; width: 325px;
   padding: 0px; margin: -5px; z-index: 10;
   color: red; background: white;
   font: 13px Verdana, sans-serif; text-align: center;}