/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.	RESET

2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.	FORMS
3.a  General form styles
3.b  Individual forms

4.	PLUGINS

5.	PRINT


/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements

------------------------------------------------------------------*/

@media handheld, projection, screen, print {

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left }
img, fieldset, abbr, acronym { border: 0 }
ul, ol { list-style: none; list-style-position: outside }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }


} @media handheld, projection, screen {


/*------------------------------------------------------------------

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/

* b {font-weight:bold}

body {
	background: #f81b2d url(../images/body_bg.jpg) no-repeat center 0;*/
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.67em;
	text-align: center;
    margin: 0;
}

body a, body a img {
	border: 0;
}

#headerHome { 
    background: #f81b2d url(../images/bg_home.png) no-repeat center 0;
    height:392px;
}

p, ul, ol, table, dl, dd, pre { margin: 0 0 1.67em }

ul, ol { padding-left:0;
      list-style-type:none;}

strong { font-weight: bold }
em { font-style: italic }
code, pre { font-family: "Courier New", Courier, monospace }
dt { font-weight: bold }
dd { font-style: italic }
cite { font-style: italic }
q { font-style: italic }
blockquote { font-style: italic; padding: 0 2.67em }

abbr, acronym { border-bottom: 1px dotted; cursor: help }


/* Headlines
-------------------------------
[?] Always define: font-size - line-height - margin
*/

h1 {
	font-size: 3em;
	margin: 1em 0 .4em;
}
h2 {
	font-size: 1.83em;
	font-weight: bold;
	margin: .8em 0 .4em;
}
h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 0 .7em;
}
h4 {
	font-size: 1.33em;
	margin: -10px 0 .4em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 .4em;
}
h6 {
	font-size: .92em;
	margin: 1em 0 .4em;
}


/* Anchors
-------------------------------*/

a, a:link, a:visited {
	color: #22577a;
	cursor: pointer;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}


/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 1008px;
	position: relative;
    background: url(../images/bg.jpg) no-repeat center 0;
}
	#header, #content {
		float: left; display: inline;
		clear: both;
		position: relative;
	}
	#header { height: 172px; width: 100% }	

		#logo { margin: 0 }

			#logo a {
				background: url(../images/logo.gif) no-repeat;
				height: 85px; width: 316px;
				position: absolute;
				top: 6px; left: 1px;
			}
			
			#tagline {
				background: url(../images/tagline.jpg) no-repeat;
				height: 14px; width: 887px;
				margin: 0;
				position: absolute;
				top: 111px; left: 19px;
			}			

	#content {
		padding: 0 0 1em;
		width: 100%;
	}

    #content {
        padding: 15px 0 0;
    }

	#home #content { padding: 36px 0 0; margin: 0 0 -30px; z-index: 9999 }

		#main {
			float: left;
			width: 663px;
		}
		#main.full-width { width: 100% }

		#sidebar {
			float: right;
			width: 318px;
		}

	#footer {
		background: url(../images/bg_footer.jpg) no-repeat;
		height: 110px; width: 994px;
		margin: 0 0 0 -46px;
		padding: 92px 0 0 60px;
	}
		#footer a {
			color: #000;
			text-decoration: none;
		}
			#footer a:hover { text-decoration: underline }

		#footer p { margin: 0 }


/*-------------------------------
2.c Navigations
-------------------------------*/

ul.nav { margin: 0; list-style-type:none; }


/* Main navigation
-------------------------------*/

#nav {
	background: url(../images/bg_nav.gif) repeat-x;
	-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	height: 38px; width: 884px;
	padding: 0 9px;
	position: absolute;
	top: 131px; left: 0;
}
#home #nav {
	position: absolute;
	top: 324px; left: 0;
}
	#nav li {
		float: left;
		line-height: 38px;
		padding: 0px 15px 0px 15px;
	}
		#nav li a {
			float: left;
			color: #fc6;
			font-size: 1.08em;
			font-weight: bold;
			text-transform: uppercase;
			display: block;
			text-decoration: none;
		}
		#nav li a:hover, #nav li a.active { color: #fc6 }


/* Footer navigation
-------------------------------*/

#footer ul.nav li, #footer ul.nav li a {
	color: #fc0;
	font-weight: bold;
	text-decoration: none;
}
#footer ul.nav li a:hover { text-decoration: underline }


/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/

/* General elements
-------------------------------*/

p#map {
	/*background: url(../images/map-nairobi.jpg) no-repeat;*/
	width: 317px; height: 229px;
	position: absolute;
	top: 50px; right: 0;
}

p.donate {
	position: absolute;
	top: 130px; right: 0;
}
#home p.donate {
	position: absolute;
	top: 323px; right: 0;
}
	p.donate a {
		background: url(../images/bt_donate.gif) no-repeat;
		width: 97px; height: 40px;
	}

p.also-on {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 60px;
	position: absolute;
	top: 7px; left: 670px;
}
	p.also-on span {
		position: absolute;
		top: 4px; left: 0;
	}

    p.also-on img {
        border: none;
    }

p.breadcrumbs {
	color: #fff;
	font-weight: bold;
	padding: 12px 0 0;
	margin: 0 0 1em;
}

p.breadcrumbs a,
p.breadcrumbs a:hover,
p.breadcrumbs a:active,
p.breadcrumbs a:visited {
	color: #fff !important;
}

h2#mainHeadline, h2#mainHeadline-alt {
	background: url(../images/bg_h2-mainheadline.jpg) no-repeat;
	color: #050505;
	font-size: 1.83em;
	font-weight: bold;
	height: 17px;
	margin: 0;
	padding: 10px 16px 26px;
}
h2#mainHeadline-alt { background: url(../images/bg_h2-mainheadline-2.jpg) no-repeat }

div.block {
	background-color: #fff;
	margin: 0 0 23px;
	padding: 15px 23px 5px;
}
#sidebar div.block { padding: 15px 13px 5px }

	#main div.block h2, #main div.block h3, #sidebar div.block h3 { margin-top: 0 }
	
#main div.block h4 {
	color: #666;
	font-size: 1.33em;
	font-weight: bold;
	margin: 0 0 .5em;
}

#main div.block.alt {
	min-height: 220px; height: auto !important; height: 220px;
	padding: 15px 350px 15px 13px;
	position: relative;
}
	#main div.block.alt div.img-shadow {
		position: absolute;
		top: 28px; right: 23px;
	}
	#main div.block.alt div.box h3 a { color: #050505 }

div.box {
	background-color: #efefef;
	margin: 0 0 5px;
	padding: 12px;
}

div.img-shadow {
	background: url(../images/bg_shadow-01.png) no-repeat right bottom;
	padding: 0 5px 2px 0;
	line-height: normal;
}

div.img-shadow.align-left {
	float: left;
	margin: .5em 1.5em .6em 0;
}
div.img-shadow.align-right {
	float: right;
	margin: .5em 0 1em 1.5em;
}
div.img-shadow.align-center {
	margin: 0 auto;
	width: 538px;
	padding-right: 11px;
}
#sidebar div.img-shadow.align-center {
	margin: 0 auto 1.3em;
	width: 179px;
}

div.img-shadow.align-center.img-profile {
	padding-right: 5px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

ul.project-list {
	margin: 0 0 0 -12px;
	padding: 0 0 25px 34px;
	width: 949px;
}
#home ul.project-list { margin: -14px 0 0 -6px }

	ul.project-list li {
		float: left;
		display: inline;
		margin: 0 0 20px 12px;
		padding: 198px 0 0;
		width: 302px;
		/*min-height: 192px; height: auto !important; height: 192px;*/
		position: relative;
	}
	#home ul.project-list li { margin-bottom: 0; min-height: 142px; height: auto !important; height: 142px }

		ul.project-list li div.img-shadow {
			background-position: center bottom;
			background-color: transparent;
			padding: 0 0 5px 0;
			width: 300px;
			position: absolute;
			top: 0; left: -5px;
			z-index: 9999;
			height: 202px
		}
		
		ul.project-list li div {
			background-color: #fff;
			margin: 0 0 0 6px;
			padding: 6px 9px 45px;
			width: 274px;
			position: relative;
		}
		#home ul.project-list li div { min-height: 80px; height: auto !important; height: 80px }

			ul.project-list li div h3 {
				font-size: 1.33em;
				margin: 0 0 .2em;
			}
				ul.project-list li div h3 a { color: #1d1d1d !important }

            ul.project-list li div h3 a:visited {
                text-decoration: none !important;
            }
			
			ul.project-list li div h3 a:hover {
				text-decoration: underline !important;
			}

			ul.project-list li div p {
				line-height: 1.5em;
				margin: 0;
			}
			ul.project-list li div p.link {
				width: 274px;
				position: absolute;
				bottom: 10px; left: 9px;
			}
				p.link a {
					font-size: 1.25em;
					color: #000 !important;
					font-weight: bold;
					text-transform: uppercase;
					display: block;
					margin: 10px 0 0;
				}
				p.link a.c1 { background: #f11e30 url(../images/ico_call.gif) no-repeat 6px 5px; padding: 4px 0 3px 46px;}
				p.link a.c2 { background: #f11e30 url(../images/ico_community.gif) no-repeat 6px 4px; padding: 4px 0 3px 43px }
				p.link a.c3{ background: #f11e30 url(../images/ico_business.gif) no-repeat 5px 3px; padding: 4px 0 3px 41px }

#content ul.results-list {
	margin:30px 0 0 0;
}
	#content ul.results-list li div.details {
		background: #FFFFFF;
		width:435px;
/*
		min-height:102px;
		height:auto !important;
		*/
		height:105px;
		overflow:hidden;
		margin: -122px 0 20px 216px;
		padding: 5px;
		position:relative;
	}
		#content ul.results-list li div.details p {
			font-size:12px;
			margin: 0px 0px 0px 8px;
			padding-top:5px;
			line-height: 18px;
		}
		#content ul.results-list li div.details p.posted-by {
			font-size:10px;
			font-weight:bold;
			color:#666666;
			margin: 5px 0 5px 8px;
			padding-top:5px;
		}
		#content ul.results-list li div.details h3 {
			font-size:15px;
			margin: 0 0 0 8px;
		}
	#content ul.results-list li div.img-shadow {
		background-position: center bottom;
		background-color: transparent;
		padding: 0 0 6px 1px;
		width: 216px;
		height: 122px;
		position: relative;
		top: 0; left: 0px;
		z-index: 9999;
	}

p.description, div.description {
	background-color: #fff;
	margin: -12px auto 25px;
	padding: 8px 12px;
	width: 944px;
}

p.description2, div.description2 {
	min-height:180px;
	height:auto !important;
	height:180px;
}

div.description {
	padding: 23px 23px 23px 220px;
	width: 725px;
	position: relative;
}
	p.description a, div.description a {
		font-weight: bold;
		text-decoration: none;
		padding: 0 0 0 10px;
	}
	div.description a { padding: 0 }

	div.description div.img-shadow {
		position: absolute;
		top: 23px; left: 23px;
	}
	div.description div.box { padding: 17px }

		div.description div.box h3 {
			font-size: 22px;
			margin: 0;
		}

div#recentlyActiveMembers {
	background: #302b2b url(../images/bg_recently-active-members.gif) repeat-x;
	padding: 20px 17px;
}
	div#recentlyActiveMembers h4 {
		float: left;
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		display: inline;
		margin: 0;
		width: 80px;
	}
		div#recentlyActiveMembers ul {
			float: left;
			display: inline;
			margin: 0;
		}
			div#recentlyActiveMembers ul li {
				float: left;
				display: inline;
				margin: 0 0 0 16px;
				width: 70px;
			}
				div#recentlyActiveMembers ul li a {
					color: #fff;
					font-size: .83em;
					line-height: 1em;
					display: block;
					text-decoration: none;
				}
					div#recentlyActiveMembers ul li a img { margin: 0 0 5px; display: block }

ul.success-stories {
	margin: 0 0 0 -20px;
    padding-left:0;
	width: 1028px;
}
	ul.success-stories li {
		float: left;
		background-color: #fff;
		display: inline;
		margin: 0 0 20px 20px;
		padding: 12px 12px 12px 244px;
		width: 238px;
		position: relative;
	}
		ul.success-stories li div.img-shadow {
			position: absolute;
			top: 12px; left: 12px;
		}
		ul.success-stories li h4 {
			font-weight: bold;
			margin: 0 0 .3em;
		}
			ul.success-stories li h4 a { color: #050505 !important }

		ul.success-stories li p {
			line-height: 1.42em;
			margin: 0 0 .5em;
		}
		ul.success-stories li div.box { padding: 7px }

			ul.success-stories li div.box p.post-meta {
				color: #867676;
				font-size: .83em;
				font-weight: bold;
				text-transform: uppercase;
			}
			ul.success-stories li div.box h5 { margin: 0 }

div.members-nav {
	color: #1e4966;
	position: absolute;
	top: 65px; right: 23px;
}
	div.members-nav p { padding: 0 20px 0 0 }

	div.members-nav ul, div.members-nav ul li, div.members-nav p { display: inline }

		div.members-nav ul li { padding: 0 0 0 20px }

ul.members-list {
	margin: 1em 0 1em -10px;
    padding:0;
	width: 972px;
}
	ul.members-list li {
		float: left;
		background-color: #efefef;
		display: inline;
		margin: 0 0 7px 10px;
		padding: 5px 12px;
		width: 209px;
	}

ul.member-comments {/* nothing here */}

	ul.member-comments li {
		margin: 0 0 15px;
		padding: 0 0 0 0px;
		position: relative;
        clear: both;
	}
	
	ul.member-comments li img {
		position:relative;
		float:left;
		margin-right:10px;
	}
	
	ul.member-comments li div.box {
		float:right;
        position:relative;
        width:700px;
       /* height: 122px;*/
        margin-bottom: 15px;

	}

		
	}
	
		ul.member-comments li div.img-shadow {
			position: absolute;
			top: 0; left: 0;
		}
		
		ul.member-comments li div.box { position: relative }
		
			ul.member-comments li div.box h4 { margin: 0 }
	
				div.box h4 a {
					color: #1d1d1d !important;
					font-size: 16px;
					font-weight: bold;
					margin: 0;
				}
			
			ul.member-comments li div.box img {
				position: absolute;
				top: 38px; left: 12px;
			}
			ul.member-comments li div.box p.post-meta.ico-comment {
				background: url(../images/ico_comment.gif) no-repeat 80px 6px;
				color: #867676;
				font-size: .83em;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0;
				padding: 0 0 0 98px;
			}
			ul.member-comments li div.box p { padding: 0 0 0 80px }

ul.updates { margin: 15px 0 0 ; list-style-type: none}

	ul.updates li {
		background-color: #fff;
		padding: 10px 80px 10px 230px;
		margin: 0 0 50px;
		position: relative;
	}
	
		ul.updates li div.img-shadow {
			position: absolute;
			top: -5px; left: 0;
		}
		ul.updates li p.post-meta {
			color: #867676;
			font-size: .83em;
			font-weight: bold;
			text-transform: uppercase;
		}
		ul.updates li p.comment-number , ul.results-list li p.comment-number {
			font-size: .83em;
			text-align: right;
			position: absolute;
			top: 10px; right: 10px;
		}
			ul.updates li p.comment-number a , ul.results-list li p.comment-number a {
				background: url(../images/ico_comment.gif) no-repeat right 1px;
				color: #867676;
				padding: 0 18px 0 0;
			}

		ul.updates li h4 {
			font-weight: bold;
			margin: 0;
		}
		ul.updates li p {
			line-height: 1.6em;
			margin: 0;
		}

div.article {
	margin: 1em 0 0;
	position: relative;
}
	div.article p.post-meta {
		color: #867676;
		font-size: .83em;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 1em;
	}
	div.article p.comment-number {
		background: url(../images/ico_comment.gif) no-repeat right 4px;
		color: #867676;
		font-size: .83em;
		text-align: right;
		padding: 0 18px 0 0;
		position: absolute;
		top: 0; right: 0;
	}

ul.comments-list {/* nothing here */}

	ul.comments-list li {
		background-color: #efefef;
		margin: 0 0 5px;
		padding: 10px 0 5px 94px;
		min-height: 87px; height: auto !important; height: 87px;
		position: relative;
	}
	ul.comments-list li.alt { background-color: #ffd265 }

		ul.comments-list li div.img-shadow {
			position: absolute;
			top: 12px; left: 12px;
		}
		ul.comments-list li p.post-meta {
			color: #867676;
			font-size: .83em;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0;
		}
		ul.comments-list li h4 { margin: 0 !important }

		ul.comments-list li p { line-height: 1.6em }

ul.donate-list {
	margin: 0 0 0 -20px;
	width: 1028px;
    padding: 0px
}

ul.magin-left {
	margin-left:10px !important;
}

	ul.donate-list li {
		float: left;
		background-color: #fff;
		display: inline;
		margin: 0 0 12px 20px;
		padding: 18px 20px 0px;
		width: 454px;
		position: relative;
	}
		ul.donate-list li h3 {
			font-size: 1.33em;
			font-weight: bold;
			margin: 0 0 .6em;
		}
			ul.donate-list li h3 a { color: #000 !important }

		ul.donate-list li div.img-shadow { float: left }

		ul.donate-list li div.align-right {
			float: right;
			margin: 0 0 1.5em;
		}
		ul.donate-list li p {
			line-height: 1.5em;
		}
		ul.donate-list li p.link {
			float: left;
			width: 202px;
			margin-left: -10px;
			_margin-left: -5px;
		}
		
		ul.donate-list li ul.donate-nav {
			float: right;
			width: 260px;
			margin: 0;
			padding: 0;
			margin-right: -10px;
			_margin-right: -5px;
		}
		
		ul.donate-list li ul.donate-nav li {
			float: none;
			position: static;
			padding: 0;
			margin: 0;
			width: auto;
		}
		/*
		ul.donate-list li p.link {
			margin: 0;
			width: 180px;
			position: absolute;
			bottom: 20px; left: 20px;
		}
		ul.donate-list li ul.donate-nav {
			position: absolute;
			bottom: 8px; right: 86px;
		}
			ul.donate-list li ul.donate-nav li {
				margin: 0 0 0 10px;
				padding: 0;
			}
				ul.donate-list li ul.donate-nav li span.tip {
					position: absolute;
					top: 0; right: -80px;
				}
*/
ol.how-it-works { margin: 0 }

	ol.how-it-works li {
		min-height: 155px; height: auto !important; height: 155px;
		padding: 0 0 0 260px;
		position: relative;
	}
		ol.how-it-works li img {
			position: absolute;
			top: 0; left: 0;
		}
		ol.how-it-works li p { line-height: 1.5em }

ol.how-to-donate {
	background-color: #efefef;
	padding: 20px;
}
	ol.how-to-donate li {
		background: url(../images/bullet-2.gif) no-repeat 0 8px;
		padding: 0 0 23px 15px;
	}
	ol.how-to-donate li.last { padding-bottom: 0 }

ul.goals {
	padding: 0 0 0 13px;
	margin: 0 0 1em;
}
	ul.goals li {
		background: url(../images/bullet-1.gif) no-repeat 0 10px;
		border-bottom: 1px solid #c4bdbd;
		padding: 3px 0 3px 12px;
	}

ul.left, ul.right {
	float: left;
	background-color: #efefef;
	padding: 12px;
	width: 119px;
}
ul.right { float: right }

	ul.left li, ul.right li {
		border-bottom: 1px solid #fff;
		margin: 0 0 5px;
		padding: 0 0 5px;
	}
	ul.left li.last, ul.right li.last { border: 0; margin: 0; padding: 0 }

	ul.left li strong, ul.right li strong { display: block }

ul.donate-nav { margin: 1.5em 0 1em; padding: 0px;}

ul.smallDonate li {
	float: left !important;
	padding-left: 8px !important;
}

ul.smallDonate li a img, ul.smallDonate li input {
	width: 108px;
	height: 45px;
}

	ul.donate-nav li {
		float: left;
		display: inline;
		padding: 0 8px 0 0;
		line-height: 1em;
		position: relative;
	}
		ul.donate-nav li span.tip {
			font-size: .83em;
			width: 72px;
			position: absolute;
			top: 0; right: -78px;
		}
		ul.donate-nav li a { color: #e92e35 !important }

			ul.donate-nav li a span {
				font-size: 1.33em;
				font-weight: bold;
				line-height: .88em;
				text-transform: uppercase;
			}

#sidebar div.box h4 {
	font-size: 1.67em;
	margin: 0;
}
#sidebar div.box ul.member-info {
	margin: 0;
	width: 268px;
}
	#sidebar div.box ul.member-info li { font-size: 1.17em }



/* Facebook
-------------------------------*/

body#facebook { background: #e82333 url(../images/bg_facebook.gif) repeat-x }

#facebook #wrap { width: 724px }

#facebook #header {
	background: url(../images/bg_facebook.jpg) no-repeat center 0;
	height: 214px; width: 760px;
	margin: 0 -18px;
}
	#facebook #logo a {
		position: absolute;
		top: 90px; left: 128px;
	}
	#facebook #tagline {
		background: url(../images/tagline_facebook.jpg) no-repeat;
		height: 12px; width: 713px;
		position: absolute;
		top: 12px; left: 18px;
	}
	#facebook p.donate {
		position: absolute;
		top: 48px; right: 18px;
	}

#facebook #main { width: 480px }

#facebook #sidebar { width: 225px }

#facebook #main div.block h2 { font-size: 1.5em }

#facebook #main div.block h3, #facebook #sidebar div.block h3, #facebook #content h3, #facebook #main div.block h4 { font-size: 1.17em }

#facebook ul.project-list {
	margin: 0 0 0 -18px;
	padding: 0;
	width: 742px;
}
	#facebook ul.project-list li {
		margin: 0 0 10px 18px;
		padding: 150px 0 0;
		width: 229px;
		min-height: 110px; height: auto !important; height: 110px;
	}
		#facebook ul.project-list li div.img-shadow {
			padding: 0 0 5px 0;
			width: 229px;
			position: absolute;
		}
		#facebook ul.project-list li div {
			width: 201px;
			min-height: 80px; height: auto !important; height: 80px;
			position: relative;
		}
			#facebook ul.project-list li div h3 { font-size: 1.17em }

				#facebook ul.project-list li div h3 a { color: #f00 }

			#facebook ul.project-list li div p {
				font-size: .83em;
				line-height: 1.5em;
			}
			#facebook ul.project-list li div p.link { width: 201px }

				#facebook p.link a.call { background: #f11e30 url(../images/ico_call.gif) no-repeat 6px 4px; padding: 4px 0 5px 46px }
				#facebook p.link a.community { background: #f11e30 url(../images/ico_community.gif) no-repeat 6px 3px; padding: 4px 0 5px 43px }
				#facebook p.link a.business { background: #f11e30 url(../images/ico_business.gif) no-repeat 5px 2px; padding: 4px 0 5px 41px }

#facebook ul.more-projects {
	margin: 0 0 0 -20px;
	width: 744px;
}
	#facebook ul.more-projects li {
		float: left;
		background-color: #fff;
		display: inline;
		margin: 0 0 12px 20px;
		padding: 10px;
		width: 208px; height: 32px;
	}
		#facebook ul.more-projects li h3 {
			font-size: 1.17em;
			font-weight: bold;
			line-height: 1.14em;
			margin: 0;
		}
			#facebook ul.more-projects li h3 a { color: #000 }

#facebook ul.donate-nav { margin: 1.5em 0 1em -20px; width: 220px }

	#facebook ul.donate-nav li {
		margin: 0 0 0 20px;
		padding: 0;
	}
		#facebook ul.donate-nav li span.tip {
			display: block;
			padding: 5px 0 0;
			position: static;
		}

#facebook div#comments div.block {/* nothing here */}

	#facebook div#comments div.block h3 {
		font-size: 18px;
		margin-top: 0;
	}
	#facebook div#comments div.block ul.comments-list li h4 { font-weight: bold }

#facebook #footer {
	background: none;
	margin: 0;
	padding: 20px 0 0;
	width: 724px;
}


.fixBlock {
	_padding-bottom: 40px !important;
}



/*------------------------------------------------------------------

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a General form styles
-------------------------------*/

/* Form elements
-------------------------------*/

input.text, select.select, textarea.textarea
{
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	padding: 3px;
}
input.text { width: 149px }
select.select { width: 200px }
textarea.textarea { height: 10em; width: 284px }

select.select.free { width: auto }

button.button {
	color: #000;
	cursor: pointer; 
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

input.submit {
	background: none;
	border: 0;
	cursor: pointer;
	color: #eb2132;
	font-size: 1.33em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
}


/* General forms
-------------------------------*/

form.form ol.fieldset {	/* nothing here */ }

	form.form ol.fieldset li.field {
		margin: 0 0 1em;
		position: relative;
	}
		form.form ol.fieldset li.field label {
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
		}

	form.form p.submit { /* nothing here */ }


/* Search Forms
-------------------------------*/

form.search {
	position: absolute;
	top: 9px; right: 0;
}
	form.search p.fields input.text {
		margin: 0 3px 0 0;
		padding: 2px;
		width: 98px;
	}
	form.search p.fields input.submit {
		background: url(../images/bt_submit.gif) no-repeat;
		border: 0;
		text-indent: -10000px;
		width: 16px; height: 16px;
	}


/*-------------------------------
3.b Individual forms
-------------------------------*/

form#account { width: 617px }

	form#account h3 { font-size: 1.33em }

	form#account ol.fieldset { margin: 5px 0 0 }

		form#account ol.fieldset li.field {
			display: block;
			clear: both;
			margin: 0;
			width: 100%;
			position: relative;
		}
			form#account ol.fieldset li.field div {
				float: left;
				display: inline;
				margin: 0 15px .5em 0;
			}
				form#account ol.fieldset li.field div label {
					font-weight: normal;
					margin: 0;
				}
					form#account ol.fieldset li.field div label span { color: #fe182b }

					form#account ol.fieldset li.field div label span.alt {
						color: #676767;
						font-size: 10px;
						margin: 0;
					}
				
				form#account ol.fieldset li.field div label.alt { display: inline }

				form#account ol.fieldset li.field div input.text.medium { width: 220px }

				form#account ol.fieldset li.field div input.text.large { width: 321px }

				form#account ol.fieldset li.field div select.select.short, form#account ol.fieldset li.field div input.text.short { width: 50px }

				form#account ol.fieldset li.field div input.file {
					margin: 0 10px 5px 0;
					width: 149px;
				}
				form#account ol.fieldset li.field div textarea.textarea { width: 321px }

			form#account ol.fieldset li.field div.alt {
				position: absolute;
				top: 0; right: 0;
			}
				form#account ol.fieldset li.field div.alt textarea.textarea {
					width: 220px;
					height: 274px;
				}
				
			form#account ol.fieldset li.field div.alt-2 {
				background-color: #dcdbdb;
				margin: 0 15px .5em 20px;
				padding: 10px 10px 0;
			}
				form#account ol.fieldset li.field div.alt-2 label { margin: 0 0 .5em }

				form#account ol.fieldset li.field div select.select.alt { margin: 36px 0 0 }

	form#account ol.fieldset.article-list { padding: 0 0 0 20px }

		form#account ol.fieldset.article-list li.field { margin: 0 0 .5em }

			form#account ol.fieldset.article-list li.field a { color: #1f77b4 }

			form#account ol.fieldset.article-list li.field span { margin: 0 0 0 20px }

				form#account ol.fieldset.article-list li.field span a {
					background-color: #dcdbdb;
					color: #e82333;
					font-size: .83em;
					padding: 3px 5px;
				}

form#comment {/* nothing here */}

	form#comment h4 {
		font-size: 1.17em;
		margin: 0 0 .7em;
	}
	form#comment ol.fieldset { margin: 0 }

		form#comment ol.fieldset li.field.line {
			border-bottom: 1px solid #999;
			padding: 0 0 5px;
		}
			form#comment ol.fieldset li.field.line label {
				display: inline;
				font-weight: normal;
			}

		form#comment ol.fieldset li.field.alt {
			padding: 0 0 0 89px;
			position: relative;
		}
			form#comment ol.fieldset li.field.alt label {
				font-size: 1.17em;
				text-transform: uppercase;
				display: inline;
				width: 89px;
				position: absolute;
				top: 2px; left: 0;
			}

	form#comment p.submit {
		margin: 0 0 .5em;
		padding: 0 0 0 89px;
	}
	form#comment p.submit.alt { padding: 0 }

    div.optionLinks ul.profileList { list-style-type:none; }

/*------------------------------------------------------------------

4.	PLUGINS
	Predefined utilities

--------------------------------------------------------------------

/*-------------------------------
Utility classes
-------------------------------*/

.clear { clear: both }
.hide, .hidden, .skip { display: none }
.top { margin-top: 0 !important; padding-top: 0 !important; }
.bottom { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.hr { background: #ccc; display: block; height: 1px; margin: 1.5em 0; }
.hr hr { display: none }

.replace, .br, #logo a { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }

.opacity { -moz-opacity: 0.90; opacity: 0.90; filter: alpha(opacity = 90); -khtml-opacity: 0.90; }
.rounded { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }


/*-------------------------------
CSS3 Classes
-------------------------------*/

::-moz-selection { color: #fff;  background: #999; }  
::selection      { color: #fff;  background: #999; }  


/*-------------------------------
"Bars" navigation
---------------------------------
[?] EXAMPLE

Home | Services | About | Contact	*/

ul.bars li {display: inline; margin-left: -4px;}
ul.bars li.first {border: 0 !important;}
ul.bars li:before {content: "|"; padding: 0 5px;}
ul.bars li:first-child:before {content: ""; padding: 0 4px 0 0;}


ul.updatesSuperSpecial li {
                            background-color:#FFFFFF;
                            margin:0 0 10px;
                            margin-bottom:15px !important;
                            padding:10px 80px 10px 0px;
                            position:relative;
                            }


ul.updatesSuperSpecial li div.img-shadow {
			position: absolute;
			top: -5px; left: 0;
		}
		ul.updatesSuperSpecial li p.post-meta {
			color: #867676;
			font-size: .83em;
			font-weight: bold;
			text-transform: uppercase;
		}
		ul.updatesSuperSpecial li p.comment-number , ul.results-list li p.comment-number {
			font-size: .83em;
			text-align: right;
			position: absolute;
			top: 10px; right: 10px;
		}
			ul.updatesSuperSpecial li p.comment-number a , ul.results-list li p.comment-number a {
				background: url(../images/ico_comment.gif) no-repeat right 4px;
				color: #867676;
				padding: 0 18px 18px 0;
			}

		ul.updates li h4 {
			font-weight: bold;
			margin: 0;
		}
		ul.updates li p {
			line-height: 1.6em;
			margin: 0;
		}


div.img-shadowComment { float:left;}
div.rightCommentContent { float:right;
                        width:650px;}


li.commentList {  background:#FFF;
                  width:650px;
                    padding:10px;
                 margin:10px 0 10px 0;}

div.imageCont { float:left;
                clear:both;
                width:100px}

div.commentRow {
                float:left;
                width:550px;
                }

div.commentRow p { margin:5px 0 5px 0; }

.errorText { background:#ffd3d3;}

} @media print {

/*------------------------------------------------------------------

5.	PRINT
	Styles for print

------------------------------------------------------------------*/

body { background: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10pt; margin: 0 }
code, pre { font-family: "Courier New", Courier, mono }
img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid }

a, a:link, a:visited { color: blue; text-decoration: underline }

blockquote, table, pre { page-break-inside: avoid }
ul, ol, dl  { page-break-before: avoid }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid }

#footer, .ad, #nav, .nav, form, .skip { display: none }

h1 { font-size: 3em; margin: .67em 0; }
h2 { font-size: 2em; margin: .83em 0; }
h3 { font-size: 1.5em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.92em; margin: 1.67em 0; }
h6 { font-size: 0.83em; margin: 2.33em 0; }


/*------------------------------------------------------------------
	END CSS
------------------------------------------------------------------*/

}/* end @media */

ul.project-list li div.negativeMargin {
    margin-top: -10px;
}

div.descriptionMM {
    background-color:#FFFFFF;
    margin:-12px auto 25px;
    padding:23px 23px 23px 220px;
    position:relative;
    margin-left:25px;
    padding-left:15px;
    padding-top:7px;
    padding-bottom:5px;
    width:930px;

}

.clear { clear:both}
div#map_canvas div img.gmnoprint ,  div#map_canvas div div div img
	{
	overflow:hidden;
	text-indent:-999em;
	width:13px !important;
	height:19px !important;
	background:url(http://67.199.116.73/images/google_map/MM_redIcon.png) no-repeat;
	}
	div#map_canvas div div div div img, div#map_canvas div.gmnoprint  div  div  img
	{
	width:auto !important;
	height:auto !important;
	background:none !important;
	text-indent:0px !important;
	}

	br.cleaner {
		clear:both;
	}

    #footer {
        padding: 0;
        text-align: left;
        margin: 0 auto;
    }

     #footer {
		float: none;
        display: block;
		clear: both;
		position: static;
        width: 944px;
        padding-left: 50px;
        padding-top:92px;
    }

div.leftImage { width:220px;}

/* Footer At Bottom Of The Window */

html, body {
	height: 100%;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -202px;
}

#footer, div.push {
	height: 202px;
}

#footer {
	padding: 0;
	text-align: left;
	margin: 0 auto;
	padding-top: 0px;
	padding-left: 50px;
	width: 1008px;
}

#footer ul.nav {
	padding-top:95px;
	position: relative;
}

body:nth-of-type(1) #footer{
   margin-top: 202px;
}

div#imgShadown {
	/*
	background-color:#666666;
	border:1px solid #666666;
	height:181px;
	margin-bottom:10px;
	width:181px;
	*/
}