body {

	font: .95em Verdana, Arial, Helvetica, sans-serif;

	color: #FFF;

	background-image: url("images/background001a.jpg");

}

* {

	margin: 0px;

	padding: 0px;

}

img {

	padding: 0px;

	margin: 0px;

	border: 0px;

}

	

a:link {
	text-decoration: none;
	color: #cacaca;
}
a:visited {
	text-decoration: none;
	color: #cacaca;
}
a:hover {
	text-decoration: none;
	color: #ff0000;
}
a:active {
	text-decoration: none;
	color: #cacaca;
}
a {

font-family: Verdana, Arial, Helvetica, sans-serif;

}



h1 span, h2 span, h3 span, a span { display: none; }

ul { list-style-type: none; }

.clearer { clear: both; }

.bpadd { padding-bottom: 13px; }

#container {

	position: relative;

	z-index: 0;

	width: 900px;

	/*white border around container*/
	
	padding: 5px;

	margin: 0 auto;

	margin-top: 30px;

	background-color: #ffffff;

}

#inner { width: 900px; }

#top  h1 {

	width: 900px;
	
	height: 191px;
	
	background: url(images/cright-bg.gif) 0 0 no-repeat;

}

/*to lengthen the middle portion of the home page - increase to add more links*/
#bottom h3 {

	width: 900px;

	height: 0px;

	background: #1A1A1A url(images/) 0 0 no-repeat;

}

#footer {

	width: 905px;

	padding: 20px 0px;

	margin: 0 auto;

	text-align: right;

	color: #040404;
	font: .75em Verdana, Arial, Helvetica, sans-serif;

}

/*********************************/

#livechat-c, #backdrop {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 100;

	width: 100%;

	height: 140%;

	min-height: 100%;

	background-color: #000;

	opacity: 0.3;

	-moz-opacity: 0.3;

	filter: alpha(opacity=30);

}

#livechat-c[id], #backdrop[id] { position: fixed; height: 100%; }



#livechat {

	display: none;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 200;

	width: 300px;

	height: 300px;

	margin: -150px 0px 0px -150px;

	background: transparent url(images/loading.gif) center center no-repeat;

}

#livechat a {

	display: block;

	float: right;

	width: 100px;

	height: 30px;

	background: transparent url(images/a-close.gif) 0 0 no-repeat;

}

#livechat[id] a { background-image: url(images/a-close.png); }

#livechat a:hover { background-position: 0 -30px; }



#showWork {

	display: none;

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 200;

	width: 680px;

	min-height: 520px;

	padding: 20px;

	margin: -280px 0px 0px -360px;

	background-color: #FAFAFA;

	color: #1A1A1A;

}

.inprogress {

	background: #FAFAFA url(images/loading.gif) center center no-repeat;

}

.loaded { background-color: #FAFAFA; }

#proj-header {

	float: left;

	width: 500px;

	height: 50px;

	text-transform: uppercase;

}

#proj-header h3 { font-size: 1.6em; }

#proj-header a { font-size: 0.75em; letter-spacing: 0.05em; font-weight: bold; color: #1A1A1A; }

#proj-header a:hover { color: #ff0000; }

#close-work {

	float: right;

	width: 170px;

}

#close-work a {

	display: block;

	float: right;

	width: 100px;

	height: 30px;

	background: transparent url(images/work-close.gif) 0 0 no-repeat;

}

#close-work[id] a { background-image: url(images/work-close.png); }

#close-work a:hover { background-position: 0 -30px; }



#moreimages {

	float: right;

	text-align: right;

	width: 170px;

	font-size: 0.75em;

	letter-spacing: 0.05em;

	font-weight: bold;

	text-transform: uppercase;

}

#moreimages a:hover { color: #B2BC6B; }

.curimage { text-decoration: none; color: #B2BC6B; }

.ncurimage { text-decoration: underline; color: #1A1A1A; }

#proj-image {

	clear: both;

	width: 680px;

	padding: 10px 0px;

	text-align: center;

}

#proj-description {

	clear: both;

	width: 680px;

	font-size: 0.8em;

	letter-spacing: 0.05em;

	font-weight: bold;

}

#proj-description p { padding-top: 10px; }

#proj-description p.p-first { padding-top: 0px; }



#what-l { float: left; width: 388px; height: 250px; margin: 20px 0px; 
font-size: 0.85em; background: #1A1A1A /*black background pic*/ url(images/contact-l-bg.gif) 0 0 no-repeat; }

#what-l a:hover { color: #ff0000; }
.wleft, .wright { float: left; width: 190px; padding: 10px;    }

.wright { width: 388px; text-align: right; background: transparent url(images/contact-l-bg.gif) bottom right no-repeat; }


#what-r { float: right; width: 388px; height: 250px; padding: 20px 0px; }



#contact-l { float: left; width: 455px; height: 285px; margin: 20px 0px; 
font-size: 0.85em; background: #1A1A1A /*black background pic*/ url(images/contact-l-bg.gif) 0 0 no-repeat; }

#contact-l a:hover { color: #ff0000; }
.cleft, .cright { float: left; width: 190px; padding: 10px;    }

.cright { width: 220px; text-align: right; background: transparent url(images/contact-l-bg.gif) bottom right no-repeat; }


#contact-r { float: right; width: 433px; height: 285px; padding: 20px 0px; }

#a-livechat {

	display: block;

	width: 433px;

	height: 285px;

	background: #ff0000 url(images/livechat.gif) 0 0 no-repeat;

}






#close-donors {

	float: right;

	width: 170px;

}

#close-donors a {

	display: block;

	float: right;

	width: 100px;

	height: 30px;

	background: transparent url(images/work-close.gif) 0 0 no-repeat;

}

#close-aboutus[id] a { background-image: url(images/work-close.png); }

#close-aboutus a:hover { background-position: 0 -30px; }

#proj-image {

	clear: both;

	width: 680px;

	padding: 10px 0px;

	text-align: center;

}

#proj-description {

	clear: both;

	width: 680px;

	font-size: 0.8em;

	letter-spacing: 0.05em;


}

#proj-description p { padding-top: 10px; }

#proj-description p.p-first { padding-top: 0px; }


/*chat window*/

 

 /*contact*/

#contact-s h2, #contact-h h2 { width: 211px; background-image: url(images/h2-contact-s.gif); }

#contact-h h2 { width: 455px; background-image: url(images/h2-contact-h.gif); }

/*click here to launch livechat box*/
	


#contact-s,  #donors-s, #manifesto-s, #events-s { /*display: none;*/ }


#contact-s { background: url(images/aboutus-bg.gif) 0 0 no-repeat; }

#why-s { background: url(images/aboutus-bg.gif) 0 0 no-repeat; }

#donors-s { background: url(images/aboutus-bg.gif) 0 0 no-repeat; }

#aboutus-s { background: url(images/aboutus-bg.gif) 0 0 no-repeat; }

#getinvolved-s { background: url(images/aboutus-bg.gif) 0 0 no-repeat; }

#events-s { background: url(images/aboutus-bg.gif) 0 0 no-repeat; }

#contact-s h2, #contact-h h2, #donors-s h2, #donors-h h2,

#aboutus-s h2, #aboutus-h h2, #why-s h2, #why-h h2, #getinvolved-s h2, #getinvolved-h h2, #events-s h2, #events-h h2 {

	display: block;
/*changes the height of the drop down box link on home page*/
	height: 44px;
	background: #1A1A1A 0 0 no-repeat;

}

#contact-s h2, #why-s h2, #work-s h2, #aboutus-s h2, #getinvolved-s h2, #events-s h2 { cursor: pointer; }

#why-h h2, #donors-h h2, #aboutus-h h2, #getinvolved-h h2, #events-h h2,   { background: transparent 0 0 no-repeat; }

#contact-s h2:hover, #services-s h2:hover, #why-s h2:hover, #donors-s h2:hover, #aboutus-s h2:hover, 
#getinvolved-s h2:hover, #events-s h2:hover   
{ background-position: 0 -49.50px; }





/*nav menu bar*/
#contact-s h2 { width: 211px; background-image: url(images/h2-contact-s.gif); }

#contact-h h2 { width: 455px; background-image: url(images/h2-contact-h.gif); }

#why-s h2 { width: 211px; background-image: url(images/h2-why-s.gif); }

#why-h h2 { width: 900px; background-image: url(images/h2-why-h.gif); }

#donors-s h2 { width: 211px; background-image: url(images/h2-donors-s.gif); }

#donors-h h2 { width: 900px; background-image: url(images/h2-donors-h.gif); }

#aboutus-s h2 { width: 211px; background-image: url(images/h2-aboutus-s.gif); }

#aboutus-h h2 { width: 900px; background-image: url(images/h2-aboutus-h.gif); }

#getinvolved-s h2 { width: 211px; background-image: url(images/h2-getinvolved-s.gif); }

#getinvolved-h h2 { width: 900px; background-image: url(images/h2-getinvolved-h.gif); }

#events-s h2 { width: 211px; background-image: url(images/h2-events-s.gif); }

#events-h h2 { width: 900px; background-image: url(images/h2-events-h.gif); }


#contact-h, #donors-h, #aboutus-h, #events-h { clear: both; }



 #donors-h li {

	float: left;

	width: 375px;

	margin: 0px 0px 5px 25px;

	background: transparent url(images/li-bg.gif) 0 0 repeat;
		color: #000000;

}





#aboutus p {

	width: 900px;
	font-size: 0.85em;
	text-align: left;
	color: #ffffff;  
	background-color: #000000;
	padding-bottom: 15px;
	padding-left: 15px;  
}

#aboutus  {

	width: 900px;
	font-size: 0.85em;
	text-align: left;
	color: #ffffff;  
	background-color: #000000;
	
}


#why p {

	width: 875px;
	font-size: 0.95em;
	text-align: center;
	color: #ffffff; 
	padding-bottom: 15px;
	padding-left: 15px;  
	background-color: #000000;
}


#why  {

	width: 900px;
	font-size: 0.95em;
	text-align: left;
	color: #ffffff; 
 
	background-color: #000000;
}


#events p {

	width: 880px;
	font-size: 0.85em;
	text-align: center;
	color: #ffffff;
	padding-bottom: 15px;
	padding-left: 10px; 
	background-color: #000000;

}
#events  {

	width: 890px;	
	color: #ffffff;
	padding-right: 10px;
	background-color: #000000;

}

#getinvolved p {
	text-align: center;
	width: 900px;
	font-size: 0.85em;
	text-align: left;
	color: #ffffff;
	padding-bottom: 15px;
	padding-left: 15px;  
	background-color: #000000;

}

#getinvolved-h {
 
	background-color: #000000;

}

li.sleft, li.wleft { margin-left: 0px !important; }



html, body {

	height: 100%;

	min-height: 100%;

}


table.links tr td{padding:0px 15px 0px 0px;}
	table.links tr td a {
	color:#ffffff;
	text-decoration:none;
	padding-left: 10px;
	}
	table.links tr td a:HOVER {
		color: #ff0000;
	}