/* vvv UPDATED DISPLAY OF PERSONNEL LIST (NOW FITS BETTER ON PAGES WITH SIDEBARS) vvv */

div.view-people {
    overflow:visible;
}

div.view-people .views-row {
    width:47%;
    padding:0;
    min-width: 250px;
}

div.view-people .views-row-odd {
    margin-right:20px;
}

div.view-people .views-row .views-field-nothing-1 {
    padding-right: 10px;
    padding-top: 10px;
    margin-left:10px;
}

div.view-people .views-row .views-field-nothing-1 .person-name a {
    font-family:Helvetica,"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size:15px;
    font-weight:bold;
    margin-top:5px;
}

div.view-people .views-row .views-field-nothing-1 .affiliation ul {
    font-size:11px;
    line-height:11px;
}

div.view-people .views-row .views-field-nothing-1 .affiliation {
    font-size:11px;
    line-height:13px;
    margin-top:5px;
}

/* you may be able to remove the "important" when this rule is in the right place */
.view-people .views-row .views-field-nothing-2 {
    margin-right:10px !important;
    float:left !important; /*@media only screen and (max-width: 480px) rule somewhere turns off float... but this looks weird when it stacks */
}

@media only screen and (max-width: 720px) {
    div.view-people .views-row {
        width:100%;
    }
}