body {
    margin:0;
    padding:0 3%;
    background:#030 url(green_stripe.png);
    font:0.9em/2em Georgia, serif;
    color:#33170d;
}
a {
    text-decoration:none;
    color:#030;
}
a img { border:0 }
dt {
    font-weight:bold;
}
h1 {
    margin:0 0 1em -20px;
    font-weight:normal;
    font-size:24px;
}
.tabs h1 { margin-left:0 }

dd { line-height:150% }
fieldset { border:1px solid #c46827; padding:0 1em 1em 1em;margin-top:1em  }
legend   { color:#c46827; font-weight:bold; font-size:110% }

#box1 {
    min-width:638px;
    background:#fff url(bg-left.png) repeat-y 0 -2px;
    margin-left:-8px;
    padding-left:8px;
}
#box2 {
    background:#fff url(bg-right.png) repeat-y 100% -1px;
    padding-right:9px;
    margin-right:-8px;
    width:100%;
}
#header { 
    position:relative;
    height:150px;
    background:#000 url(bg_leaf_banner.jpg) repeat-x;
}
#header img {
    margin:8px 20px;
}
#header h1, #header h2 {
    text-indent:-9999px;
}
#header h3 {
    position:absolute;
    top:0;
    right:0;
    margin:-9px -20px 0 0;
    padding:0;
    font-size:12px;
}
#header img { border:0;vertical-align:middle }
#menu {
    position:absolute;
    top:117px;
    height:35px;
    color:#c46827;
    font-size:13px;
    font-weight:bold;
    padding:4px 16px 0 16px;
}
#menu a {
    color:#030;
}
#menu a:hover {
    border-bottom:5px solid #030;
}
#menu ul {
    margin:0;
    padding:0;
}
#menu li {
    list-style:none;
    padding:0 10px;
    float:left;
}
#main {
    background:#fff;
    padding:30px 70px 20px 50px;
}
#main h1 {
    padding-left:20px;
    background:url(h1_bullet.png) no-repeat 0 2px;
}

#footer { width:80%;clear:both }
#generated {
    color:#eee;
    font-size:75%;
    text-align:right;
    padding-right:2em;
}

#nsf { border:2px solid #c46827; padding:3px }

/***** Specific pages *****/

#f_search textarea, #f_search input[type=text] { border:1px solid #ccc }
#f_search h2       { font-size:14px; margin-top:2em }
#f_search p        { clear:left }
#f_search label    { font-weight:bold; display:block; padding-right:1em; text-align:right; width:200px;float:left }
#f_search .widget   { float:left;border:1px solid #c46827; padding:0 1em 1em 1em; margin-bottom:1em;width:100% }
#f_search .widget div { float:left; padding-right:2em }
#f_search .widget h3 { font-size:12px;margin:0 }
#f_search .widget p { margin:0.5em 0 }
#f_search .widget big { font-size:18px; font-weight:bold }
#f_search .widget input[type=text] { border:1px solid #ccc }
#adder          { text-align:right; margin:0 }
#adder input    { border:1px solid #999 }

#search td { vertical-align:top;padding:2px }
#search thead tr {
    background:#c46827;
    color:#fff;
}
.even { background:#f3f3cc }

#project .tabs div { padding-top:2em }
#view th { text-align:right; width:200px; padding-right:1em }
#view th, #view td,
#expt th, #expt td { vertical-align:top;padding-top:5px }

.data   { width:100% }
.data th { background:#c46827; color:#fff;text-align:center }
.data .scale th { color:#33170d; background:#fff; text-align:right }
.data td, #data th { padding:0 1em }
.data td img { vertical-align:middle }
.data td.data   { white-space:nowrap }
.data td em { font-weight:bold;color:#c00 }
.data td small { display:none }
.data td.hover small { display:block;position:absolute;margin-top:-16px;background:#f3f3cc;padding:0 10px;border:1px solid #c46827 }


/***** experiment *****/
#expt th { text-align:right; width:175px; padding:0 1em }
#expt th.h1 { background:#c46827; color:#fff; text-align:left }
#expt ul    { margin:0 ; padding:0}
#expt td    { line-height:16px }

table#settings   { background:#fff }
#output     { background:#f3f3cc;padding:1em;line-height:150% }

#people dd img  { vertical-align:middle; padding:0 0.5em }
#people dt      { font-size:125%; font-weight:bold }
#people dd      { margin-left:1em }
#people .col1   { float:left; width:48% ; padding-right:2%}
#people .col2   { float:left; width:48% }
#people .col1 h2, #people .col2 h2
                { background:#f3f3cc; width:90%;}

/***** General *****/
.pager { background:#f3f3cc; padding:0 1em; border:1px solid #c46827;margin:2em 0}
.pager p { margin:0;text-align:right }
.pager strong { padding-right:1em }
.pager a:hover { background:#030; color:#fff }
.pager a { border:1px solid #fff; padding:0 4px }

/***** for jquery.tabs stuff. override distributed css *****/
.tabs div       { margin-top:-1px;padding:0 2em; border:1px solid #ecdeb3 }
.anchors a      { border:1px solid #ecdeb3;background:#f3f3cc }
.anchors .on a  { background:#fff; border-bottom:0 }
.anchors a:hover  { background:#ecdeb3 }

div.row         { clear:both }
div.row div     { float:left }
dl.twocols dt   { margin-left:10em; display:block; float:left; width:13%; height:90px; clear:left }
dl.twocols dd   { padding-left:0em; display:block; float:left; width:50%; height:90px; font-size:110% }
dl:after        { content:"."; display:block; clear:both; visibility:hidden }

.alert      { font-weight:bold; color:#c00 }
input.alert { border:2px solid #c00!important }
.clear      { clear:both }
.center     { text-align:center }
.left       { text-align:left }
.right      { text-align:right }
.middle     { vertical-align:middle }
.top        { vertical-align:top }
.bulletless { list-style:none }
.bold       { font-weight:bold }