*
    {
        margin: 0;
        padding: 0;
    }

    body, html
    {
        background: #95938f;
        background-image: url(/pics/group.png);
        height: 100%;
        font-family: Tahoma, "Helvetica Narrow", "Arial Narrow", Tahoma, Helvetica, sans-serif;
        font-size: 20px;
        color: #fff;
    }
    form
    {
        margin: 0px;
    }
    img
    {
        border: 1px solid black;
    }
    .logo {
        height: 2.5em;
    }
    .imageDiv {
        margin-top: 10px;
    }


    #browser
    {
        position: relative;
        width: 100%;
        height: 100%;
    }

    #content
    {
        background: slategrey;
        background-repeat: repeat-x;
        width: 98%;
        max-width: 800px;
        margin: auto; 
        padding: 5px;
    }

    #header
    {
        background-color: #666666;
        position: relative;
        background: #fff;
        height: 150px;
        border-bottom: 1px solid #1c1c1c;
    }

    #middle
    {
        background-color: #717272;
        color: black;
        font-family: "Times New Roman", sans-serif;
        font-size: 20px;
        text-align: left;

        min-height: 800px;

        padding-top: 2em;
    }

    .center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .gallery {
        margin: 5px;
        float: left;
        display: inline;
        border: 0px solid white;
        text-align: center;
    }
    .gallery img {
        display: block;
        margin: auto;
        text-align: center;
        padding: 0;

    }
    .gallery p {
        font-size: 0.9em;
        font-style: italic;
        color: black;
        display: block;
        text-align: right;
        clear: both;
        margin-left: 15px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .gallery a {
        color: black;
    }


    .largePhoto {
        margin: 10px;
        display: inline;
        margin-left: auto;
        margin-right: auto;


        border: 0px solid white;
        text-align: center;
    }
    .largePhoto img {
        display: block;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .largePhoto p {
        font-size: 0.9em;
        font-style: italic;
        color: black;
        display: block;
        text-align: right;
        clear: both;
        margin-left: 15px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .largePhoto a {
        color: black;
    }
    .setwidth {
        width: 95%;
        max-width: 800px;
    }
    .centered {
        margin: 0 auto;
        text-align: center;
    }
    .topbottommargin {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .setwidth.centered {
    }








    .superTitle {
        color: black;
        text-align: center;
        font-size: 1.5em;

    }
    .superDesc {
        color: black;
        font-size: 0.8em;
    }




    .familyButton {
        font-size: 0.8em;
        margin: 0;
        padding: 4px;
        display: inline;
        text-align: center;
    }
    .genusButton {
        font-size: 0.8em;
        margin: 0;
        padding: 4px;
        display: inline;
        text-align: center;
    }
    .speciesButton {
        font-size: 0.8em;
        margin: 0;
        padding: 4px;
        display: inline;
        text-align: center;
    }
    .common {
        float: left;
        font-size: 0.8em;
        text-align: left;
        margin: 0;
        padding: 0;
    }
    .photoDate {
        float: right;
        font-size: 0.8em;
        text-align: right;
        margin: 0;
        padding: 0;
    }














    a {
        color: lightblue;
    }
    a:visited
    {
        text-decoration: none;
    }
    a:link
    {
        text-decoration: none;
    }
    a:hover
    {
        text-decoration: underline;
    }
    a.video:hover
    {
        text-decoration: underline;
    }

    a:hover .graphic,
    a:active .graphic
    {
        border: 0px;
    }

    div.clearboth {
        clear: both;
        line-height: 0px;
        height: 0px;
    }
    .msgBox {
        display: inline-block;
        width: 296px;
        margin: 10px auto 30px auto;
        padding: 10px;
        background-color: lightblue;
        text-align: center;
    }
    .mmcButton {
        width: 100px;
        height: 30px;
    }
    .meetingDate {
        color: cyan;
        font-weight: bold;
    }
    .meetingTime {
        color: cyan;       
    }
    .meetingDescription {
        color: #e9e20c;        
        font-style: italic;
        font-size: 1.5em;
    }
    .meetingPlace {
        color: black;        
    }
    .fieldtripDate {
        font-weight: bold;
    }
    .fieldtripPlace {
        color: cyan;
        font-weight: bold;
    }
    .fieldtripDescription {
        font-style: italic;
    }