body { color: white; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #000000; margin: 0 }
#main     { color: white; font-size: 8pt }
#top { background-color: #457440 }
#bottom { background-color: #000000 }
#nav  { padding-top: 20px }
/* main table */
#mainContent    { }
#mainContent  a:link     { color: #2d6798; font-weight: bold; text-decoration: none }
#mainContent  a:active     { color: #2d6798; font-weight: bold; text-decoration: none }
#mainContent  a:visited    { color: #2d6798; font-weight: bold; text-decoration: none }
#mainContent  a:hover   { color: #457440; font-weight: bold; text-decoration: none }

#intro { color: #2d6798; font-weight: bold }
#intro a:link     { color: #2d6798; text-decoration: underline }
#intro a:active     { color: #2d6798; text-decoration: underline }
#intro a:visited    { color: #2d6798; text-decoration: underline }
#intro a:hover   { color: #457440; text-decoration: underline }

#contentLeft { background-color: black }
#contentRight     { color: black; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14pt; background-color: #ffffff }

#homeLeft  { color: white; font-size: 9pt; font-weight: normal; line-height: 16pt; background-color: black; text-align: center; letter-spacing: 1pt }
#homeLeft a:link    { color: #84c6fe; text-decoration: none }
#homeLeft a:active    { color: #84c6fe; text-decoration: none }
#homeLeft a:visited   { color: #84c6fe; text-decoration: none }
#homeLeft a:hover  { color: #ffffff; text-decoration: none }
#homeRight    { background-color: black; background-image: url("slides/flash1.jpg") }
#homeContent { padding-top: 20px; padding-right: 40px; padding-left: 40px }

#aboutContent    { line-height: 12pt; padding-top: 10px; padding-right: 20px; padding-left: 20px; height: 376px; overflow: auto }
#about2Content { line-height: 10pt; padding-top: 10px; padding-right: 20px; padding-left: 20px; height: 505px; overflow: auto }
#aboutPressContent { line-height: 14pt; padding-top: 10px; padding-right: 30px; padding-left: 20px; height: 238px; overflow: auto }
#eduContent { padding-top: 10px; padding-right: 20px; padding-left: 20px }

#eduProjectContent  { line-height: 10pt; padding-top: 10px; padding-right: 20px; padding-left: 20px; height: 505px; overflow: auto }
#resourcesContent { line-height: 10pt; padding-top: 10px; padding-right: 20px; padding-left: 20px; height: 236px; overflow: auto }
#resources2Content  { line-height: 10pt; padding-top: 10px; padding-right: 20px; padding-left: 20px; height: 505px; overflow: auto }
#resources2Content ul   { margin-top: 0; margin-bottom: 10px; margin-left: 15px; padding-top: 0; padding-right: 4px; padding-left: 0 }
#resources2Content li   { line-height: normal; padding-bottom: 6px }
#resources3Content  { line-height: 10pt; padding-top: 10px; padding-right: 20px; padding-left: 20px; height: 505px; overflow: auto }
#resources3Content ul   { margin-top: 0; margin-bottom: 10px; margin-left: 15px; padding-top: 0; padding-right: 4px; padding-left: 0 }
#resources3Content li   { line-height: normal }

#eventsContent  { line-height: 10pt; padding-top: 10px; padding-left: 20px; height: 505px }
#eventsContent .email { }
#eventsContent .email a:link     { color: #000000; text-decoration: none }
#eventsContent .email a:active     { color: #000000; text-decoration: none }
#eventsContent .email a:visited    { color: #000000; text-decoration: none }
#eventsContent .email a:hover    { color: #457440; text-decoration: none }
#eventsText  { padding-right: 20px; height: 245px }
#calendar   { height: 260px; overflow: auto }
#calendar td { padding-bottom: 6px }
.calendarTitle  { color: #457440; font-size: 26pt; font-weight: bold }

#researchContent   { line-height: 11pt; padding-top: 10px; padding-right: 20px; padding-left: 20px }
.researchTitle   { color: white; font-size: 10pt; line-height: 9pt; background-color: black; letter-spacing: 1pt; padding-top: 6px; padding-bottom: 6px; padding-left: 20px }
.researchRight { color: white; font-size: 9pt; line-height: 13pt; background-color: #2d6798; padding-top: 10px; padding-bottom: 10px; padding-left: 20px }
.researchLeft { color: white; font-size: 9pt; line-height: 13pt; background-color: #457440; padding-top: 10px; padding-bottom: 10px; padding-left: 20px }

#sustainContent    { line-height: 10pt; padding-top: 10px; padding-right: 20px; padding-left: 20px; height: 311px; overflow: auto }
#sustain2Content { line-height: 10pt; padding-top: 10px; padding-right: 20px; padding-left: 20px; height: 505px; overflow: auto }
#expandContent   { line-height: 10pt; padding-top: 10px; padding-right: 30px; padding-left: 20px; height: 238px; overflow: auto }
#expandActionsContent { line-height: 10pt; padding-top: 10px; padding-right: 30px; padding-left: 20px; height: 238px; overflow: auto }
#contactContent  { font-size: 9pt; padding-top: 10px; padding-right: 20px; padding-left: 20px }
#contactContent td { padding-left: 15px }
#contactContent a:link    { color: #ffffff; text-decoration: none }
#contactContent a:active    { color: #ffffff; text-decoration: none }
#contactContent a:visited   { color: #ffffff; text-decoration: none }
#contactContent a:hover  { color: #84c6fe; text-decoration: none }
#alta { POSITION:absolute; VISIBILITY:hidden; Z-INDEX:200; color: #ffffff; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: 1px; }
.col1a    { color: #457440; font-size: 9pt; font-weight: bold }
.col2a { color: #2d6798; font-size: 9pt; font-weight: normal }
.col2b { color: #2d6798; font-weight: bold }
.col2b a:link    { color: #2d6798; text-decoration: none }
.col2b a:active    { color: #2d6798; text-decoration: none }
.col2b a:visited   { color: #2d6798; text-decoration: none }
.col2b a:hover  { color: #84c6fe; text-decoration: none }
.col2c { color: #84c6fe }
.col3b { color: #000000; font-size: 9pt; font-weight: bold }
.title1 { color: #457440; font-size: 12pt; font-weight: bold }
.title2 { color: #000000; font-weight: bold; text-transform: uppercase }
.tip    { color: #457440; font-size: 9pt; font-weight: bold }
#commute { line-height: normal; padding-top: 45px }
#commute a:link      { color: #ffffff; font-weight: normal; text-decoration: none }
#commute a:active      { color: #ffffff; font-weight: normal; text-decoration: none }
#commute a:visited     { color: #ffffff; font-weight: normal; text-decoration: none }
#commute a:hover   { color: #457440; font-weight: normal; text-decoration: none }
.commute { color: #86aed2; font-size: 11pt; text-transform: uppercase }
.indent   { padding-left: 40px }

.small { font-size: 8pt }
.button { font-size: 8pt }
.float-right      { display: inline; margin: 0; padding-left: 10px; float: right }
.float-left    { display: inline; margin: 0; float: left }

ol   { margin-top: 0; margin-bottom: 10px; margin-left: 15px; padding-top: 0; padding-right: 4px; padding-left: 0 }
ol li   { line-height: normal; padding-bottom: 6px }

#footer    { color: #bbbbbb; font-size: 8pt; padding-top: 6px }
#footer a:link     { color: #84c6fe; text-decoration: none }
#footer a:active     { color: #84c6fe; text-decoration: none }
#footer a:visited    { color: #84c6fe; text-decoration: none }
#footer a:hover  { color: #ffffff; text-decoration: none }
/* links */
a:link     { color: #84c6fe; text-decoration: none }
a:active     { color: #84c6fe; text-decoration: none }
a:visited    { color: #84c6fe; text-decoration: none }
a:hover   { color: #ffffff; text-decoration: none }
a:active, a:focus { outline: 0 }