/* Warren Post, New Media Copan 
   webmaster ~at~ copaninvest ~dot~ com
   Home page style for copaninvest.com

Using pixel units makes an inflexible page and is bad form but I cannot make this concept work any other way. Email me if you have a better idea. Perhaps scalable images per  http://rjohara.net/server/css-figures-captions/ ? */
  
@import url(main.css); 

body { 
   margin-top: 20px; 
   margin-bottom: 20px; 
   margin-left: auto; 
   margin-right: auto; 
   font-size: 13px; 
   } 

div.header { 
   margin-left: auto; 
   margin-right: auto; 
   padding-top: 0em; 
   height: auto; 
   background-color: transparent; 
   background-image: none;  
   border-bottom: none; 
/* width = main-content width + border 
   thickness in main-content */
   width: 508px; 
   } 

div.language-control p {
   margin-top: 0em; 
   margin-bottom: 0.25em; 
   padding-top: 0em; 
   } 

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: #f0f0f0; 
   }

div.content {
   margin: 0em; 
   }

div.main-content {
   border: 6px silver ridge; 
   background-image: url(apartment.jpg); 
   background-position: 0px 148px; 
   background-repeat: no-repeat; 
   width: 496px; 
   height: 419px; 
   margin-left: auto; 
   margin-right: auto; 
   }

@media print { div.main-content { 
   background-image: none; 
   width: 323px; 
   height: 133px; 
   } } 

#navbar {
   border-right: 2px silver solid; 
   }

.navbutton-L1 a, 
.navbutton-L2 a, 
.navbutton-L3 a {
   padding-right: 13px; 
   padding-top: 7px; 
   padding-bottom: 7px; 
   }

div.main-content img {
   position: relative; 
   top: 15px; 
   left: 2px; 
   } 

table.affiliations {
   margin-top: 2em; 
   width: 700px; 
/* max-width unsupported in IE 6 and Mozilla 1.6 
   but is needed for Opera 7 */
   max-width: 700px; 
   page-break-inside: avoid; 
   }

div.footer {
   margin-top: 2em; 
   }