/* Warren Post, New Media Copán 
   webmaster ~at~ copaninvest ~dot~ com
   Core style for copaninvest.com
   
Link styling inspired by Apache 2 documentation
   http://www.apache.org/
Button code inspired by The House of Style 
   http://www.westciv.com/  */

body { 
   margin: 0em; 
   padding: 0em; 
   font-family: Verdana, sans-serif; 
   font-size: smaller; 
   line-height: 1.35em; 
   color: black; 
   background-color: white; 
   } 

@media print { body { 
   margin: 0cm; 
   padding: 0cm; 
   font-family: Times, serif; 
   font-size: 11pt; 
   } } 

a:link {
   color: #0073c7;
   background-color: inherit;
   }

@media print { a:link {
   color: black; 
   background-color: white;
   } } 

a:visited {
   color: #5A88B5;
   background-color: inherit;
   }

@media print { a:visited {
   color: black; 
   background-color: white;
   } } 

a:link:hover, 
a:link:active,
a:visited:hover, 
a:visited:active { 
   color: #0073c7;
   background-color: #f0f0f0; 
   }

div.header { 
   margin-bottom: 0em; 
   padding-bottom: 0em; 
   background-image: url(masthead.jpg); 
   background-repeat: repeat-x; 
   height: 176px; 
   border-bottom: 2px #178E8B solid; 
   } 

@media print { div.header {
   margin: 0cm; 
   padding: 0cm; 
   background-image: none; 
   height: auto; 
   } } 

div.header img {
   margin-bottom: -39px; 
   padding-bottom: 0px; 
   border: none; 
   } 

@media print { div.header img { 
   margin-bottom: 0cm; 
   } } 

div.language-control p {
   margin-top: 0em; 
   margin-bottom: -2em; 
   margin-right: 1em; 
   padding-top: 129px; 
   font-size: 85%; 
   text-align: right; 
/* Uncomment next line for monolingual site */
/* visibility: hidden; */
   } 

@media print { div.language-control p {
   visibility: hidden; 
   margin: 0px; 
   padding: 0px; 
   } } 

div.language-control a:link:hover,
div.language-control a:link:active,
div.language-control a:visited:hover,
div.language-control a:visited:active {
   background-color: white; 
   } 

#navbar {
   float: left; 
   margin: 0em; 
   padding: 0em; 
   font-size: 100%; 
   color: inherit; 
   background-color: #8BC7C5; 
   } 

@media print {#navbar {
   display: none; 
   } } 

.navbutton-L1,
.navbutton-L2,
.navbutton-L3 {
   margin: 0em; 
   width: auto; 
   }

.navbutton-L1 a, 
.navbutton-L2 a, 
.navbutton-L3 a {
   padding-right: 1em; 
   padding-top: 0.25em; 
   padding-bottom: 0.25em; 
   text-decoration: none; 
   display: block; 
   color: black; 
   border-top: 3px solid #A2D2D0; 
   border-left: 3px solid #A2D2D0; 
   border-bottom: 3px solid #178E8B; 
   border-right: 3px solid #178E8B; 
   }

.navbutton-L1 a:visited, 
.navbutton-L2 a:visited, 
.navbutton-L3 a:visited { 
/* For IE 6 */  
   color: black; 
   } 

.navbutton-L1 a, 
.navbutton-L1 a:hover {
   padding-left: 1em; 
   background-color: #5DB0AE; 
   }

.navbutton-L2 a, 
.navbutton-L2 a:hover {
   padding-left: 2em; 
   background-color: #74BBB9; 
   }

.navbutton-L3 a, 
.navbutton-L3 a:hover {
   padding-left: 3em; 
   background-color: #8BC7C5; 
   }

.navbutton-L1 a:hover, 
.navbutton-L2 a:hover, 
.navbutton-L3 a:hover {
   color: white; 
   background-color: inherit; 
   }

.navbutton-L1 a:active, 
.navbutton-L2 a:active, 
.navbutton-L3 a:active {
   color: white; 
   background-color: #46A5A2; 
   border-top: 3px solid #178E8B; 
   border-left: 3px solid #178E8B; 
   border-bottom: 3px solid #A2D2D0; 
   border-right: 3px solid #A2D2D0; 
   } 

div.content {
   margin-top: 0em;
   margin-bottom: 1em; 
   margin-left: 15em; 
   margin-right: 2em; 
   }

@media print { div.content {
   margin: 0px; 
   } } 

div.content p {
   text-align: left; 
   }

h1, h2, h3, h4, h5, h6 { 
   font-variant: small-caps; 
   font-weight: bold; 
   } 

h1 { 
   font-size: 175%; 
   line-height: 1.0;
   } 

h2 { 
   font-size: 145%; 
   } 

h3 { 
   font-size: 115%; 
   } 

img.photo { 
   float: right; 
   margin-left: 1em; 
   margin-right: 0em; 
   margin-top: 0em; 
   margin-bottom: 0.3em; 
   border: 1px black solid; 
   clear: right; 
   } 

img.photo a:link,
img.photo a:visited {
   background-color: transparent; 
   }

span.imc {
   color: #00827f; 
   background-color: inherit; 
   font-family: "Bauhaus 93", Verdana, sans-serif; 
   text-transform: lowercase; 
   font-size: 120%; 
   } 

table.affiliations { 
   margin-top: 1em; 
   margin-left: auto; 
   margin-right: auto; 
   margin-bottom: 1em; 
   padding-left: 2em; 
   padding-right: 2em; 
   text-align: center; 
   font-size: 85%; 
   line-height: 1.1em; 
   }

@media print { table.affiliations {
   font-size: 8pt; 
   line-height: 1; 
   } } 

table.affiliations td {
   padding: 1em; 
   vertical-align: text-top; 
   }

table.affiliations a:link,
table.affiliations a:visited {
   color: black; 
   background-color: transparent; 
   text-decoration: none; 
   font-style: inherit; 
   }

table.affiliations img { 
/* For Mozilla 1.6 */  
   border: none; 
   margin-bottom: 0.4em; 
   } 

table.communities { 
   margin-top: 1em; 
   margin-left: auto; 
   margin-right: auto; 
   margin-bottom: 1.5em; 
   padding-left: 2em; 
   padding-right: 2em; 
   text-align: center; 
   }

table.communities td {
   vertical-align: text-top; 
   padding-left: 1em; 
   padding-right: 1em; 
   } 

table.communities img { 
/* For Mozilla 1.6 */  
   border: none; 
   margin-bottom: 0.4em; 
   } 

/* Wrapper to contain <form> and allow validation as 4.01 Strict */
div.wrapper { 
   }

/* For IE 6 */  
div.tablecontainer {
/*   width: 100%; */ 
   } 

table.data {
   border-spacing: 0px; 
/* Next 2 lines for IE 6 */
   font-size: 100%; 
   border-collapse: collapse; 
/* div.tablecontainer needed for IE 6 to get this right */ 
/*   width: 100%; */ 
   } 

table.data tr.color1 {
   color: inherit; 
   background-color: #D5EBEA; 
   }

@media print { table.data tr.color1 td { 
/* For IE 6                         ^^   */ 
   border-top: 1px #8BC7C5 solid; 
   border-bottom: 1px #8BC7C5 solid; 
   } } 

table.data tr.color2 {
   background-color: transparent; 
   }

table.data td {
   } 

table.search {
   padding-left: 0.5em; 
   border-spacing: 0px; 
/* For IE 6 */ 
   border-collapse: collapse; 
   } 

/* .color1 and color2 is an inelegant way to obtain zebra striped rows. Perhaps this is better done with counters? */

table.search tr.color1 { 
   color: inherit; 
   background-color: #D5EBEA; 
   } 

@media print { table.search tr.color1 td { 
/* For IE 6                           ^^   */ 
   border-top: 1px #8BC7C5 solid; 
   border-bottom: 1px #8BC7C5 solid; 
   } } 

table.search tr.color2 {
   background-color: transparent; 
   }

table.search td { 
   padding-top: 0.3em; 
   padding-bottom: 0.3em; 
   padding-left: 0.3em; 
   padding-right: 1em; 
   white-space: nowrap; 
   }

table.search td.button {
   padding-top: 1.5em; 
   border-top: 2px #D5EBEA solid; 
   } 

@media print { table.search td.button {
   border-top: 1px #8BC7C5 solid; 
   } } 

form table {
   border-top: 1px #8BC7C5 solid; 
   }

form td { 
   border-bottom: 1px solid #8BC7C5; 
   }

div.footer { 
   clear: both; 
   margin-left: 10%; 
   margin-right: 10%; 
   border-top: 2px #178E8B solid; 
   padding-top: 0.5em; 
   font-size: 85%; 
   page-break-inside: avoid; 
   }

@media print { div.footer { 
   font-size: 8pt; 
   } } 
 
div.footer p { 
   margin: 0px; 
   text-align: center; 
   line-height: 1.35em; 
   } 

@media print { div.footer p { 
   line-height: 1; 
   } } 

@media print { .no-print { 
   display: none; 
   } }