/* CSS RESET
 *******************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* Remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: #97a35b;
        background: white;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }


/* DEFAULTS
 *******************************************************************************************/

html, body { height: 100%; }
body {
    background-color: #e2e5d0;
    font: 12px/1.5 Verdana,Helvetica,sans-serif; color: #fff;
}

a         { color: #618704; text-decoration: underline; font-weight: bold; }
a:visited { color: #618704; }
a:hover   { text-decoration: none; }

p  { margin: 0.7em 0; }
.p { margin: 0.7em 0; } /* Any element that wants to be treated like a paragraph. */

em { font-style: italic; }
strong { font-weight: bold; }

code { font-family: 'Courier New', Courier; line-height: 1em; }


#main h1 + * { margin-top: 10px; }
#main h2 + p, #main h2 + ul, #main h2 + ol, #main h2 + table { margin-top: 0.4em; }
#main h3 + p, #main h3 + ul, #main h3 + ol, #main h3 + table { margin-top: 0.4em; }
#main h1 + h2, #main h1 + h3, #main h2 + h3 { margin-top: 0.5em; }

#main caption { text-align: left; }

#main ol,
#main ol > li { list-style-type: decimal; }

#main ol > li { margin: 0 0 3px 20px; }
#main ul > li { padding: 0 0 3px 10px; }

#main ul { /*list-style-type: none;*/ /*list-style-position:inside;*/ }
#main ul > li { /*background: transparent url(/images/template/bullet.png) no-repeat 0 0.5em;*/ }

#main ul.no-bullets, #content ul.no-bullets { list-style-type: none; }

#content ul, #main ul,
#content ol, #main ol { margin: 0.7em 0; padding: 0 0 0 20px; }
#content li > ul, #content li > ol { margin-top: 3px; margin-bottom: 0; }



/* TEMPLATE
 *******************************************************************************************/

#frame {
    margin: 0 auto;
    width: 1038px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    background: transparent url(/images/template/glow.png) repeat-y scroll 0 0;
}

#wrapper { margin: 0 16px 0 16px; }

#header {
    font: 12px/140% "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    position: relative; /* So we can position the children relative to their parent (this). */
    background: transparent none;
    height: 320px;
}

#main h1 { color:#7e6244; font: 25px/150% "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif; border-bottom: 1px solid #7e6244;  font-weight: bold; font-style: italic; }
#main h2 { color:#7e6244; font: 16px/150% "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif; border-bottom: 1px solid #7e6244;  font-weight: bold; font-style: italic; }
#main h3 { color:#7e6244; font: 14px/150% "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif; font-weight: bold; }

#main h1 { margin: 5px 0 5px; }
#main h2 { margin: 7px 0 5px; }
#main h3 { margin: 10px 0 0; }

/* LOGOS, etc.
 */

#logo-main { position: absolute; left: 10px;  top: 5px; z-index: 100; }
#logo-doe  { position: absolute; left: 760px; top: 18px; }

/* MAIN NAVIGATION.
 */

#nav-main {
    clear: both;
    position: absolute;
    top: 70px;
    left: 0px;
    margin: 0;
}

#nav-main .upper > div {
    background: transparent url(/goamazon2014/images/template/top-menu.png) repeat-x scroll 0 0;;
    float: left;
}

#nav-main .upper > div .tr {
    height: 25px;
    font-size: 10pt;
    text-align: center;
    padding-top: 6px;
    cursor: pointer;
    overflow: hidden;
}

#nav-main .upper a       { text-decoration: none; color: #fff; font-weight: bold; border: none; }
#nav-main .upper a:hover { text-decoration: underline; font-weight: bold; color: #47321b; border: none; }

#nav-main .upper .disabled { text-decoration: line-through; color: #aaa; font-weight: normal; border: none; }
/*#nav-main .upper > .first .tl .tr { text-align: right; margin-right: 20px; }*/

#nav-main .upper > .empty         .tr { width: 198px; }
#nav-main .upper > .home          .tr { width: 133px; }
#nav-main .upper > .background    .tr { width: 135px; }
#nav-main .upper > .observations  .tr { width: 135px; }
#nav-main .upper > .science       .tr { width: 135px; }
#nav-main .upper > .outreach      .tr { width: 135px; }
#nav-main .upper > .contacts      .tr { width: 135px; }

#nav-main .upper > .sel   .tl { background: transparent url(/goamazon2014/images/template/top-smenu.png) repeat-x scroll 0 0; }
#nav-main .upper > .hover   .tl { background: transparent url(/goamazon2014/images/template/top-smenu.png) repeat-x scroll 0 0; }

#nav-main .upper > .sel   .tr { background: transparent url(/goamazon2014/images/template/top-smenu.png) no-repeat scroll 100% 0; height: 25px; }
#nav-main .upper > .hover   .tr { background: transparent url(/goamazon2014/images/template/top-smenu.png) no-repeat scroll 100% 0; height: 25px; }

#nav-main .upper > .sel   a,
#nav-main .upper > .hover a        { color: #47321B; font-weight: bold; }
#nav-main .upper > .sel   a:hover,
#nav-main .upper > .hover a:hover  { color: #47321B; }

#nav-main .lower {
    clear: left;
    height: 216px;
    width: 1006px;
    background: transparent url(/goamazon2014//images/template/lower-menu.png) no-repeat scroll 0 0;
}

#nav-main .lower > .home        .tr { width: 100px; }
#nav-main .lower > .planning    .tr { width: 200px; }
#nav-main .lower > .operations  .tr { width: 200px; }
#nav-main .lower > .outreach    .tr { width: 150px; }
#nav-main .lower > .contacts    .tr { width: 150px; }

#nav-main .lower > div {
    display: none;
    position: absolute;
    background: transparent url(/goamazon2014/images/template/top-smenu.png) repeat scroll 0 0; 
    z-index: 100;
}

#nav-main .lower > div.hover { display: block; }
#nav-main .lower > div > .clear { clear: both; }

#nav-main .lower ul { float: left; font-size: 90%; line-height: 100%; }
#nav-main .lower div.right ul { }
#nav-main .lower ul:first-child { border-left: none; font-size: 100%; line-height: 120%; }

#nav-main .lower ul li { display: block; padding: 5px 20px; }
#nav-main .lower ul a {
    color: #fff;
    text-decoration: none;
}
#nav-main .lower ul a:hover { text-decoration: underline; color: #47321B; }

/* HOME 1-COL LAYOUT.
 */
#content { padding: 25px 50px 20px 50px; float: left; width: 906px; overflow: auto; }
#content, #col-1, #col-2 { color: #433525; font-weight: normal; line-height: 1.5;}

/* HOME 2-COL LAYOUT.
 */

#col-1    { float: left; width: 562px; margin: 25px 50px 20px 50px; overflow: visible; }
#col-2    { float: left; width: 294px; margin: 25px 50px 20px 0; }

/* FOOTER.
 */
#footer { clear: both; margin: 0 20px 0 20px; border-top: 2px solid #97a35b; }
#footer img { float: right; margin: 15px 0 0 10px; }
#footer .disclaimer { width: 150px; margin: 10px 0 20px 0; float: left; }
#footer a { color: #3493c2; text-decoration: none; border: none; }
#footer a:hover { text-decoration: underline; border: none; }
#footer { font: 9px/150% Verdana,Helvetica,sans-serif; color: #aea9aa; }


/* TABLES (static).
 *******************************************************************************************/

#main table.static a { font-weight: bold; }

#main table.static {
    border: none;
    width: 100%;
    font-size: 100%;
    border: 3px solid #7e6143;
}

#main table.static th,
#main table.static th {
    background-color: #7e6143;
    color: #fff;
    padding: 4px 10px 4px 10px;
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
    vertical-align: top;
    cursor: default;
}


#main table.static td {
    color: #7c6144;
    padding: 4px 10px 4px 10px;
    border: none;
    cursor: default;
    background-color: #fff;
    vertical-align: top;
    line-height: 1.2;
}

#main table.static th,
#main table.static td {
}

#main table.static tr.odd td.odd { background-color: #ebe7e3; }
#main table.static tr.odd td.even { background-color: #dcd5cd; }

#main table.static tr.even td.odd { background-color: #ccc1b6; }
#main table.static tr.even td.even { background-color: #c4b8ac; }

/* MISC. 
 *******************************************************************************************/
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

img.center, div.center {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

div.img div {
  color: #8fb30e;
  font-size: 90%;
  margin: 5px 0 5px 0;
  line-height: 120%;
}
div.img div.text {
  color: #8fb30e;
  margin: 5px 0 0 0;
  font-size: 90%;
  font-style: italic;
}

div.img img { border: 1px solid #999; }
div.borderless img { border: none; }
div.img-right { float: right; margin: 0 0 0.5em 1em; }
div.img-left { float: left; margin: 0 1em 0.5em 1em; }