/*
================================
MAIN STYLES
================================
*/
html {font-size: 100.01%;height: 100%;}
body {color:#333;font: 81.25%/1.38 Georgia, Helvetica, sans-serif;}

a:link, a:visited {color:#006633;}
a:hover {color:#5ba029;}
a.btn,a.btn:visited {background:url('/images/btn-left.png') 100% 0 no-repeat;color:#fff0de;display:block;float:left;font-weight:bold;line-height:19px;padding-right:7px;}
a.btn span {background:url('/images/btn-left.png') 0 0 no-repeat;display:block;float:left;height:22px;padding:0 5px 0 22px;}
a.list-link {clear:both;display:block;font-family:Arial;font-size:.77em;margin:0 0 1em;text-transform:uppercase;}

h1 {font-size:2.54em;margin:0 0 0.5em;}
h1 .hidden, h1 span, h3 span {display:none;}
h2 {font-size:1.38em;margin:0 0 .4em;}
h3 {font-weight:bold;margin:0 0 .5em;}
h4 {font-weight:bold;}
.intro {color:#666;font-size:1.23em;}
strong {font-weight:bold;}
em {font-style:italic;}
hr {border:1px solid #dbdbdb;border-width:1px 0 0 0;color:#fff;margin:0 0 1em;}
p {margin: 0 0 1em;}
ul {margin:0 0 0 1.4em;}
ol {margin:0 0 0 1.8em;}
ul li {list-style-type:square;margin:.5em 0;}
ol li {list-style-type:decimal;margin:.5em 0;}
.clear {clear:both;}

p.date {font-family:Arial;font-size:.85em;margin:0 0 .5em;text-transform:uppercase;}

.paging {border-top:1px solid #ccc;border-bottom:1px solid #ccc;float:left;margin:1em 0;padding:5px 0;width:100%;}
.paging a, .paging span {color:#fff;margin:2px;padding:0 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.paging a {background:#BDB4AA;}
.paging a:hover {color:#000;}
.paging span {background:#5BA029;}

/** MAIN FRAMEWORK
*******************/

#page-container {margin:0 auto;width:924px;}
#header-container {float:left;padding:20px 0 0;width:100%;}

/** PAGE HEADER
*******************/

#header-top {height:35px;padding:0 0 20px;width:100%;}
#header-logo {float:left;width:250px;}
#header-tools {float:right;width:600px;}
#quick-links {float:right;font-family:Arial;font-size:.85em;}
#quick-links .lang-link {border-left:1px solid #ccc;margin:0 0 0 10px;padding:0 0 0 10px;}
#top-search {float:right;margin-left:20px;}
#top-search input.searchterms {border:1px solid #ccc;color:#999;font-family:Arial;font-size:11px;padding:2px;}
#top-search input.searchbutton {background:url('/images/button-bg.png') 0 0 repeat-x;border:1px solid #ccc;font-family:Arial;font-size:11px;padding:1px 6px;}

/** MAIN MENU
*******************/

#main-menu {background:url('/images/main-menu-bg.png') 0 0 no-repeat;height:46px;padding:5px 0 0;width:924px;}
#main-menu ul {margin:0;}
#main-menu ul li {float:left;list-style:none;margin:0 5px;padding:0 5px 0 0;}
#main-menu ul li a {float:left;height:41px;padding:5px 0 0 5px;}
#main-menu ul li.selected {background:url('/images/main-menu-sel-bg.png') 100% 0 no-repeat;}
#main-menu ul li.selected a {background:url('/images/main-menu-sel-bg.png') 0 0 no-repeat;}

#column-container {float:left;}

/** STANDARD PAGE
*******************/

.trace {border-bottom:1px solid #8b8582;font-family:Arial;font-size:.85em;height:30px;overflow:hidden;}

.textpage-columns {float:left;padding-right:688px;width:236px;}
.textpage-columns #first-col {float:left;width:216px;padding-right:20px;}
.textpage-columns #second-col {float:left;margin-right:-688px;width:688px;}

.page-columns {float:left;padding-right:236px;width:452px;}
.page-columns .text-col {float:left;width:100%;}
.page-columns .related-col {float:left;margin-right:-236px;padding-left:20px;width:216px;}
.page-columns .related-col .grey-box {margin-bottom:1.4em;}

#text-content {margin:20px 0 0;}

.related-content {border-top:1px solid #ccc;font-size:.92em;margin:0 5px;padding:.8em 0 0;}
.related-full-content {border-top:1px solid #8B8582;margin-top:30px;}

/** WIDE PAGE
*******************/

.page-singlecol {float:left;width:100%;}
.page-singlecol .trace {float:left;width:452px;}
.page-singlecol .related-col {float:right;}
.page-singlecol #text-content {float:left;width:452px;}
.page-singlecol #wide-content {clear:both;width:100%;}

/** SUB MENU
*******************/

#sub-menu {border-bottom:1px solid #ccc;border-top:1px solid #8b8582;float:left;margin:30px 0 0;padding:20px 0;width:216px;}
#sub-menu ul {font-size:1.08em;margin:0;}
#sub-menu ul li {list-style:none;}
#sub-menu ul li.expanded a {color:#333;}
#sub-menu ul li.active a {color:#333;}
#sub-menu ul li.unselected a {color:#666;}
#sub-menu ul li ul {font-size:.86em;margin:0 0 0 24px;}

/** START PAGE
*******************/

#start-splash {background:url('/images/ratio-r.png') 0 0 no-repeat;height:240px;overflow:hidden;position:relative;width:100%;}
#start-splash div {display:none;position:relative;}
#start-splash div.active {background:url('/images/ratio-r.png') 0 0 #fff no-repeat;display:block;}
#start-splash div.pending {display:block;visibility:hidden;}
#start-splash div div.text {background:#fff;display:block;left:165px;position:absolute;top:10px;}
#start-splash img {position:absolute;}
#start-splash div div.text img {display:block;position:relative;}
#start-splash div div.text img.anim-hs {left:0;}
#start-splash div div.text img.anim-hb {left:0;}
#start-splash div div.text a {background:#fff;display:block;position:relative;}
#start-splash .anim-pic {left:438px;}

.start-columns {padding-right:236px;width:688px;}
.start-columns #first-col {float:left;width:100%;}
.start-columns #second-col {float:left;font-size:.92em;margin-right:-236px;padding-left:20px;width:216px;}

.two-col {float:left;padding:0 354px 20px 0;width:334px;}
.two-col .two-col-first {float:left;width:100%;}
.two-col .two-col-second {float:left;margin-right:-354px;padding-left:20px;width:334px;}

.list-container {border-top:1px solid #8b8582;padding:10px 0 0;}

.newslist {margin:0;}
.newslist li {list-style:none;margin:0 0 .8em;}
.newslist li small {display:block;font-family:Arial;font-size:.69em;text-transform:uppercase;}
.newslist li h4 {font-size:1.08em;font-weight:normal;}
.newslist li span {color:#666;font-size:.85em;}
.eventlist {float:left;margin:0;width:100%;}
.eventlist li {float:left;list-style:none;margin:0 0 .8em;width:100%;}
.eventlist li div {margin-left:50px;}
.eventlist li span {display:block;font-size:.85em;}
.eventlist li span.date {background:url('/images/event-circle.png') 0 0 no-repeat;color:#fff;display:inline;float:left;font-size:16px;height:37px;line-height:16px;margin:0 12px 0 0;text-align:center;text-shadow: 0 1px 1px #000;width:37px;}
.eventlist li span.previous {background-position:0 -37px;}
.eventlist li span.date small {display:block;font-size:10px;line-height:18px;text-transform:uppercase;}

.small-teaser {background:#5ba029;color:#fff;font-size:.92em;padding:15px 15px 1px;}
.small-teaser a {color:#fff;}

#highlights {border-top:1px solid #8b8582;clear:both;overflow:hidden;padding:20px 0 0;width:688px;}
#highlights ul {border-bottom:1px solid #ccc;float:left;margin:0;overflow:hidden;width:708px;}
#highlights ul li {background-position:50% 100%;background-repeat:no-repeat;float:left;height:195px;list-style:none;margin:0 20px 0 0;width:216px;}
#highlights ul li span {display:block;margin:0 0 .3em;}
#highlights ul li small {display:block;font-family:Arial;font-size:.69em;margin:0 0 .3em;text-transform:uppercase;}

.dropdown-links {margin:5px 0;width:180px;}


/** START PAGE Right content
*******************/

#upper-box-area {height:240px;}

.grey-box {background:url('/images/puff-gr-bg.png') 0 100%;margin:0 0 6px;padding-bottom:4px;width:216px;}
.grey-box .box-content {background:url('/images/puff-gr-bg.png') 0 0;padding:15px 15px 10px;width:186px;}

.darkgrey-box {background:url('/images/puff-darkgr-bg.png') 0 100%;color:#fff;height:105px;margin:0 0 6px;overflow:hidden;padding-bottom:4px;width:216px;}
.darkgrey-box .box-content {background:url('/images/puff-darkgr-bg.png') 0 0;height:85px;overflow:hidden;padding:15px 15px 0;width:186px;}
.darkgrey-box .box-content h3 {margin:0;}
.darkgrey-box .box-content p {margin:0 0 .5em;}
.darkgrey-box .box-content a {color:#fff;}

.green-box {background:url('/images/puff-green-bg.png') 0 100%;color:#fff;margin:0 0 6px;padding-bottom:4px;width:216px;}
.green-box .box-content {background:url('/images/puff-green-bg.png') 0 0;padding:15px 15px 10px;width:186px;}

.publist {margin:0;}
.publist li {list-style:none;margin:0 0 .8em;}
.publist li span {display:block;margin:0 0 .5em;}
.publist li small {color:#fff;font-family:Arial;font-size:.75em;padding:1px 3px;text-transform:uppercase;}
.publist li.article small {background:#5ba029;text-shadow: 0 1px 1px #333;}
.publist li.report small {background:#746c69;text-shadow: 1px 1px 1px #333;}
.publist li.book small {background:#e09f37;text-shadow: 0 1px 1px #333;}

.list-container-box {border-top:1px solid #8b8582;padding:15px 0 0;}

/** PEOPLE PAGE
*******************/

.people-list {clear:both;float:left;font-size:.92em;margin:0;width:100%;}
.people-list li {background-position:10px 100%;background-repeat:no-repeat;border-bottom:1px solid #ccc;float:left;height:120px;list-style:none;margin:0 20px 25px 0;overflow:hidden;padding:0 0 0 135px;position:relative;width:199px;}
.people-list li.break {margin:0 0 25px;}
.people-list li div {bottom:0;position:absolute;}
.people-list li h3 {font-size:1.17em;margin:0;}
.people-list li p {margin:0 0 .5em;}

.people-table td {border-bottom:1px solid #ccc;vertical-align:bottom;}
.related-contact-info {font-size:.92em;margin:20px 0 0;}
.related-contact-info span {color:#666;}
.related-publications {font-size:.92em;}
.social-links {float:left;clear:both;margin:0 0 1em;width:100%;}
.social-links li {float:left;list-style:none;margin:0 3px 0 0;}

.person-intro {border-bottom:1px solid #ccc;float:left;margin:0 0 15px;position:relative;width:100%;}
.person-intro h1 {margin:0 0 .2em;}
.person-intro p {color:#666;font-size:.92em;font-style:italic;width:226px;}
.person-intro .personal-image {bottom:0;position:absolute;right:5px;}

/** RESEARCH
*******************/

.image-intro {clear:both;float:left;margin:0 0 .5em;width:100%;}
.image-intro h1 {overflow:hidden;width:236px;}
.image-intro p.intro {float:left;width:236px;}
.image-intro .intro-image {float:right;}

.tab-images {margin:0;}
.tab-images li {display:none;list-style:none;margin:0;}
.tab-images li.active {display:block;}

.tabs {border:1px solid #ccc;border-right:0;float:left;width:450px;}
.tabs ul {margin:0;}
.tabs ul li {background:#ebebeb;border-bottom:1px solid #ccc;border-right:1px solid #ccc;color:#666;display:inline;float:left;font-size:14px;height:60px;margin:0;padding:10px;width:129px;}
.tabs ul li.selected {background:#5ba029;color:#fff;}
.tabs ul li a {color:#666;}
.tabs ul li.selected a {color:#fff;}
.tabs div {display:none;float:left;padding:10px;width:429px;}
.tabs div.active {border-right:1px solid #ccc;display:block;}

/** MEDIA
*******************/

.media-list {margin:0;}
.media-list li {color:#666;list-style:none;}
.media-list li small {color:#666;font-family:Arial;font-size:.69em;text-transform:uppercase;}
.media-list li h4 {color:#333;}

.gallery-list {clear:both;float:left;margin:0;width:100%;}
.gallery-list li {border-bottom:1px solid #ccc;float:left;list-style:none;margin-right:20px;padding:0 0 5px;width:200px;}
.gallery-list li h4 {font-weight:normal;margin:0 0 .2em;}
.gallery-list li .image-holder {height:133px;overflow:hidden;margin:0 0 5px;width:200px;}
.gallery-list li p {color:#666;font-size:.85em;margin:0 0 .2em;}
.gallery-list li small {font-family:Arial;font-size:.77em;}
.gallery-list li .image-info {height:40px;overflow:hidden;}

/** MEMBERSHIP
*******************/

.form-container {background:url('/images/form-bg.png') 0 100% no-repeat;padding-bottom:4px;}
.membership-form {background:url('/images/form-bg.png') 0 0 no-repeat;padding:15px;}
.membership-form .form-field {margin:0 0 .5em;}
.membership-form .form-field label {font-family:Arial;display:block;}
.membership-form .form-field input.textbox {border:1px solid #ccc;padding:2px;width:230px;}
.form-control-field {display:none;}

/** CONTACT
*******************/

#contactMap {height:350px;width:100%;}

/** PAGE FOOTER
*******************/

#footer-container {border-top:1px solid #ccc;float:left;margin:1em 0;width:100%;}
#footer-container ul {overflow:hidden;margin:0;width:944px;}
#footer-container ul li {float:left;font-family:Arial;font-size:.85em;list-style:none;margin-right:20px;width:98px;}
#footer-container ul li h4 {font-weight:bold;}
#footer-container ul li a {color:#666;}
#footer-container ul li ul {width:98px;}
#footer-container ul li ul li {float:none;}