/*normailizes*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
* {outline:none;}


body {
    font-family: Arial, Helvetica, sans-serif;
    background:url("../images/bg/bg.jpg") repeat-x;
    background-color:#81602d;
}
a {text-decoration:none;
font-size:12px;}
a:link { 
    color:#FFF;
}
a:visited { 
    color:#FFF;
}

a:active { 
    color:#FFF;
}
a:hover {text-decoration:underline;}
img {border:none; margin:0px; padding:0px;}
label {cursor:pointer;}

.relax {
    clear:both;
    height:0;
    line-height:0px;
    font-size:0;
}
/*Header*/
.header {
    width:908px;
    height:230px;
    position:relative;
    left:50%;
    margin-left:-454px;
    margin-top:100px;
    padding-top:19px;
    background:url('../images/bg/pagebg-top.png') no-repeat;
}

/*header*/
.header .logo {
    display:block;
    position:absolute;
    top:-25px;
    left:-62px;
    z-index:99;
}
.header img.imgshow {
    margin-left:29px;
}

#slideshow {
    position:relative;
    width: 849px;
    height:191px;
}

#slideshow IMG {
    position:absolute;
    top:3px;
    left:32px;
    bottom: -10px;
    z-index:-10;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*Page*/
#page {
    width:908px;
    position:relative;
    left:50%;
    margin-left:-454px;
    background:url('../images/bg/pagebg.png') repeat-y;
    padding-top:15px;
    position:relative;

}
#page-bottom{
    width:908px;
    height:70px;
    position:relative;
    left:50%;
    margin-left:-454px;
    background:url('../images/bg/pagebg-bot.png') no-repeat;
}
#page-bottom a{
    margin: 0px 5px 0px 5px;
}
#page-bottom a.first{
    margin-left: 60px;
}
/*nav*/
.nav {
    width:908px;
    height:45px;
    position:absolute;
    left:14px;
    top:-44px;
    z-index: 0;
}
.nav li {
    width:auto;
    height:45px;
    float:left;
    z-index: 0;
}
.nav li a {
    width:auto;
    height:45px;
    margin-left:0px;
    padding:0;
    float:left;
    z-index: 0;
}
.nav .home {
    width:89px;
}
.nav .about {
    width:81px;
}
.nav .donate {
    width:90px;
}
.nav .news {
    width:156px;
}
.nav .partners {
    width:108px;
}
.nav .resources {
    width:120px;
}
.nav .volunteer {
    width:124px;
}
.nav .contact {
    width:116px;
}

.nav a.home {background:url(../images/nav/home.gif) no-repeat top left;}
.nav a.about {background:url(../images/nav/about.gif) no-repeat top left;}
.nav a.donate {background:url(../images/nav/donate.gif) no-repeat top left;}
.nav a.news {background:url(../images/nav/news.gif) no-repeat top left;}
.nav a.partners {background:url(../images/nav/partners.gif) no-repeat top left;}
.nav a.resources {background:url(../images/nav/resources.gif) no-repeat top left;}
.nav a.volunteer {background:url(../images/nav/volunteer.gif) no-repeat top left;}
.nav a.contact {background:url(../images/nav/contact.gif) no-repeat top left;}

body#home .nav a.home, .nav a.home:hover {background:#30bdf4 url(../images/nav/home-hover.gif) no-repeat top left;}
body#about .nav a.about, .nav a.about:hover,
body#board .nav a.about, .nav a.about:hover {background:#30bdf4 url(../images/nav/about-hover.gif) no-repeat top left;}
body#donate .nav a.donate, .nav a.donate:hover {background:#30bdf4 url(../images/nav/donate-hover.gif) no-repeat top left;}
body#news .nav a.news, .nav a.news:hover {background:#30bdf4 url(../images/nav/news-hover.gif) no-repeat top left;}
body#partners .nav a.partners, .nav a.partners:hover {background:#30bdf4 url(../images/nav/partners-hover.gif) no-repeat top left;}
body#resources .nav a.resources, .nav a.resources:hover {background:#30bdf4 url(../images/nav/resources-hover.gif) no-repeat top left;}
body#volunteer .nav a.volunteer, .nav a.volunteer:hover {background:#30bdf4 url(../images/nav/volunteer-hover.gif) no-repeat top left;}
body#contact .nav a.contact, .nav a.contact:hover {background:#30bdf4 url(../images/nav/contact-hover.gif) no-repeat top left;}


/*Content*/
.content {
    width:908px;
    margin-left:3px;
    padding-top:16px;
    text-align:center;

}

.content .left-col{
    float:left;
    width:550px;
    margin-left:20px;
    display:inline;
    text-align:left;
}

.content .left-col p{
    font:normal 14px Arial, Helvetica, sans-serif;
    line-height:23px;
    color:#373737;
    margin:10px 20px 10px 25px;
}
.content .left-col p.title-header{
    margin:10px 10px 10px 25px;
    color:#FFF;
    font:bold 26px Arial, Helvetica, sans-serif;
}

.content .left-col p.name a {
	font-weight: bold;
}

.content .left-col address{
    font:normal 14px Arial, Helvetica, sans-serif;
    color:#373737;
    margin:10px 20px 10px 25px;
}

.content .left-col ul{
	font:normal 14px Arial, Helvetica, sans-serif;
    color:#373737;
	margin:10px 20px 10px 25px;
	}
	.content .left-col ul li{
		line-height: 1.5;
	}

.content .left-col a{
    font:normal 14px Arial, Helvetica, sans-serif;
    color:#fff;
}

.content .left-col img{
    margin:10px 10px 0px 20px;
}
.content .left-col img.bio {
	margin-left: 10px;
	padding: 0;
}

.content .left-col #contactform{
	margin-top: -30px;
	margin-left: 25px;
}

.content .right-col{
    float:left;
    width:300px;
    display:inline;
    text-align:left;
    padding-bottom:10px;
    background:url('../images/bg/right_div.gif') repeat-y;

}
.content .right-col img{
    margin:10px 10px 0px 5px;
}

.content .right-col p{
    font:normal 14px Arial, Helvetica, sans-serif;
    line-height:23px;
    color:#373737;
    margin:10px 20px 10px 25px;
}


/*Nav*/

#nav {
	    margin-top:0px;
    padding:0px;
    position:relative;
    left:50%;
    margin-left:-451px;
    width:600px;
    height:10px;
}

#nav a{
	
	font-size: 12px;
}

/*Footer*/
.footer {
    margin-top:0px;
    padding:0px;
    position:relative;
    left:50%;
    margin-left:-451px;
    width:901px;
    height:20px;
}


.footer p.copy{
    position:absolute;
    left:290px;
    bottom:2px;
    color:#fff;
    font:normal 11px  Arial, Helvetica, sans-serif;
    margin:10px 0px 0px -290px;
    padding:40px 0 0 0;
}

.footer p.design{
    position:absolute;
    right:0px;
    bottom:2px;
    color:#fff;
    font:normal 11px  Arial, Helvetica, sans-serif;
    margin:10px 5px 0px 0px;
    padding-top:0px;
}

.footer .nav {
	    margin-top:0px;
    padding:0px;
    position:relative;
    left:50%;
    margin-left:-451px;
    width:900px;
    height:10px;
}

.footer .nav a{
	
	font-size: 12px;
}