/* CSS code for new website of J. Teutsch, 2007 */
/* adapted for IE and SeaMonkey use on Yahoo!Geocities */

   * { 
      padding: 0em; 
      margin: 0em; 
   } 

   a {
      color: #854F04;
      text-decoration: underline;
   }

   a.ext {
      color: #CC9900;
      text-decoration: underline;
   }

   a.no {
      color: #000;
      text-decoration: none;
   }

   a:hover {
      text-decoration: none;
   }
   
   a:active {
      text-decoration: none;
   }

   a:focus {
      text-decoration: none;
   }

   a:visited {
      text-decoration: none;
   }

   body:nth-of-type(1) {
      background-attachment: fixed;    /* compensate for Google Chrome rendering issue */      
   }

   body {
      background: #000 url('images/paris-sky.jpg');
      padding: 35px 0px 35px 0px; 
      font-size: 10pt; 
      font-family: "georgia", "times new roman", serif;
      min-width: 800px;                /* does not work with yahoo */
      text-align: center;              /* does not work with SeaMonkey to centre - instead use margin-auto construct in outer frame */
   }

   body.openimage {
      background: #fff;
      padding: 35px 0px 35px 0px;
      min-width: 0px; 
   }

   div.feedburnerFeedBlock {
      margin-top: -1em;
      line-height: 1.5em;
      margin-bottom: 1.0em;
      text-align: justify;
   }

   div.feedburnerFeedBlock a {
      color: #CC9900;
   }

   div.feedburnerFeedBlock img{
      border: solid 1px #6F5230;
   }

   div.feedburnerFeedBlock ul {
      list-style: none;
      margin-top: 2.5em;
      margin-bottom: 2.5em;
   }

   div.feedburnerFeedBlock li {
      margin-top: 2.5em;
   }

   div.feedburnerFeedBlock div {
      margin-top: 0em;
   }

   div.feedburnerFeedBlock p.date {
      font-size: 0.8em;
      color: #787878;
      margin-top: -1em;
   }

   div.feedburnerFeedBlock p.feedTitle {
      display: inline;
      font-weight: bold;
      font-size: 1.7em;
   }

   div.feedburnerFeedBlock p.feedTitle img {
      width: 16px;
      margin-right: 0.5em;
      margin-bottom: 0em;
      border: 0px;      
   }

   div.feedburnerFeedBlock p.feedTitle a {
      background-repeat: no-repeat;
      background-position: right;
      padding-right: 34px;
      background-image: url('images/heading-stop-3.gif');
      color: #854F04;
      text-decoration: underline;
   }

   div.feedburnerFeedBlock p.feedTitle a:hover {
      text-decoration: none;
   }

   div.feedburnerFeedBlock p.feedTitle a:active {
      text-decoration: none;
   }

   div.feedburnerFeedBlock p.feedTitle a:focus {
      text-decoration: none;
   }

   div.feedburnerFeedBlock p.feedTitle a:visited {
      text-decoration: none;
   }

   div.feedburnerFeedBlock span.headline {
      position: relative;
      top: 0em;
      font-weight: bold;
      background-repeat: no-repeat;
      background-position: right;
      font-size: 1.2em;
      padding-right: 28px;
      background-image: url('images/heading-stop-4.gif');
   }

   div.feedburnerFeedBlock span.headline a {
      color: #CC9900;
   }

   font.ext {
      color: #CC9900;
      text-decoration: underline;
   }

   font.int {
      color: #854F04;
      text-decoration: underline;
   }

   h3 span {
      font-weight: normal;
   }

   h3, h4{
      display: inline;
      font-weight: bold;
      background-repeat: no-repeat;
      background-position: right;
   }

   h3 {
      font-size: 1.7em;
      padding-right: 34px;
      background-image: url('images/heading-stop-3.gif');
   }

   h4 {
      font-size: 1.2em;
      padding-right: 28px;
      background-image: url('images/heading-stop-4.gif');
   }

   h4.signature {
      font-size: 1em;
      background-image: none;
   }

   img {
      border-style: none;
   }

   img.border {
      border: solid 1px #6F5230;
   }

   img.left {
      border: solid 1px #6F5230;
      position: relative;
      float: left;
      margin: 0.3em 1.8em 1em 0em;
   }

   img.leftno {
      position: relative;
      float: left;
      margin: 0.3em 1.8em 1em 0em;
   }

   img.right {
      border: solid 1px #6F5230;
      position: relative;
      float: right;
      margin: 0em 0em 1.8em 1.8em;
   }

   img.rightno {
      position: relative;
      float: right;
      margin: 0em 0em 1.8em 1.8em;
   }

   img.rightnobottomno {
      position: relative;
      float: right;
      margin: 0em 0em 0em 1.8em;
   }

   img.up {
      margin: 0px 0px -3px 0px;      /* correct for arrow image size */
   }

   img.openimage {
      border: solid 1px #6F5230;
   }

   img.middle {
      vertical-align: middle;
   }

   p {
      line-height: 1.5em;
      margin-bottom: 1.0em;
      text-align: justify;
   }

   table {
      font-size: 10pt;
      font-family: "georgia", "times new roman", serif;
   }

   table.atmabbr {
      width: 100%;
/* background: blue; */
   }

   table.openimage {
   }

   td {
      vertical-align: top;
      horizontal-align: left;
      padding: 1em 1em 0.5em 0em;
   }

   td.atmabbr {
   }

   ul.linklist {
      list-style: none;
      margin-top: 0em;
   }

   ul.linklist li {
      line-height: 2.0em;
   }

   .box {
      position: relative;
      background: #E8E1D9 url('images/box-bg.gif') repeat-x;
      left: 0em;
      top: 0em;
      padding: 1.5em;
      border-bottom: solid 1px #854F04;
      margin: 3.0em 0em 2.0em 0em;
   }

   .box p {
      margin-bottom: 0em;
   }

   .buttonlist h1 {
      display: inline;
      font-weight: bold;
      background-repeat: no-repeat;
      background-position: right;
      font-size: 1.7em;
      padding-right: 34px;
      background-image: url('images/heading-stop-3.gif');
    }

   .buttonlist h2 {
      font-weight: bold;
      font-size: 1.5em;
      margin: 1em 0em 0.5em 1em;
   }

   .buttonlist ul {
      list-style: none;
      margin: 0em 1em 1em 1em;
   }

   .buttonlist li {
      display: inline;
      vertical-align: middle;
      line-height: 2.0em;
      margin: 0em 1em 0em 1em;
   }

   .buttonlist img {
      border-style: none;
      vertical-align: middle;
      margin: 0.2em 0em 0.5em 0em;      /* compensate for image size */
   }

   .contentarea {
      padding-top: 1.3em;
   }

   .divider1 {
      position: relative;
      background: #fff url('images/border2.gif') repeat-x;
      height: 14px;
      margin: 2.0em 0em 1.5em 0em;
      clear: both;
   }

   .divider2 {
      position: relative;
      height: 1px;
      border-bottom: solid 1px #eaeaea;
      margin: 2.0em 0em 2.0em 0em;
   }

   .divider3 {
      position: relative;
      font-size: 0pt;               /* compensate for yahoo rendering mistakes */
      height: 0em;
      border-bottom: solid 1px #eaeaea;
      margin: 0em 0em 1em 0em;
      width: 100%; 
   }

   .links {
   }

   .links h1 {
      display: inline;
      font-weight: bold;
      background-repeat: no-repeat;
      background-position: right;
      font-size: 1.7em;
      padding-right: 34px;
      background-image: url('images/heading-stop-3.gif');
    }

   .links h2 {
      font-weight: bold;
      font-size: 1.5em;
      margin: 1em 0em 0em 1em;
   }

   .links h3 {
      font-weight: bold;
      font-size: 1.3em;
      margin: 1em 0em 0em 1em;
      background-image: none;
   }

   .links ul {
      list-style: none;
      margin: 0em 1em 1em 1em;
   }

   .links li {
      line-height: 2.0em;
      margin: 0em 1em 0em 1em;
   }

   .post .details {
      position: relative;
      top: -1.5em;
      font-size: 0.8em;
      color: #787878;
   }

   .post ul.controls {
      clear: both;
   }

   .post ul.controls li {
      display: inline;
      font-size: 0.8em;
   }

   .post ul.controls li a {
      background-repeat: no-repeat;
      background-position: left;
      padding: 0em 1.0em 0em 20px;
   }

   .post ul.controls li a.printerfriendly {
      background-image: url('images/icon-printerfriendly.gif');
   }

   .post ul.controls li a.comments {
      background-image: url('images/icon-comments.gif');
   }

   .post ul.controls li a.more {
      background-image: url('images/icon-more.gif');
   }

   .publications em {
      font-weight: bold;
   }

   .publications table {
      text-align: left;
   }

   .publications td {
      line-height: 1.5em;
   }

   #BackgroundPageTop {
      z-index: 1;                      /* order of layers */
      position: absolute;
      top: 0px;			
      left: 0px; 
      width: 100%;   
      min-width: 800px;                /* does not work with yahoo */
      height: 265px;                   /* sets reserved height for top of page image */
      background: #000 URL('images/paris-sky-top.jpg');
   }

   #OuterFrame {
      z-index: 2;                      /* order of layers */
      min-width: 650px;                /* does not work with yahoo */
      max-width: 900px;                /* does not work with yahoo */
      width: 90%; 
      position: relative;
      border: solid 7px #fff;
      background-color: #fff;
      margin: 0 auto;                  /* does not work with yahoo to centre - instead use text-align in body and this frame */     
      text-align: left;
   }

   #PageHeader {
      position: relative;
      width: 100%;
      height: 111px;
      background: #3C260E url('images/page-header-bg.jpg') repeat-x; 
      margin-bottom: 2px;
   }

   #HeaderContentLeft {
      position: absolute;
      bottom: 0em;
      left: 0em;
      padding: 0em 2.0em 1.5em 2.0em;
   }

   #HeaderContentLeft h1 {
      font-weight: normal;
      color: #fff;
      font-size: 2.5em;
   }

   #HeaderContentLeft h2 {
      font-size: 1.0em;
      font-weight: normal;
      color: #aaa;
   }

   #HeaderContentRight {
      position: absolute;
      bottom: 0em;
      right: 0em;
      padding: 0em 2.0em 1.5em 2.0em;
   }

   #HeaderContentRight h2 {
      font-size: 1.0em;
      font-weight: normal;
      color: #aaa;
   }

   #HeaderPicture {
      position: relative;
      height: 110px;
      background: #fff url('images/page-header-pic.jpg') no-repeat center left;
      margin-bottom: 2px;
   }

   #MainMenu {
      position: relative;
      background: #C77F2F url('images/menu-bg.gif') repeat-x top left;
      height: 3.5em; 
      padding: 0em 1.0em 0em 1.0em;
      margin-bottom: 2px;
   }

   #MainMenu ul li {
      position: relative;
      display: inline;
   }

   #MainMenu ul li a {
      padding: 0.5em 1.0em 0.9em 1em;
      color: #fff;
      text-decoration: none;
   }

   #MainMenu ul li a:hover {
      text-decoration: underline;
   }

   #MainMenu ul li a.active {
      background: #C77F2F url('images/menu-active.gif') repeat-x top left;
   }

   #MainMenuLeft ul {
      position: absolute;
      top: 1.1em;
      left: 0em;
      padding: 0em 1.0em 0em 1.0em;
   }

   #MainMenuRight ul {
      position: absolute;
      top: 1.1em;
      right: 0em;
      padding: 0em 1.0em 0em 1.0em;
   }

   #SubMenu {
      position: relative;
      background: #fff; 
      height: 2.5em; 
      padding: 0em 1.0em 0em 1.0em;
      margin: -14px 0px 2px 0px;         /* compensate for height of menu bottom */
   }

   #SubMenu ul li {
      position: relative;
      display: inline;
      background-repeat: no-repeat;
      background-position: right 12px;   /* horizontal and vertical - vertical is not exact center */
      padding: 0.5em 1.0em 0.9em 1em;
      background-image: url('images/heading-stop-5.gif');
   }

   #SubMenu ul li.up {
      background-image: url('images/heading-stop-4.gif');
   }

   #SubMenu ul li a {
      color: #854F04;
      text-decoration: none;
   }

   #SubMenu ul li a:hover {
      text-decoration: underline;
   }

   #SubMenu ul li a.up:hover {
      text-decoration: none;
   }

   #SubMenu ul li.active {
      padding: 0.5em 1.0em 0.9em 1em; 
      color: #aaa;
   }

   #MenuBottom {
      background: #fff url('images/border1.gif') repeat-x;
      height: 14px;
      margin-bottom: 1.5em;
   }

   #SubMenuBottom {
      height: -1em;                       /* compensate for yahoo rendering mistakes */
      margin: 0em 0em 1em 0em;
      padding: 0em;
   }

   #MainContent {
      padding: 0em 0em 0em 0em;
      width: 100%;
/* background: yellow; */
   }

   #PageContent {
      padding: 0em 2.0em 0em 2.0em;
      margin-right: 0em; 
/* background: green; */
   }

   #PrimaryContainer {
      padding: 0em 4.0em 0em 0em;          /* play with second value to get the same layout on yahoo and locally */
      float: left;
      margin: 0em -22.0em 0em 0em;         /* play with second value to get the same layout on yahoo and locally */
      width: 100%;  
   }

   #PrimaryContent {
      margin: 1.5em 21.0em 0em 0em;        /* play with second value to get the same layout on yahoo and locally */
   }

   #SecondaryContainer {
      float: right;
      margin: 1.5em 0em 0em 0em;
      width: 18.0em;		           /* play with this value to get the same layout on yahoo and locally */
   }

   #PageFooter {
      position: relative;
      height: 7.0em;
      clear: both; 
      background: #fff url('images/border2.gif') repeat-x 0em 2.5em;
      font-size: 0.8em;
   }

   #FooterContentLeft {
      position: absolute;
      left: 2.0em;
      bottom: 1.2em;
   }

   #FooterContentRight {
      position: absolute;
      right: 2.0em;
      bottom: 1.2em;
   }