@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.2.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 443 $ $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $ */
@media all {
* {margin: 0;padding: 0}
option {padding-left: 0.4em}
select {padding: 1px}
* html body * {overflow: visible}
* html iframe,* html frame {overflow: auto}
* html frameset {overflow: hidden}
body {font-size: 100.01%;background: #fff;color: #000;text-align: left}
div {outline: 0 none}
fieldset,img {border: 0 solid}
ul,ol,dl {margin: 0 0 1em 1em}
li {line-height: 1.5em;margin-left: 0.8em}
dt {font-weight: bold}
dd {margin: 0 0 1em 0.8em}
blockquote {margin: 0 0 1em 0.8em}
blockquote:before,blockquote:after,q:before,q:after {content: ""}
.clearfix:after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden}
.clearfix {display: block}
.floatbox {overflow: hidden}
#ie_clearing {display: none}
.skip,.hideme,.print {position: absolute;top: -32768px;left: -32768px}
.skip:focus,.skip:active {position: static;top: 0;left: 0}
#skiplinks {position: absolute;top: 0px;left: -32768px;z-index: 1000;width: 100%;margin: 0;padding: 0;list-style-type: none}
#skiplinks a.skip:focus,#skiplinks a.skip:active {left: 32768px;outline: 0 none;position: absolute;width: 100%}
}
@media screen,projection {
#header {position: relative}
#topnav {text-align: right}
#header #topnav {position: absolute;top: 10px;right: 10px}
#header,#nav,#main,#footer {clear: both}
#col1 {float: left;width: 200px}
#col2 {float: right;width: 200px}
#col3 {width: auto;margin: 0 200px}
#col1_content,#col2_content,#col3_content {position: relative}
.subcolumns {width: 100%;overflow: hidden}
.subcolumns_oldgecko {width: 100%;float: left}
.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l {float: left}
.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r {float: right;margin-left: -5px}
.c20l,.c20r {width: 20%}
.c40l,.c40r {width: 40%}
.c60l,.c60r {width: 60%}
.c80l,.c80r {width: 80%}
.c25l,.c25r {width: 25%}
.c33l,.c33r {width: 33.333%}
.c50l,.c50r {width: 50%}
.c66l,.c66r {width: 66.666%}
.c75l,.c75r {width: 75%}
.c38l,.c38r {width: 38.2%}
.c62l,.c62r {width: 61.8%}
.subc {padding: 0 0.5em}
.subcl {padding: 0 1em 0 0}
.subcr {padding: 0 0 0 1em}
.equalize,.equalize .subcolumns {overflow: visible;display: table;table-layout: fixed}
.equalize >div {display: table-cell;float: none;margin: 0;overflow: hidden;vertical-align: top}
}
@media print {
.subcolumns >div,.floatbox {display: table;overflow: visible}
.print {position: static;left: 0}
.noprint {display: none !important}
}
@media screen, projection {
body {overflow-y: scroll;}
body {background-color: #aca7a3;padding: 0;}
.page_margins {margin: 0 auto;}
.page_margins {width: 960px;}
.page {background-image: url(http://summainstitute.org/images/site/bkgrd_page_tile.jpg);background-repeat: repeat-y;background-position: left top;}
#header_wrap {background-image: url(http://summainstitute.org/images/site/bkgrd_page_top.jpg);background-repeat: no-repeat;background-position: left top;min-height: 226px;}
#header_wrap_shorter {background-image: url(http://summainstitute.org/images/site/bkgrd_page_top_shorter.jpg);background-repeat: no-repeat;background-position: left top;min-height: 148px;}
#header {margin: 0 16px;padding: 0 15px 0 50px;color: #000;}
#topnav {color: #fff;background: transparent;font-weight: bold;}
#nav {overflow: hidden;}
#main_wrap {background-image: url(http://summainstitute.org/images/site/bkgrd_page_tile_border.jpg);background-repeat: repeat-y;background-position: left top;}
#main {background-color: transparent;margin: 20px 16px 0 16px;}
body#page_home #main {background-color: transparent;background-image: url(http://summainstitute.org//images/site/bkgrd_tree_rings.jpg);background-repeat: no-repeat;background-position: 510px bottom;min-height: 166px;}
#footer {position: relative;margin: 0 31px 0 48px;padding: 25px 0 0 0;border-top: 1px solid #bababa;background-color: #fff;background-repeat: no-repeat;background-position: 250px 25px;min-height: 60px;}
#credits {padding: 25px 16px 15px 16px;background-image: url(http://summainstitute.org//images/site/bkgrd_page_bottom.jpg);background-repeat: no-repeat;background-position: left top;text-align: right;}
#nav ul {margin-left: 20px;}
#col1 {float: left;width: 716px;}
#col2 {display: none}
#col3 {width: auto;margin: 0 0 0 716px}
#col1_content {padding: 15px 15px 0 2px;margin-left: 30px;}
#col3_content {padding: 0;}
}
@media all {
html * {font-size: 100.01%;}
textarea, pre, code, kbd, samp, var, tt {font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
body {font-family: Georgia, "Times New Roman", Times, serif;font-size: 75.00%;color: #333;line-height: 1.6;}
.hr_border {border-top: 1px solid #dfdfdf !important;padding-top: 15px;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;color: #000;margin: 0 0 .6em 0;}
h1 {font-size: 160%;color: #80ab34;}
h2 {font-size: 133.33%;}
#header h2 {color: #80ab34;font-size: 130%;float: left;clear: left;margin: 20px 0 0 0;}
#header h2 a,
#header h2 a:visited {color: #587624;}
#header h2 a:hover,
#header h2 a:visited:hover,
#header h2 a:active {color: #999;}
h3 {font-size: 116.67%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
ul, dl {margin: 0 0 1.4em 3em;}
ul {list-style-type: disc;}
ul ul {list-style-type: circle;margin-bottom: 0;}
ol {list-style-type: decimal;margin: 0 0 1.4em 3.6em;}
ol ol {list-style-type: lower-latin;margin-bottom: 0;}
li {margin-left: 0.8em;}
dt {font-weight: bold;}
dd {margin: 0 0 1em 0.8em;}
p {margin: 0 0 1.4em 0;}
blockquote, cite, q {font-style: italic;font-size: 100%;}
blockquote {margin: 0 15px 15px 35px;}
span.author {text-align: right;font-size: 13px;font-style: normal;color: #666;margin-top: 5px;display: block;}
strong,b {font-weight: bold;}
em,i {font-style: italic;}
big {font-size: 116.667%;}
small {font-size: 91.667%;}
pre {line-height: 1.5em;margin: 0 0 1em 0;}
pre, code, kbd, tt, samp, var {font-size: 100%;}
pre, code {color: #800;}
kbd, samp, var, tt {color: #666;font-weight: bold;}
var, dfn {font-style: italic;}
acronym, abbr {border-bottom: 1px #aaa dotted;font-variant: small-caps;letter-spacing: .07em;cursor: help;}
sub, sup {font-size: 91.6667%;line-height: 0;}
hr {color: #bababa;background: transparent;margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;border: 0;border-bottom: 1px #bababa solid;}
/* BLOG HELP */
li.comments {list-style-type: none;}
div.blog_tags {padding: 10px 0;}
a {color: #D76C0D;background: transparent;text-decoration: none;}
a:visited {color: #d58c4c;}
a:hover,
  a:active {color: #80ab34;outline: 0 none;}
p.icaption_left {float: left;display: inline;margin: 0 1em 0.15em 0;}
p.icaption_right {float: right;display: inline;margin: 0 0 0.15em 1em;}
p.icaption_left img,
  p.icaption_right img {padding: 0;border: 1px #888 solid;}
p.icaption_left strong,
  p.icaption_right strong {display: block;overflow: hidden;margin-top: 2px;padding: 0.3em 0.5em;background: #eee;font-weight: normal;font-size: 91.667%;}
.highlight {color: #c30;}
.dimmed {color: #888;}
.info {background: #f8f8f8;color: #666;padding: 10px;margin-bottom: 0.5em;font-size: 91.7%;}
.note {background: #efe;color: #040;border: 2px #484 solid;padding: 10px;margin-bottom: 1em;}
.important {background: #ffe;color: #440;border: 2px #884 solid;padding: 10px;margin-bottom: 1em;}
.warning {background: #fee;color: #400;border: 2px #844 solid;padding: 10px;margin-bottom: 1em;}
.float_left {float: left;display: inline;margin-right: 1em;margin-bottom: 0.15em;}
.float_right {float: right;display: inline;margin-left: 1em;margin-bottom: 0.15em;}
.center {display: block;text-align: center;margin: 0.5em auto;}
img#logo {width: 142px;height: 124px;float: left;display: inline;margin: 10px 0 0 136px;}
/* DROP BOX */
div#drop_box {float: right;display: inline;font: 11px Arial, Verdana, sans-serif;line-height: 1.5em;color: #80ab34;margin: 20px 25px 0 0;}
/* COLUMN 1 */
div#col1_content .inner_wrap {padding: 0 30px 0 18px;}
div#motion_flash_area {padding-bottom: 24px;width: 647px;}
/* COLUMN 3 */
div#graphic_links,
div#news_events {margin-left: 1px;padding: 0 15px 0px 9px;}
div#graphic_links img.header {padding: 15px 0 15px 10px;}
div#quick_links {margin: 0 20px 0 01px;padding: 0 15px 10px 22px;line-height: 25px;}
div#quick_links a,
div#quick_links a:visited {font-style: italic;color: #363636;}
div#quick_links a:hover,
div#quick_links a:visited:hover,
div#quick_links a:active {color: #80ab34;}
div#quick_links {border-bottom: 1px solid #bababa;}
div#news_events img.header {padding: 20px 0 15px 10px;}
div#news_events p {margin: 0 0 1.5em 10px;color: #707070;font-style: italic;}
div#news_events p a,
div#news_events p a:visited {color: #363636;}
div#news_events p a:hover,
div#news_events p a:active {color: #80ab34;}
/* TABLES */
table.chart_table th {background: #abcf3b;padding: 10px;font-size: 11px;vertical-align: top;text-align: left;color: #fff;border-right: 1px solid #fff;}
table.chart_table td {font-family: verdana, san-serif;padding: 10px;font-size: 10px;vertical-align: top;text-align: left;color: #666;border-right: 1px solid #ddd;}
/* FOOTER AND CREDITS */
h6 {font-family: Arial, Verdana, sans-serif;font-weight: bold;font-size: 110%;text-transform: uppercase;color: #80ab34;margin: 0;}
div#footer p {font-family: Arial, Verdana, sans-serif;font-size: 12px;}
div#footer a,
div#footer a:visited {color: #80ab34;}
div#footer a:hover,
div#footer a:visited:hover,
div#footer a:active {color: #999;}
div#credits {font-size: .9em;}
div#credits a {color: #333;}
div#credits a:visited {color: #333;}
div#credits a:hover,
  div#credits a:active {color: #000;}
}
@media screen, projection {
.required {color: #800;font-weight: bold;}
.yform {background: #f4f4f4;border: 1px #ddd solid;margin: 0 0 1em 0;padding: 10px;}
.yform fieldset {border: 1px #ddd solid;background: #fafafa;margin: 0 0 1em 0;padding: 0.5em;}
.yform legend {font-size: 125%;font-weight: normal;color: #000;}
.yform label {color: #666;}
.yform input,
  .yform textarea,
  .yform select, 
  .yform optgroup {font-family: Arial, Helvetica, sans-serif;color: #666;}
.yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select {border: 1px solid #ddd;}
.yform div.type-text input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div.type-text input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div.type-text input:active,
  .yform div select:active,
  .yform div textarea:active {border: 1px #a66 solid;background: #fff;}
.yform .type-button input {border-top: 1px #ddd solid;border-left: 1px #ddd solid;border-right: 1px #444 solid;border-bottom: 1px #444 solid;color: #000;background: #454545;padding: 5px 1em;}
.yform .type-button input[type=reset] {color: #300;background: #661717}
.yform .type-button input[type=submit] {color: #fff;background: #80ab34;padding: 6px 10px;margin-left: 5px;}
.yform .type-button input.reset {color: #300;background: #661717}
.yform .type-button input.submit {color: #fff;background: #80ab34;}
.yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {border-top: 1px #444 solid;border-left: 1px #444 solid;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;color: #666;background: #ccc;}
.yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active {background: #800;color: #fff;}
.yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {background: #880;color: #fff;}
.yform {overflow: hidden;}
.yform fieldset {overflow: hidden;}
.yform label {display: block;cursor: pointer;}
.yform legend {background: transparent;border: 0;padding: 0 0.5em;}
.yform .message {display: block;margin-bottom: 0.5em;color: #666;}
.yform input[type=hidden] {display: none !important;}
.yform sup {color: #800;font-weight: bold;}
.yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {margin: 0.5em 0;padding: 3px 0.5em;position: relative;overflow: hidden;}
.yform div.type-button {padding: 3px 0em;}
.yform .type-text input,
  .yform .type-text textarea {display: block;position: relative;padding: 0.3em 0.3em;width: 58.5%;}
.yform .type-select select {display: block;position: relative;padding: 0.3em 2px 0.3em 1px;width: 60%;cursor: pointer;}
.yform .type-select select optgroup {font-style: normal;font-weight: bold;}
.yform .type-check input {cursor: pointer;}
.yform .type-check label {display: inline;}
.yform .type-button input {cursor: pointer;overflow: visible;width: auto;}
.yform div.error {border: 1px #a00 dashed;background: #faf4f4;padding: 0.5em;}
.yform div.error label {color: #000;font-weight: bold;}
.yform div.error .message {color: #800;}
.yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active {border: 0 none;}
.full div.type-text input,
  .full div.type-text textarea {width: 95.5%;margin-right: -3px;}
.full div.type-select select {width: 97.0%;margin-right: -3px;}
* html .full div.type-text input,
  * html .full div.type-text textarea {width: 95.5%;}
* html .full div.type-select select {width: 97.0%;}
.columnar .type-text label,
  .columnar .type-select label {float: left;width: 30%;}
.columnar div.type-check input {margin-left: 30%;}
.columnar div.error .message {margin-left: 30%;}
.columnar fieldset div.type-button,
  fieldset.columnar div.type-button {padding-left: 30%;}
.columnar div.type-text input,
  .columnar div.type-text textarea {float: left;width: 67.8%;margin-right: -3px;}
.columnar div.type-select select {float: left;width: 69.4%;margin-right: -3px;}
}
/* eeSitKit 2.0 Main Naivgation CSS July 2009 */
div#nav {width: 585px;float: right;display: inline;clear: none;color: #32381b;margin: 20px 0 0 0;}
div#nav_main ul {padding: 0 10px 0 0;margin: 0;list-style: none;}
div#nav_main li {float: right;margin: 0;font-size: 11.5px;font-weight: bold;}
div#nav_main li  a {color: #000;background: transparent;text-decoration: none;}
div#nav_main li  a:visited {color: #000;}
div#nav_main li  a:hover,
div#nav_main li  a:active {color: #fff;outline: 0 none;}
div#nav_main span.nav_pipe {color: #000;padding: 0 7px;}
/* NAV SUB ORIGINAL */
div#nav_sub_across {width: 639px;}
div#nav_sub_across ul {width: 84%;margin: 0;list-style: none;padding: 0 0 15px 0;float: left;clear: left;display: inline;text-transform: lowercase;}
div#nav_sub_across ul li {display: inline;list-style-type: none;padding: 0;margin: 0;color: #707070;white-space: nowrap;}
div#nav_sub_across ul li span {padding: 0 5px 0 7px;}
div#nav_sub_across ul li a {color: #707070;}
div#nav_sub_across ul li a:visited {color: #707070;}
div#nav_sub_across ul li a:hover,
div#nav_sub_across ul li a:active {color: #000;}
div#nav_sub_across ul a.selected {color: #80ab34;font-weight: bold;}
/* NAV UTIL */
ul#nav_util {width: 575px;float: right;display: inline;margin: 30px 0 0 0;padding: 0;list-style: none;}
ul#nav_util li {margin: 0;line-height: 1.5;float: right;padding-right: 10px;}
ul#nav_util .p_out {padding-right: 10px;}
ul#nav_util li img {vertical-align: middle;}
ul#nav_util li span {padding: 0 3px 0 0;}
/* NAV SUB NEW */
div#col3_content h2 {padding: 0 0 0 20px;font-style: normal;margin-bottom: 0;}
div#col3_content h2 a {font-style: normal;display: block;width: 100%;}
div#col1_content .selected {font-weight: bold;}
div#col3_content ul {margin: 4px 20px 8px 0;padding: 0 0 0 20px;}
div#col3_content li {list-style-type: none;margin-left: 0;margin-bottom: .3em;}
div#col3_content li ul li {list-style-type: none;margin-left: .8em;margin-bottom: .3em;}
div#col3_content a,
div#col3_content a:visited {font-style: italic;color: #363636;line-height: 25px;}
div#col3_content a:hover,
div#col3_content a:visited:hover,
div#col3_content a:active {color: #80ab34;}
div#col3_content .border_bottom {border-bottom: 1px solid #bababa;margin: 10px 20px 15px 0;}