@import url(reset.css);


/*** Generic styles ***/
* { font-size: 1em; }
body { font-size: 62.5%; font-family: Tahoma; width: 951px; margin:0 auto;  }
h1 { background: url(../images/logo.gif); width: 473px; height: 157px; text-indent: -1000em; }
h2 { vertical-align: top;  color: #282d7c; font-size: 2.1em; font-weight: bold; line-height:1.5; }
h3 { color: #f58d1e; font-size: 1.6em; }
p, span, li { font-size: 1.1em; }
strong { font-weight: 700;}
fieldset { border: none; }
legend { display: none; }
a { text-decoration: none; }

a.more, a.top { text-decoration: none !important; font-size: 1.2em; font-weight: bold; float: right; color:#f58d1e;  border-bottom: 1px solid #FFC000;}
a.more:hover, a.top:hover { color: #386da3; border: 0; padding-bottom: 1px;}

p { line-height: 1.5em; }
li p, li a { font-size: 1em; }

input.f1 {
margin-bottom:6px;
padding: 3px;
width: 133px;
border:1px solid #000;
}

.error-message {
color:brown;
padding-bottom:10px;
}

#container { background: url(../images/page-bottom.gif) bottom no-repeat; padding-bottom: 20px; }

/*** Navigation area ***/
#branding { padding: 5px 20px 0 21px; height: 157px; background: url(../images/header-back.gif); }
	#branding h2 { font-family: Verdana; font-size: 1.5em; color: #1f2876; float:right; margin-top: -60px; margin-right: 30px; font-weight: bold; }
	
/*** Main content pane ***/
#main { padding: 0 20px 0 21px; border: 5px solid #1f2876; border-top: none; border-bottom: none; background: #6e9dcd; }

	/*** Navigation ***/
	#navigation { display: inline-block; }
	#navigation { display: block; background: url(../images/nav-top.gif) top left no-repeat; padding-top: 8px; }
	#navigation .inner { display: inline-block; }
	#navigation .inner { display: block; overflow: hidden; background: url(../images/nav-bottom.gif) left bottom no-repeat; }
		#navigation a { font-size: 1.2em; font-family: Verdana;  color:#fff; text-align: center; border-bottom: 1px solid #FFC000; }
		#navigation ul li a:hover { color:#afd7f8; border: 0; padding-bottom: 1px; }
		#navigation ul { padding-left: 10px; width: 681px; float:left; }
			#navigation li { width: 13%; text-align: center; float: left; padding: 9px 0 17px 0; } 
			#navigation li.communities { width: 34%; }
			#navigation li.volunteer, #navigation li.partners { width: 14%; }
			#navigation li.news { width: 9%; }
			#navigation li.active { background: url(../images/nav-arrow.gif) bottom center no-repeat; }
			#navigation a.donate { overflow: hidden; background: url(../images/donate.gif) right -34px no-repeat; padding-right: 80px; margin-right: 10px; line-height: 34px; display: block; border: 0; outline: none; }
			#navigation a.donate:hover { background-position: right 0; }
			
			
	/* Content area */
	#content { display: inline-block; }
	#content {  margin: 10px 0; overflow: hidden; display: block; }
		#content a { text-decoration: underline; }
		#content a.top { text-decoration: underline; color:#000;}
		#content a.more { text-decoration: underline; color:#000;}
		#content a:hover { color: #444; }
		#content img.graphic { padding: 4px 4px 3px; border:1px solid #ccc; float: left; margin-right:15px; margin-bottom:12px; }
		

	/*** Footer ***/
	#footer { clear: both; color: #fff; background: url(../images/footer-top.gif) left top no-repeat; padding-top: 15px; }
		#footer .inner { display: inline-block; }
		#footer .inner { display: block; overflow: hidden; background: #477cb3 url(../images/footer-bottom.gif) bottom no-repeat; padding: 0 15px 15px 15px; }

			#footer a { color: #fff; }
			#footer a:hover { color: #AFD7F8; }
			#footer li.last { border: none; }

			#footer ul { float: left; padding-top: 2px; }
				#footer li { display: inline; padding: 0 5px; border-right: 1px solid #fff; }

			#footer .copyright { float: right; }
				#footer .copyright * { float: none; display: inline; }


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

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
	
}
.gallery li {
	padding: 6px 10px 5px 10px;
	margin: 0;

	float: left;
	position: relative;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 28px;
	height: 21px;
	display: block;
	position: absolute;
	top: -5px;
	left: 90px;
	background: url(../images/pin.png) no-repeat;
}
.gallery a {
	text-decoration: none;
}





.photo {
	margin: 8px 18px 0px 0;
	position: relative;
	width: 180px;
	height: 130px;
	float: left;
}

.photo_r {
	margin: 0 0 18px 16px;
	position: relative;
	width: 180px;
	height: 130px;
	float: right;
}

.photo img {
	background: #6393C6;
	border: solid 1px #ccc;
	padding: 4px;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
}
.photo a {
	text-decoration: none;
}


.sample9 span {
	width: 160px;
	height: 120px;
	display: block;
	position: absolute;
	top: 6px;
	left: 7px;
}
.sample9 img {
	border: 0;
}

li.MsoNormal { line-height: 1.7em; list-style-type: disc; list-style-position: inside; padding: 0 0 5px 20px;}
ol li.MsoNormal { list-style-type: decimal; list-style-position: inside; padding: 6px 0 2px 40px; font-size: 1em; }

.ball { text-align:right; }
#content a.balloon { color:#FFC000; }
#content a.balloon:hover { color:#FFF; }

#sidebar a.testimonial { color:#FFF; }
#sidebar a.testimonial:hover { color:#AFD7F8; }

#content a.more2 { text-decoration: none; font-size: 1.2em; font-family: Verdana;  color:#fff; text-align: right; border-bottom: 1px solid #FFC000; }
#content a.more2:hover { color:#afd7f8; border: 0; padding-bottom: 1px; }

#text { font-size: 1.2em; }