/* ===========================================
   masthead */

.masthead{
    /*border: 1px solid green;*/
}

.masthead .search_zone{
    background-color:     #cccccc;
    background-image:     url("../img/masthead_encyc_bkg.jpg");
    background-repeat:    no-repeat;
    border-bottom:        1px solid #e7e7e7;
    padding:              0px;
    margin:               0px;
}

.masthead .search_zone .controls{
    height:             35px;
    width:              auto;
    float:              right;
    padding:            0px;
    margin:             0px;
}

.masthead .search_zone .controls td{
    vertical-align: middle;
    padding-left:   4px;
}

.masthead .nav{
    background-color:   #999999;
}


.masthead .nav .buttons{
/*this width keeps extra long right columns from*/
/*jumping down when window size is reduced in IE 6*/
    width:  690px;
    /*border: 1px solid green;*/
}

.masthead .nav .buttons .button{
    height:         36px;
    vertical-align: middle;
    font-size:      11px;
    padding-left:   15px;
    padding-right:  15px;
    color:          #ffffff;
    cursor:         pointer;
}

.masthead .nav .buttons .selected{
    height:             36px;
    vertical-align:     middle;
    font-size:          11px;
    padding-left:       15px;
    padding-right:      15px;
    color:              #ffffff;
    background-color:   #b1b1b1;
    cursor:             pointer;
}