@charset "utf-8";

body {
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
margin: 1em 0px;
padding: 0px;
text-align: center;
color: #333333;
background-color: #3D834D;
}

#wrapper {
width: 988px;
margin: 0px auto 1em;
text-align: left;
padding: 0px;
}

#header {
background: url(../site-media/site-header.jpg) no-repeat;
padding: 0px;
height: 196px;
margin: 0px;
}

#mainav {
margin: 0px;
padding: 160px 0px 0px 4em;
}

#mainav ul {
margin: 0px;
padding: 0px;
text-align: left;
}

#mainav ul li {
margin: 0px .44em 0px 0px;
padding: 0px;
display: inline;
font-size: 1.4em;
color: #22656A;
}

#mainav ul li a {
text-decoration: none;
padding: 0px;
color: #FFFFFF;
margin: 0px .44em 0px 0px;
}

#mainav li a:hover {
color: #1C4D52;
}

#mainav li a#current {
color: #BDD78E;
}

#content {
background: url(../site-media/site-tile.jpg) repeat-y;
margin: 0px;
padding: 2.5em 0em 3em 4.25em;
height: 1%;
}

#sidebar {
float: right;
width: 150px;
padding: 0px;
margin: 0px 2.5em 0px 0px;
}

#sidebar p {
font-size: 1.2em;
margin: 0px 0px 1em;
padding: 0px;
line-height: 160%;
}

#sidebar ul {
margin: 0px 0px 2.5em;
padding: 0px;
}

#sidebar ul li {
margin: 0px 0px 0.75em 2em;
padding: 0px;
list-style: disc;
font-size: 1.2em;
line-height: 160%;
}

#sidebar a {
color: #39538c;
}

#sidebar a:hover {
color: #172239;
}

#left {
margin: 0px 220px 0px 0px;
padding: 0px;
}

#left strong {
}

#left h1 {
font-size: 1.5em;
margin: 0px 0px 1em;
padding: 0px;
color: #333333;
line-height: 166%;
font-weight: bold;
}

#left h2 {
font-size: 1.3em;
margin: 0px 0px 1em;
padding: 0px;
line-height: 166%;
font-weight: bold;
color: #3E3E3E;
}

#left h3 {
font-size: 1.3em;
color: #003366;
margin: 0px 0px 1em;
padding: 0px;
}

#left h4 {
font-size: 1.2em;
font-weight: bold;
margin: 0px 0px 1em;
padding: 0px;
}

#left h5 {
font-size: 1.2em;
font-weight: bold;
margin: 0px 0px 1em;
padding: 0px;
color: #2E6339;
}

#left p {
font-size: 1.2em;
margin: 0px 0px 1em;
padding: 0px;
line-height: 177%;
}

#left a {
color: #069;
}

#left blockquote {
margin: 0px;
padding: 0px 2em;
}

#left a:hover {
color: #172239;
}

#left ul {
margin: 0px 0px 1em;
padding: .5em 0px 0px;
}

#left ul li {
margin: 0px 3em 0.75em;
padding: 0px;
list-style: disc;
font-size: 1.2em;
line-height: 166%;
}

#left ol {
margin: 0px 0px 1em;
padding: .5em 0px 0px;
}

#left ol li {
margin: 0px 3em 0.75em;
padding: 0px;
list-style: decimal;
font-size: 1.2em;
line-height: 166%;
}

#left a img {
border-style: none;
}

#left strong {
color: #333333;
}

#left table {
border: 1px solid #CCCCCC;
border-collapse: collapse;
text-align: center;
margin: 0px auto;
padding: 0px;
}

#left table th {
padding: 1em;
text-align: center;
margin: 0px;
border: 1px solid #CCCCCC;
font-size: 1.2em;
color: #484848;
font-weight: bold;
}

#left table td {
margin: 0px;
padding: 1em;
text-align: center;
border: 1px solid #CCCCCC;
font-size: 1.2em;
font-weight: normal;
}

#info {
margin: 0px 0px 3em;
padding: 1.5em 0px 0px 1.5em;
border-bottom: 1px dashed #BDD78E;
border-top: 1px dashed #BDD78E;
border-left: 8px solid #EDF4DF;
}

#special {
margin: 0px;
padding: 0px;
}

#objectivos {
padding: 0em;
border: 1px solid #D9ECF2;
margin-right: 2em;
margin-left: 2em;
margin-bottom: 2em;
}

#objectivos h2 {
background: #F4F9FB;
padding: 0.75em 0px 0.5em 1.5em;
color: #1B3D49;
margin: 0px 0px 1.5em;
border-bottom: 1px solid #C0DFE9;
}

#objectivos ul {
padding: 0em 2em 1em;
}

.img-caption {
margin: 0px 0px 3em;
padding: 0px;
text-align: center;
}

.img-caption img {
margin: 0px 0px 1em;
padding: 1em;
text-align: center;
background: #F2F2F2;
border: 1px solid #CCCCCC;
}

.img-center {
margin: 0px 0px 2.5em;
padding: 0px;
text-align: center;
}

.img-center img {
margin: 0px 0px 0.5em;
padding: 1em;
text-align: center;
}

.img-floatRight {
margin: 0px 0px 1em 1em;
padding: 1em;
background: #F1F7E8;
border: 1px solid #CCCCCC;
float: right;
}

.img-floatLeft {
margin: 0px 1em 1em 0px;
padding: 1em;
background: #F2F2F2;
border: 1px solid #CCCCCC;
float: left;
}

.hr-big {
background-color: #FFFFFF;
height: 1px;
margin: 24px auto;
width: 90%;
border-bottom: 1px solid #D6D6D6;
text-align: center;
padding: 0px;
}

.hr-bigger {
background-color: #FFFFFF;
height: 1px;
margin: 36px auto;
width: 90%;
border-bottom: 1px solid #D6D6D6;
text-align: center;
padding: 0px;
}

.credit-right {
text-align: right;
padding-right: 2em;
border-right: 8px solid #F7F7F7;
margin: -1em 0px 0px;
}

#home-pubs {
margin: 0px;
padding: 1em 0px;
}

#home-pubs a img {
background: #D9E7C0;
padding: 0.5em;
border: 1px solid #CCCCCC;
margin: 0px 0px .25em;
}

#home-pubs p {
font-size: 1.2em;
color: #333333;
}

.pub {
float: left;
margin-right: 1.1em;
text-align: center;
}

#historias {
margin: 0px;
padding: 1em 16em 0px 2em;
}

#historias-regions {
float: left;
}

#historias-regions h2 {
margin: 0px 0px 1em;
padding: 0px;
color: #418C51;
font-size: 1.4em;
}

#historias-regions ul {
border-left: 1px solid #E5E5E5;
margin: 0px 0px 0px 3em;
padding: 0px;
}

#historias-topic {
float: right;
}

#historias-topic h2 {
margin: 0px 0px 1em;
padding: 0px;
color: #246D74;
font-size: 1.4em;
}

#historias-topic ul {
border-left: 1px solid #E5E5E5;
margin: 0px 0px 0px 3em;
padding: 0px;
}

#indepth-wrapper-1 {
margin: 0px;
padding: 2em 0px 0px;
overflow: auto;
}

#indepth-wrapper-1 a img {
background: #E3EED0;
padding: 0.5em;
border: 1px solid #CCCCCC;
margin: 0px 0px 0.25em;
}

#indepth-wrapper-1 p {
color: #333333;
font-size: 1.1em;
line-height: 150%;
margin: 0px 0px 1em;
padding: 0px;
}

#indepth-wrapper-2 {
margin: 0px 0px 0em;
padding: 1em 0px 0px;
overflow: auto;
}

#indepth-wrapper-2 a img {
background: #E3EED0;
padding: 0.5em;
border: 1px solid #CCCCCC;
margin: 0px 0px 0.25em;
}

#indepth-wrapper-2 p {
color: #333333;
font-size: 1.1em;
line-height: 150%;
margin: 0px 0px 2em;
padding: 0px;
}

.indepth {
float: left;
margin-right: 1.1em;
text-align: center;
}

#gallery {
text-align: center;
margin: 0px auto;
padding: 0px;
}

#gallery p {
font-size: 1.1em;
}

#gallery a img {
border: 1px solid #999999;
margin: 0em 0em .5em;
padding: 0px;
}

#gallery table {
text-align: center;
margin-right: auto;
margin-left: auto;
border-style: none;
}

#gallery table td {
padding: 0.5em 0.5em 0em;
margin: 0px;
text-align: center;
font-size: 1.1em;
line-height: 160%;
border-style: none;
}

#gallery table td img {
border: 1px solid #999999;
margin-top: .5em;
}

.clear {
clear: both;
}

#footer {
padding: 0px;
background:url(../site-media/site-footer.jpg) no-repeat;
height: 25px;
margin: 0px;
}

.copyright {
font-size: 1em;
text-align: center;
padding-bottom: 22px;
color: #2C5C35;
}