body {
    margin: 0;
    background: #c7c6c6;
    font: 200 75%/1.3 Tahoma, "Tahoma", Times, serif; 
    font-size: 11pt;
    color: #7D7D7D;
    margin: 0; 
    padding: 0;
}

a {
text-decoration: none;
color: #4F678F;
}

.hidden{
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
#colorwrap {
    background: white;
    width: 800px;
}

#leftcol {
    float: left;
    width: 222px;
}
/* Hides from IE5-mac \*/
* html #leftcol {
    margin-right: -3px;
}
/* Hides from IE5-mac \*/
#logobox {
    width: 222px;
    height: 145px;
    background: url("images/logo.jpg");
}
#homebox {
    width: 222px;
    height: 68px;
    background: url("images/homepeople.jpg");
}
#newsbox {
    width: 222px;
    height: 207px;
    background: url("images/newseventsarea.jpg");
}
#contactbox {
    width: 222px;
    height: 102px;
    background: url("images/contactinfoarea.jpg");
    position: relative;
}

#emaillink {
    position: absolute;
    height: 10px;
    top: 85px;
    left: 50px; 
    width: 120px;
}
  
#rightcol {
    margin-left: 222px;
    width: 578px;
}

/* Hides from IE5-mac \*/
* html #rightcol {
    margin-left: 0;
}
/* Hides from IE5-mac \*/

#topnavbar {
    width: 578px;
    height: 32px;
    background: url("images/topnavbar.jpg");
}
#topnav {
    width: 578px; 
    height: 32px;
    background: url("images/topnavbar.jpg");
    margin: 0px; 
    padding: 0;
    position: relative;
}
#topnav li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
}
#topnav li, #topnav a {
    height: 32px; 
    display: block;
}
#link1t {left: 130px; width: 25px;}
#link2t {left: 170px; width: 15px;}
#link3t {left: 200px; width: 45px;}
#link4t {left: 255px; width: 70px;}
#link5t {left: 335px; width: 60px;}
#link6t {left: 410px; width: 45px;}
#link7t {left: 470px; width: 25px;}
#link8t {left: 510px; width: 50px;}

.contentarea {
    width: 578px;
    background: url("images/contentbg.jpg");
    min-height: 490px;
}
.spacer {
    width: 578px;
    height: 10px;
}
/* Hides from IE5-mac \*/
* html .contentarea {
    height: 490px;
}
/* Hides from IE5-mac \*/
.sectionheader {
    width: 578px;
    height: 46px;
    background-repeat: no-repeat;
}
.textblock {
    margin-left: 30px;
    margin-right: 15px;
}

.linkblock a {
display: block;
}

.emailphotobar {
    position: relative;
    width: 800px;
    height: 49px;
    background: url("images/joinusphotos.jpg");
    overflow: hidden;
}
.emailphotobar input {
    margin-left: 76px;
    margin-top: 15px;
    width: 105px;

}
.emailphotobar button {
    margin-top: -10px;
    margin-left: 3px;
    background: url("images/subbut.png");
    border: none;
    height: 22px;
    width: 25px;
}
#pictures li {
    margin: 0; 
    margin-left: 222px;
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
}
#pictures li, #pictures a {
    height: 49px; 
    display: block;
}
#pic1 {left: 0px; width: 70px;}
#pic2 {left: 72px; width: 70px;}
#pic3 {left: 144px; width: 70px;}
#pic4 {left: 216px; width: 70px;}
#pic5 {left: 288px; width: 70px;}
#pic6 {left: 360px; width: 70px;}
#pic7 {left: 432px; width: 70px;}
#pic8 {left: 502px; width: 70px;}
#footer {
    width: 800px;
    height: 78px;
    clear: both;
}
    
#bottomnavbar {
    width: 488px;
    height: 29px;
    position: absolute;
}
#botnav {
    width: 488px; 
    height: 29px;
    background: url("images/bottomnavbar.jpg");
    margin: 0px; 
    padding: 0;
    position: relative;
}
#botnav li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    top: 0;
}
#botnav li, #botnav a {
    height: 29px; 
    display: block;
}
#link1b {left: 25px; width: 25px;}
#link2b {left: 67px; width: 15px;}
#link3b {left: 97px; width: 45px;}
#link4b {left: 152px; width: 70px;}
#link5b {left: 230px; width: 60px;}
#link6b {left: 305px; width: 45px;}
#link7b {left: 365px; width: 25px;}
#link8b {left: 405px; width: 50px;}

#copyright {
    position: absolute;
    width: 312px;
    height: 29px;
    left: 488px;
    background: url("images/copyrightbar.jpg");
}
#copylink a {
    position: absolute;
    left: 150px;
    width: 150px;
    top: 7px;
    height: 12px;
}
