/*--------------------------------- GLOBAL ---------------------------------*/

* {margin:0;padding:0;} 

html, body {padding: 0; margin: 0; height:100%;}
html {_overflow: auto;} /*get rid of scroll bars in IE */

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

body {
	font-family: Arial, sans-serif;
	font-weight:normal;
	font-size: 100%;
	line-height:1.5em;
	background-image: url('assets/bg_content.gif');
	} 
	
img { padding:0; margin:0; border:none; }

p {text-align: left; font-size: 0.875em; color: #646a6b; padding: 0; margin: 0;}

h1 {font-weight:bold; font-size: 0.875em; color:#a95851; padding: 0; margin:0;}

a {color: #a95851; border: none; text-decoration: none;}
a:hover { text-decoration:underline; }

#container {
	min-height: 100%;
	width:100%;
	margin: 0 auto;
	text-align: center;
	}
	
#wrap {
	overflow:auto;
	padding-bottom: 360px;
	}
	
#content { width:940px; margin:0 auto; padding:0 0 10px 0;}


/*--- HEADER / LOGO ---*/

#headerwrap {
	height:200px;
	padding:0;
	margin:0;
	background-image: url('assets/bg_top.gif');
}

#header {
	text-align: center;
	width:940px;
	padding:0 0 0 0;
	margin:0 auto;
}

#hbanner {
	position:relative;
	height:30px;
	padding:0;
	margin:-20px 0 0 0;
	background-image: url('assets/tear_top.png');
}

#logo{
	float: left; 
	width: 280px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: url('assets/asperu_logo_map2.gif') no-repeat;
}

#logo a{
	display: block;
	width: 280px;
	height: 140px;
	margin: 30px 0 0 0;
	padding: 0;
}


/*--- GLOBAL NAV ---*/


#nav {
	float: right;
	width: 580px;
	height: 29px;
	margin: 0;
	padding: 115px 0 0 0;
	}

#nav ul { display:inline; list-style-type:none; margin:0; padding:0;}
#nav ul li { float: left; margin: 0;  padding:0; height: 29px; text-indent:-9999px; background-image: url('assets/nav4.gif');}

#nav ul li.n1 { width:62px; background-position: 0 0; margin: 0;}
#nav ul li.n2 { width:105px; background-position: -62px 0; margin: 0;}
#nav ul li.n3 { width:148px; background-position: -167px 0; margin: 0;}
#nav ul li.n4 { width:104px; background-position: -315px 0; margin: 0;}
#nav ul li.n5 { width:161px; background-position: -419px 0; margin: 0;}

#nav ul li.n1.current, #nav ul li.n1:hover { background-position: 0 29px; }
#nav ul li.n2.current, #nav ul li.n2:hover { background-position: -62px 29px; }
#nav ul li.n3.current, #nav ul li.n3:hover { background-position: -167px 29px; }
#nav ul li.n4.current, #nav ul li.n4:hover { background-position: -315px 29px; }
#nav ul li.n5.current, #nav ul li.n5:hover { background-position: -419px 29px; }

#nav ul li a {
	display: block;
	height:30px;
	margin: 0;
	padding: 0;
	}

/*--- HOME ---*/


#main {
	text-align: left;
	float:left;
	margin: 0;
	padding: 40px 0 35px 0;
	}
	
#main p { padding: 20px 0 0 0; }
#main p.padzero { padding: 0 0 10px 0; }
	
.mleft {
	float: left;
	width: 360px;
	margin:0;
	padding:0;
	}
	
.aboutleft {
	float: left;
	width: 300px;
	margin:0;
	padding:0;
	}
	
.mright {
	float: right;
	width: 580px;
	margin:0;
	padding:0;
	}

.gallery {
	float: right;
	width: 580px;
	margin:0;
	padding:0;
	}
	
.gallery img, .galleryConst img {
	display: block;
	width: 140px;
	height: 93px;
	border: none;
	padding:0;
	margin:0;
	}
	
.gallery a, .galleryConst a {
	float: left;
	display: block;
	margin:0 5px 5px 0;
	border: none;
	padding:0;
	}
	
.galpages {
	clear: both;
	display: block;
	width: 580px;
	height: 45px;
	padding:10px 0 0 0;
	margin:0;
	font-size: 0.875em;
	color: #939c9e;
	}
	
.galpages ul { display:inline; list-style-type:none; margin:0; padding:0;}

.galpages ul li { float: left; border: 1px solid #f4f4f2; text-align:center; width: 80px; height: 24px; padding: 0; margin:0; }
.galpages ul li a { padding:0; margin:0; }
.galpages ul li.curr { border: 1px solid #c2cfd1; padding: 0; margin:0;}
.galpages ul li.p1curr { border: 1px solid #c2cfd1; padding: 0; margin:0 15px 0 0;}


.galleryConst {
	width: 360px;
	margin: 104px 0 0 0;
	padding:0;
	}
	
/*--- HEADERS ---*/

.hdr {
	width: 580px;
	margin:0;
	padding:0;
}

.tpad20 {padding:60px 0 0 0;}

.hdr ul { display:block; position:relative; list-style-type:none; margin:0; padding:0;}
.hdr ul li { height: 84px; text-indent:-9999px; background: url('assets/hdr.gif') no-repeat;}
.hdr ul li.home { background-position: 0 0; }
.hdr ul li.projects { background-position: 0 -85px; }
.hdr ul li.about { background-position: 0 -170px; }
.hdr ul li.volunteer { background-position: 0 -255px; }
.hdr ul li.contact { background-position: 0 -340px; }
.hdr ul li.donate { background-position: 0 -425px; }
.hdr ul li.location { background-position: 0 -510px; }
.hdr ul li.gallery { background-position: 0 -595px; }

#dotblock {
	width: 580px;
	padding: 20px 0 10px 0;
}

#dotblock p, #dotblock230 p { padding: 10px 0 0 0;}

#dotblock230L{
	float:left;
	width: 270px;
}

#dotblock230R{
	float:right;
	width: 270px;
}

.dotted, .dotted230 {
	width: 580px;
	height: 34px;
	margin: 0;
	padding: 0;
	background-image: url('assets/dotted_580.gif');
	background-repeat: no-repeat;
	}
	
.dotted230 {
	width: 270px;
	height: 34px;
	}
	
.dotted h1, .dotted230 h1{
	color:#a95851;
	padding: 5px 0 5px 0;
	margin:0;
	}

.contentproj{
	width: 580px;
	padding: 20px 0 0 0;
	display:block;
}

.dotted280, .dotted580 {
	width: 280px;
	height: 3px;
	margin: 20px 0 0 0;
	padding: 0;
	background-image: url('assets/dotted_280.gif');
	background-repeat: repeat-x;
	}

.dotted580 {
	width: 580px;
	}



/*--- SUBNAV ---*/


.subnav {
	width:580px;
	margin:0;
	padding:30px 0 0 0;
}
.subnav ul { display:inline; position:relative; list-style-type:none; margin: 0; padding:0;}
.subnav ul li { float: left; height: 15px; padding:0; text-indent:-9999px; display: block; background: url('assets/snav.gif') no-repeat;}
.subnav ul li.sn1 { width: 183px; background-position: 0 0; margin: 0 25px 0 0;}
.subnav ul li.sn2 { width: 156px; background-position: -184px 0; margin: 0 25px 0 0;}
.subnav ul li.sn3 { width: 122px; background-position: -341px 0; margin: 0 25px 0 0;}
.subnav ul li.sn4 { width: 44px; background-position: -463px 0; margin: 0 0 0 0;}

.subnav ul li.sn1.current, .subnav ul li.sn1:hover { background-position: 0 -14px;}
.subnav ul li.sn2.current, .subnav ul li.sn2:hover { background-position: -184px -14px;}
.subnav ul li.sn3.current, .subnav ul li.sn3:hover { background-position: -341px -14px;}
.subnav ul li.sn4.current, .subnav ul li.sn4:hover { background-position: -463px -14px;}

.subnav a{ display:block;}



/*--- PROJECTS ---*/

.projtop {padding: 113px 0 0 0;}
.projimg {padding: 10px 0 0 0;}


/*--- CONTACT ---*/

.contactL {
	width: 280px;
	margin:0;
	padding:0;
	}
	
.contentdonate {
	clear:both;
	}



/*--- FOOTER ---*/

#footer {
	position: relative;
	margin-top: -380px;
	height: 380px;
	clear:both;
	text-align: center;
	background-image: url('assets/bg_dark.gif');
	}
	
#footer p {
	text-align: left;
	font-size: 0.75em;
	line-height: 1.625em;
	color: #55595b;
	padding: 12px 0 0 0;
	margin: 0;
	}
	
#footer p.links {
	margin:0;
	padding: 10px 0 0 0;
	line-height: 1.875em;
	}
	
#footer a {
	text-align: left;
	color: #55595b;
	padding: 0;
	margin: 0;
	}

#fbanner {
	height:90px;
	margin: 0;
	padding: 0;
	background-image: url('assets/tear_footer.jpg');
	}
	
.llama {
	height:90px;
	width:940px;
	margin: 0;
	padding: 0;
	}

#fcontent {
	width:940px;
	margin:0 auto;
	padding: 20px 0 0 0;
	text-align:center;
	}

#fcol1, #fcol2, #fcol3 { float: left; margin: 0; padding: 0 30px 0 0; }

#fcol1 {width:280px;}
#fcol2 {width:180px;}
#fcol3 {width:140px;}

#fcol4 {
	float: right;
	text-align: right;
	width:125px;
}

#fcontent ul { display:inline; list-style-type:none; margin:0; padding:0;}
#fcontent ul li { float:left; margin:0; padding:0 0 10px 0; height: 20px; text-indent:-9999px; background: url('assets/footer_hdrs.gif') no-repeat;}

#fcontent ul li.c1 { width:134px; background-position: 0 0; }
#fcontent ul li.c2 { width:71px; background-position: -134px 0; }
#fcontent ul li.c3 { width:68px; background-position: -205px 0; }

.fline {
	float:left;
	height: 217px;
	width: 7px;
	margin: 0;
	padding: 0 30px 0 0;
	background: url('assets/footer_vertline.gif') no-repeat;
	}