
/* base elements override */
h1{
    font-size: 13px;
    padding: 1px 0px 0px 10px;
    font-family: Verdana;
    font-weight: 100;
}
h2{
    color:#fff;
}
h3{
    font-size: 15px;
    padding: 0px 0px 0px 0px;
    color:#fff;
    font-family: Verdana;
    font-weight: 100;
    
}
hr{
    margin: 15px 15px 15px 15px;
    border-color:rgb(150,150,150);
}

html,body{
    margin: 0px;
    padding: 0px;
    background-color: rgb(80,80,80);
    height: 100%;
}

/* base site */
#container{
    width: 960px;
    margin: 0px auto;
}

#header{
    background-image: url(/assets/images/bb-header.png);
    width: 960px;
    height: 195px;
}

#nav{
    position: absolute;
    top: 89px;
    margin-left: 230px;
    font-size: 13px;
}

#head-copy{
    width: 650px;
    color:#ebebeb;
    font-family: Verdana;
    font-size: 13px;
    float:right;
    margin-right:10px;
    margin-bottom: 25px;
    margin-top: -30px;
    text-align: justify;
}

#mid-block{
    background-color:rgb(200,200,200);
}
#spotlight-block{
    float: left;
    width: 290px;
    height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
}
#image-block{
    float: right;
}
#slideshow{
    height: 380px;
    width: 670px;
}
#image-block img{ margin-bottom: -4px;}

.spotlight-item{
    padding: 5px 0px 0px 10px;
    width: 100%;
}
.spotlight-text{
    float: left;
    margin-left: 10px;
    color:#333;
    width: 175px;
    font-size: 12px;
    /* text-align: justify; */
}


/* footer */
.adjust{
    width: 960px;
    margin: 0px auto;
}
#footer{
    background-color: rgb(63,63,63);
    height: 50px;
    width: 100%;
}
#push{
    height: 50px;
}
#mailing-list{
    float: left;
    width: 325px;
    margin: 16px 0px 0px 10px;
    font-family: Verdana;
    color:#ebebeb;
    font-size: 11px;    
}
#address{
    float: right;
    margin: 18px 20px 0px 10px;
    font-family: Verdana;
    color:#ebebeb;
    font-size: 11px;
}
#copyright{
    float: right;
    margin: 18px 20px 0px 10px;
    font-family: Verdana;
    color:#ebebeb;
    font-size: 11px;
    
}


/* contact */
#contact-form{
    float:right;
    margin-bottom: 20px;
}
.form-table{
    margin-left:50px;
    color:#fff;
    font-family: Verdana;
    font-size: 12px;
    font-weight: lighter;
}
#contact-image{
    float:left;
}


/* events */
#item-list{
    margin-bottom: 100px;
    margin-top: 30px;
}
.item-detail{
}
.item-image{
    float: left;
}
.item-copy{
    float: left;
    margin: 0px 0px 0px 20px;
    font-family: Verdana;
    font-size: 11px;
}
.item-desc{
    width: 700px;
    color:rgb(200,200,200);
}
.item-date{
    color:rgb(200,200,200);
}

/* bio */
.bio-head{
    margin: 5px 0px 10px 0px;
    color:#ebebeb;
}
.bio-text-head{font-size: 13px; color:#ebebeb;}
.bio-image{position: relative; width:240px; float: left;}
.controls{float:left; width: 240px; color:#ebebeb; font-family: Verdana; font-size: 12px; margin-top: 3px;}
.image-div{position: relative;}

/* utilities */
.clear{clear: both;}
.link{ float: left; margin-left: 50px}
.error{color:rgb(145,33,33);}
.left{float:left; cursor: pointer;}
.right{float:right; cursor: pointer;}


a:link{color:#f26522; font-family: Verdana; font-weight: 600; text-decoration: none;}
a:active{}
a:visited{ color:#f26522; font-family: Verdana; font-weight: 600; text-decoration: none;}
a:hover{color:#f88a55;}