@charset "utf-8";
/* CSS Document */

/* everything */
body {background:#d2be96 url(/images/background2.jpg) repeat-y; font-family:Arial, Helvetica, sans-serif; margin: 0;}
li {list-style:none;}
ul {margin:0; float:right;}
a { color: #bd1b22;}
a:hover { color: #562d15;}

/* header stuff */
#head {background:url('/images/headerbar.jpg') repeat-x; height:200px;}
#head div {background:url('/images/header1.jpg') no-repeat; height:200px; width:950px;}
#head div p {display:none;}
#head a {color:#fff;}
#head ul {float:right; margin:0; color:#FFFFFF; width:200px; padding-top:10px;}
#head li {display:inline; padding:0 10px; color:#FFFFFF; font-size: 10px;}
#head li.last { border-left: solid 1px #fff;}
#head h1 {background:url('/images/logo.jpg') no-repeat; margin:0; height:0; padding-top:134px; overflow:hidden;}

#content {color: #562d15; font-size:12px; width: 475px; margin:0 0 -250px 280px; padding:0 14px 0 106px;position:relative; z-index:10; width:500px;}
#content h1 {background:url(/images/lostboys_title.jpg) no-repeat; margin: -10px 20px 0px 62px; padding: 0px 0px 10px 0px; width:421px; height:38px;}
#content h1 span { display: none; }
#content ul {float: none; padding: 0; margin: 0;}
#content li {background:url(/images/chalk.gif) repeat-y; margin: 0px 20px 0px 11px;}
#content li.page_title { background-position: 0px -30px; }
#content li h2 {margin: 0px 0px 10px 20px; padding: 0px 0px 0px 48px;}
#content li p {margin: 0px 20px 0px 20px; padding:0px 0px 20px 48px;}
#content .photo {float:left; margin-left:-75px;}

/* index specific */
.index #content {background: url(/images/home_main.jpg) no-repeat; width:680px; position:absolute; top:140px; left: 270px; margin:0; z-index:10; padding:0;}
.index #content a.donate {display:block; height: 0; padding-top: 40px; overflow:hidden; margin: 240px 75px 275px 425px; width: 175px;}
.index #content h2 {background:url(/images/quote.jpg) no-repeat; width: 600px; margin: -86px 0px 15px 30px; padding-top: 70px; height:0; overflow:hidden;}
.index #content p {color: #FFFFFF; margin: -10px 75px 0px 45px; line-height:18px;}
.index #head {margin-bottom:389px;}
.index #foot div {background:url(/images/footerhome.jpg) no-repeat;}

/* about specific */
.about #content h1 {margin: -43px 0px 0px 0px; height: 90px; width:400px; background:url(/images/aboutipv_head.jpg) no-repeat;}

/* donate specific */
.donate #content h1 {margin: -39px 0px 0px 3px; height: 90px; width:400px; background:url(/images/donation_head.jpg) no-repeat;}
.donate #content {height:676px;}

/* contact specific */
.contact #content h1 {margin: -39px 0px 0px 3px; height: 90px; width:400px; background:url(/images/contact_head.jpg) no-repeat;}
.contact #content {height:676px;}

/* gallery specific */
.galleryindex #content h1 {margin:-41px 0px 0px 0px; height: 80px; width:280px; background:url(/images/gallery_main.jpg) no-repeat;}



/* history qna specific */
.qna #content h1 {margin: -20px 0px 0px 4px; height: 362px; width:460px; background:url(/images/historymain.jpg) no-repeat;}

/* projects specific */
.projects #content h1 {margin: -8px 0px 0px 4px; height: 340px ; width: 460px; background:url(/images/projects_main.jpg) no-repeat;}
.projects #content p {margin-top:0px;}
.projects #content h2 {margin-bottom:0px; font-size:16px;}
.projects #content li span{display:none;}
.projects #content a.donate {background:url(/images/donatebutton.png) no-repeat; display:block; height: 0; padding-top: 64px; overflow:hidden; margin: 0px 0px 0px 250px; width:232px;}



/*navigation stuff*/
#side {background:url(/images/navbg.png) no-repeat; position:absolute; top:200px; left:0; height:456px; width:386px; margin:0; z-index:5;}
#side ul {float:none; margin:0; padding:0 0 0 39px;}
#side li { position:relative; padding:0;}
#side ul li a {padding-top:54px; height:0; overflow:hidden; width:225px; display:block;}

#side ul li.home a {background:url(/images/nav_buttons/nav_home.jpg); position: relative; }
#side ul li.lost a {background:url(/images/nav_buttons/nav_lost.jpg);}
#side ul li.history a {background:url(/images/nav_buttons/nav_history.jpg);}
#side ul li.projects a {background:url(/images/nav_buttons/nav_projects.jpg);}
#side ul li.about a {background:url(/images/nav_buttons/nav_about.jpg);}
#side ul li.photo a {background:url(/images/nav_buttons/nav_photo.jpg);}
#side ul li.donate a {background:url(/images/nav_buttons/nav_donate.jpg);}

#side ul li a:hover, #side ul li a.active {background-position: 0 -54px;}

/*map*/
.map {background:url(/images/map.png) no-repeat; position:absolute; left: -280px; top: 450px; height:293px; width: 280px; z-index:-5;}

/*footer stuff*/
#foot {background:url(/images/footerext.jpg) repeat-x; height: 411px; color: #562d15; font-size:10px;}
#foot div {background:url(/images/footerbg.jpg) no-repeat; height: 100px; padding: 311px 10px 0px 10px; width: 930px; margin:0; text-align:left;}

#foot ul {float:none; padding:0;}
#foot ul li {display:inline; padding:0 10px; color: #562d15; border-right: solid 1px #562d15;}
#foot li a { color: #562d15; font-size:10px;}
#foot ul li.first { padding-left: 0px;}
#foot ul li.last { border: 0px;}
#foot p.seo { width: 725px; clear: left;}
#foot p.aaint {float:right; margin:0;}
#foot p.aaint a {background:url(/images/aaint_logo.png) no-repeat; padding-top:43px; height:0; width:139px; display: block; border:none; text-decoration:none; overflow:hidden;}

.galleryindex #content p.gallery a {border: solid 4px #FFFFFF; height:81px; width: 120px; display: block; margin:15px; float: left; text-decoration: none; background-position: 50% 50%; background-repeat:no-repeat;}
.galleryindex #content .pagination {clear:both; margin:1em 0; text-align:center;}
.galleryindex #content .pagination li {background:none; display:inline; margin:0; padding:0 3px;}