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

#container {position:relative; margin:0 auto 0 auto; width:900px; }

/* top */
#top {position:absolute; width:900px; height:68px; top:0; background-color:#7c7c7c; border-bottom:#acd373 12px solid;}
#logo {position: absolute; top:0; left:0; width:285px; height:68px;}

/* nav bar */
#nav li, #nav a {display:block;}
#nav li {position:absolute; list-style:none; margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF;}
#nav a {bottom:17px; position:absolute; color:#FFFFFF; text-transform:capitalize; margin:0 0 0 2px; padding-top:40px; text-decoration:none; width:80px;}
#nav a:hover {color:#acd373; padding-bottom:5px;}

#n_home {left:285px; border-left:#FFFFFF 1px solid; width:80px; height:80px;}
#n_about {left:366px; border-left:#FFFFFF 1px solid; width:80px; height:80px;}
#n_programs {left:447px; border-left:#FFFFFF 1px solid; width:80px; height:80px;}
#n_staff {left:528px; border-left:#FFFFFF 1px solid; width:80px; height:80px;}
#n_donate {left:609px; border-left:#FFFFFF 1px solid; width:80px; height:80px;}
#n_news {left:690px; border-left:#FFFFFF 1px solid; width:80px; height:80px;}
#n_contact {left:771px; border-left:#FFFFFF 1px solid; width:119px; height:80px;}




/* header */
#header {position:absolute; width:900px; height:100px; top:80px; background:url(../_images/header.jpg) 0 0 no-repeat; }
#h_header {position:absolute; width:900px; height:154px; top:80px; background:url(../_images/homeheader.jpg) 0 0 no-repeat; }

#header h1 {font:48px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:capitalize; left:288px; bottom:0; position:absolute; color:#FFFFFF;}
* html #header h1 {margin:0;}
#headphoto {width:285px; height:100px; float:left;}
#headphoto img {margin:0; padding:0;}

/* content */
#content {position:absolute; width:900px; left:0; top:180px;}
#h_content {position:absolute; width:900px; left:0; top:234px;}

p, h1, h2 {margin:0;}
a {color:#acd373;}
a:hover {color:#666666;}

p, ul, ol {font:12px Arial, Helvetica, sans-serif; color:#707070; line-height:18pt;}
h2 {font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#003663; padding:0 5px 0 0; text-transform:capitalize;}

ul, ol {padding:0 20px 10px 5px; margin:0 0 0 10px;}
li {list-style:url(../_images/bullet.gif) 0 2px; padding:0 0 10px 0;}

#left {position:absolute; width:285px; left:0; top:0; background:url(../_images/leftBG.gif) 0 0 no-repeat; min-height:471px; padding:35px 0;}
#h_left {position:relative; width:416px; left:0; top:0; min-height:471px; padding:35px 0;}
#left a, #h_center a {color:#003663;}
.photo {padding-bottom:0;}

#center {position:relative; width:365px; left:285px; top:0; min-height:471px; padding:35px 0;}
#h_center {position:absolute; width:233px; left:416px; top:0; background:url(../_images/leftBG.gif) 0 0 no-repeat; min-height:471px; padding:35px 0;}

#center p, #h_left p {padding:0 20px 10px 0;}

#h_center h2 {padding:0 5px 0 20px;}
#h_center h2 + #h_center h2 {padding:0 5px 10px 20px;}

#right {float:right; width:250px; padding:0; border-left:#333333 1px solid; margin:35px 0;}
#right h1 {font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#003663; padding:0 5px 10px 20px; text-transform:capitalize;}
#right p, #h_center p {padding:0 5px 10px 20px;}

#footer {position:relative; width:900px; text-align:center;}
#footer h6 {font:10px Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;}

.photo {padding-bottom:0;}
img {padding: 0 10px 0 0;}