@import url('content.css');


*{
     margin: 0;
     padding: 0;
}

body{
     background-color: #000;
     font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
     background-image: url('/lib/img/bg.gif');
     background-repeat: repeat;
}

img { border: none; }

ul, ol{list-style-type:none;}
input{border: none;}

#wrapper{
     background:url(/lib/img/body_bg.jpg) no-repeat;
     height: 763px;
     width: 1060px;
}

#subpage #wrapper { background:url(/lib/img/subpage.jpg) no-repeat; }



/* Main Navigation Styles ***********************************************************/
ul#main-nav{
     position: absolute;
     top: 154px;
     left: -15px;
     width: 200px;
     padding: 0px;
     margin: 0px;
}

ul#main-nav li{
     padding-bottom: 17px;
     text-indent: -9999px;
     text-decoration: none;
     margin: 0px;
     padding: 0px;
}

ul#main-nav li a{
     /*border-bottom: 2px solid #7c7864;*/
     display:block;
     width: 201px;
     height: 14px;
     margin: 5px;
     padding: 5px 0px 5px 0px;
}
     
     li#btn-home{
          background:url(/lib/img/home.jpg) no-repeat top right; 
     }
     li#btn-join{
          background:url(/lib/img/nav_join.jpg) no-repeat top right; 
     }
     li#btn-downloads{
          background:url(/lib/img/nav_about.jpg) no-repeat top right; 
     }
     li#btn-fact{
          background:url(/lib/img/nav_fact.jpg) no-repeat top right; 
     }
     li#btn-events{
          background:url(/lib/img/nav_events.jpg) no-repeat top right; 
     }
     li#btn-init{
         background:url(/lib/img/nav_init.jpg) no-repeat top right; 
    }
    li#btn-contact{
        background:url(/lib/img/nav_contact.jpg) no-repeat top right; 
    }
     
     

/* Facts Sign-up Styles *****************************************************************/
#get-facts{
     left: 755px;
     position: absolute;
     top: 16px;
     width: 315px;
}
#get-facts p{
     background:url(/lib/img/get_facts.jpg) no-repeat;
     display:block;
     float:left;
     height: 19px;
     padding-right: 5px;
     text-indent: -9999px;
     width: 134px;
}

input#facts{
     background-color: #000;
     color: #fff;
     padding: 3px 0;
}
input#facts-submit{padding-top: 5px;}


/* Forward to Friend Styles *****************************************************************/
#forward{
     left: 815px;
     position: absolute;
     top: 140px;
     width: 250px;
}
#forward h3{
     background: url(/lib/img/foward_site.jpg) no-repeat;
     height: 33px;
     padding-bottom: 10px;
     text-indent: -9999px;
     width: 192px;
}
#forward form{padding-left: 5px;}
#forward p{
     display: block;
     float:left;
     text-indent: -9999px;
}
#forward input{
     background-color: #f3ebc4;
     border: 1px solid #797562;
     margin-bottom: 10px;
}
p#forward-name{
     background:url(/lib/img/forward_name.jpg) no-repeat;
     height: 22px;
     width: 92px;
}
p#forward-email{
     background:url(/lib/img/forward_email.jpg) no-repeat;
     height: 19px;
     padding-right: 3px;
     width: 119px;
}

.sendit { border: none; }

/* Initiative *****************************************************************/

#learn-more { position: absolute; top:255px; left: 620px; }
#learn-more a img { border: none; }

/* Calendar Styles *****************************************************************/
#calendar{
     left: 110px;
     height: 275px;
     position: absolute;
     top: 370px;
     width: 250px;
}
#calendar h3{
     background:url(/lib/img/calendar.jpg) no-repeat;
     height: 26px;
     margin-left: 130px;
     padding-bottom: 40px;
     text-indent: -9999px;
     width: 87px;
}
#calendar p{
     color: #99291b;
     font-size: 11px;
     padding: 0 5px 10px 0;
     line-height: 1.5;
}
#calendar span{
     color: #99291b;
     padding-right: 15px;
}
#calendar p.white-text{color:#FFF;}

.yellowlink { color: yellow; }


/* Join Styles *****************************************************************/
#join{
     left: 415px;
     position: absolute;
     top: 405px;
}
#join h3{
     background:url(/lib/img/join_alliance.jpg) no-repeat;
     height: 42px;
     padding-bottom: 10px;
     text-indent: -9999px;
     width: 260px;
}
#join form{
     padding-left: 8px;
}
#join p{
     display: block;
     padding-bottom: 5px;
     text-indent: -9999px;
}
p#join-name{
     background:url(/lib/img/join_name.jpg) no-repeat;
     height: 19px;
     width: 86px;
}
p#join-address{
     background:url(/lib/img/join_address.jpg) no-repeat;
     height: 19px;
     width: 67px;
}
p#join-phone{
     background:url(/lib/img/join_phone.jpg) no-repeat;
     height: 18px;
     width: 49px;
}
#join input{
     padding-bottom: 5px;
}
input#join-name-input{
     background:url(/lib/img/join_name_input.jpg) no-repeat;
     height: 27px;
     padding-top: 4px;
     width: 241px;
}
input#join-address-input{
     background:url(/lib/img/join_address_input.jpg) no-repeat;
     height: 28px;
     padding-top: 4px;
     width: 241px;
}
input#join-phone-input{
     background:url(/lib/img/join_phone_input.jpg) no-repeat;
     height: 28px;
     padding-top: 4px;
}
input#join-submit{
     margin: 5px 0 0 157px;
}


/* Facts Styles *****************************************************************/
#fact{
     left: 745px;
     position: absolute;
     top: 325px;
     width: 310px;
}
#fact h2{
     background:url(/lib/img/fact_title.jpg) no-repeat;
     height: 35px;
     padding-bottom: 10px;
     text-indent: -9999px;
     width: 307px;
}
#fact p{
     color: #8b4221;
     font-size: 10px;
     font-weight: bold;
     line-height: 16px;
     padding: 0 5px 0 5px;
     text-transform:uppercase;
}

/* Death Score Styles *****************************************************************/
#death-score{
     left: 737px;
     position:absolute;
     top: 520px;

}

#death-score h3{
     background:url(/lib/img/death_score.jpg) no-repeat;
     height: 40px;
     text-indent: -9999px;
     width: 277px;
}

#flashcontent{
     left: 707px;
     position:absolute;
     top: 498px;
} 

/* Footer Styles *****************************************************************/
#footer{
     left:205px;
     position:absolute;
     top:727px;
     width: 500px;
}

#footer p{
     color:#fff;
     font-size: 10px;
}

/* lightbox Styles *****************************************************************/

#lightbox{
     position: absolute;
     left: 0;
     width: 100%;
     z-index: 100;
     text-align: center;
     line-height: 0;
     }

#lightbox a img{ border: none; }

#outerImageContainer{
     position: relative;
     background-color: #fff;
     width: 250px;
     height: 250px;
     margin: 0 auto;
     }

#imageContainer{
     padding: 10px;
     }

#loading{
     position: absolute;
     top: 40%;
     left: 0%;
     height: 25%;
     width: 100%;
     text-align: center;
     line-height: 0;
     }
#hoverNav{
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10;
     }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
     width: 49%;
     height: 100%;
     background: transparent url(/downloads/images/blank.gif) no-repeat; /* Trick IE into showing hover */
     display: block;
     }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(/downloads/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/downloads/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #fff;
     margin: 0 auto;
     line-height: 1.4em;
     overflow: auto;
     width: 100%     
     }

#imageData{     padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }     
#imageData #caption{ font-weight: bold;     }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;     }               
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;     }     
          
#overlay{
     position: absolute;
     top: 0;
     left: 0;
     z-index: 90;
     width: 100%;
     height: 500px;
     background-color: #000;
     }
     
#bodycontent ul{ list-style:none;}
#bodycontent li{ display:inline; float:left;}
.thumbnailpicture{margin:15px 0px 2px 25px; padding:0px; border:solid 2px #000000;}
.dowloadlink{float:left; margin-left:40px;}
.clear{clear:both;}
.dowloadlink a{text-decoration:none;}