/* ******************************* */
/* Author: C. Teshera-Sterne, 2010 */

/******* Site-wide *******/

body {
        background-color: #808050; /* #606020; */
        font-family: 'Arial','Helvetica','Helvetica-Neue','sans-serif';
        text-align: center;
}

#top-container {
        margin: auto;
        width: 1000px;
        background-color: #eee; /* this background shouldn't show ... */
        text-align: left; /* correct for body center */
}

img { border: 0; }

td, th {
    padding: 1px 5px 1px 5px;
}


/* a:link {  */
/*      text-decoration: none; */
/*      color: #403820; */
/* } */

/* a:visited { */
/*      text-decoration: none; */
/*      color: #606020; */
/* } */


/******* Header/navigation ******/

#header {
        background-color: #ccc;
        padding: 5px; /*20px;*/
        /* Watch this link! Must be correct for header image to work */
        background-image:url('../img/tree_header.jpg');
        background-repeat:no-repeat;
        /*background-position:right;*/
}

#header h1 { margin-left: 100px; }

#navbar {
        float: left;
        /*width: 1200px;*/
        width: 1000px;
        background-color: #403820; /* #402010 #808050 #333 */
}

#navbar ul {
        margin: 0 95px;
        padding: 0;
}

#navbar ul li {
        list-style-type: none;
        display: inline;
}

#navbar li a {
        display: block;
        float: left;
        padding: 5px 10px;
        color: #fff;
        text-decoration: none;
        border-right: 1px solid #fff;
}

#navbar li a:hover { background-color: #606020; } /*#383;*/

#navbar a.active { background-color: #606020; }

#welcome {
    float: right;
    color: #fff;
    background-color: #403820 /* #403820 #402010 #808050 #333 */;
    padding: 5px 10px;
}

#welcome a {
    color: #aaf;
}

#welcome a:hover {
    color: blue;
    background-color: #fff;
}

a#first { border-left: 1px solid #fff; }

a#current { background-color: #606020; }

/**** Content area *********/

#main {
    background-color: #eee;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
}

#center-col {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        width: 870px;
}

#center-col table {
    border: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#center-col row {
    margin-left: auto;
    margin-right: auto;
}

#center-col  tr, td {
    border: none;
}

#center-col a {
    font-size: 8pt;
    font-color: black;
}


.center {
    text-align:center;
}

img.center {
    border: 0;
    display: block;
    margin: 0 auto;
}

table.center {
    border: 3px solid #606020;
    border-collapse: collapse;
    margin: 0 auto;
}

table.center td, tr, th {
    border: 1px solid #606020;
}

/**** Footer *********/

#footer {
    clear: left;
    background-color: #ccc /*#808050*/;
    text-align: left;
    padding: 8px 0px 4px 0px;
    height: 1%;
    font-family: arial;
    font-size: 8pt;
    /*background-color: aqua;*/
    margin: 0px 0px 20px 0px;
}

#footer ul {
    width: 700px;
    margin: 0 0 0 60px;
    padding: 0px;
}

#footer ul li {
        list-style-type: none;
        display: inline;
}

/**** Tables ****/
.row1 {
    background-color: #cccc66;
}
.row2 {
    background-color: white;
}

/**** Gallery ****/
.sitenames {
    height: auto;
    font-size: 9pt;
    overflow-x: auto;
}
.siteicons {
    height: 8pt;
    font-size: 9pt;
    margin: 0px auto 0px auto;
    text-decoration: none;
    color: black;
}

ul.errorlist {
    margin: 0 0 0 0;
}

.errorlist li{
    list-style-type: none;
    color: red;
}

.nonfield li{
    color: red;
    list-style-type: disc;
    margin: 0 0 1em 0;
}

#roiinfo {
    padding: 0px;
    margin: 0 0 0 0;
    text-align: left;
    display: inline;
}

#roiinfo h3 {
    padding: 0px;
    margin: 0 0 5px 0;
}

#site-filter {
    margin-left: auto;
    margin-right: auto;
}

#site-filter ul li {
    font-size: 10pt;
    list-style-type: none;
    display: inline;
    padding: 1em;
}

#sitetype-info {
    font-size: 10pt
}

/* for education page */
.thumbnail {
    display: inline-block;
}