body {
  background-image: url('images/background_lining.jpg');
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;
}

p, ul, ol, h3, h4, h5, h6 { padding: 0px; 
  margin-left: 0px; margin-right: 0px; margin-top: 7px; margin-bottom: 0px }

img { border-width: 0px; border-spacing: 0px; padding: 0px; margin: 0px }

img.photo { float:right; margin:5px 5px 20px 48px}

table { border-width: 0px; border-spacing: 0px; padding: 0px; margin: 0px }

td {
  vertical-align: top; padding: 0px;
  margin-left: 4px; margin-right: 4px; margin-top: 1px; margin-bottom: 1px;
}

h1 { font-size: 16pt; font-weight: bold; margin-top: 0px }
h2 { font-size: 13.5pt; font-weight: bold; margin-top: 0px }
h3 { font-size: 12pt; font-weight: bold; margin-top: 0px }
h4 { font-size: 10pt; font-weight: bold; margin-top: 0px }
h5, h6 { font-size: 10pt; font-weight: normal; margin-top: 0px }

h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, sans-serif; color: #83B259 }

body, p, td, ul, ol, li {
  font-family: verdana, arial, sans-serif; font-size: 10pt; color: #7C7E61 }

p { line-height: 18px }

a.intern:link    { color: #B39559; text-decoration: none }  /* unvisited link  */
a.intern:visited { color: #B39559; text-decoration: none }  /* visited link    */
a.intern:hover   { color: #806633 }                         /* mouse over link */
a.intern:active  { color: #806633 }                         /* selected link   */

a.extern:link    { color: #B39559; text-decoration: none }  /* unvisited link  */
a.extern:visited { color: #ACA594; text-decoration: none }  /* visited link    */
a.extern:hover   { color: #806633 }                         /* mouse over link */
a.extern:active  { color: #806633 }                         /* selected link   */

div.header_strip { width: 949px; height: 31px; background-color: #F9FAEC }

div.flags {
  position: absolute; left: 30px; top: 0px; width: 154px; height: 31px;
  background-image: url('navigation/flags_norm.jpg');
}

div.flags img.pict1 { position: absolute; left:  14px; top: 9px }
div.flags img.pict2 { position: absolute; left:  52px; top: 9px }
div.flags img.pict3 { position: absolute; left: 115px; top: 9px }

div.header {
  position: absolute; left: 184px; top: 0px; width: 765px; height: 31px;
  background-color: #F9FAEC;
}

div.header a.header:link,
div.header a.header:visited,
div.header a.header:hover,
div.header a.header:active
{
  position: absolute; left: 19px; top: 4px; width: 746px; height: 26px;
  font-size: 13.5pt;
  font-weight: bold;
  text-decoration: none;
  color: #83B259;
  white-space: nowrap;
}

div.sitemap  {position:absolute; left:458px; top:0px; width:307px; height:31px}
div.sitemap_text {position:absolute; left:0px; top:6px; width:250px; height:18px}
div.sitemap_icon {position:absolute; left:260px; top:7px; width:34px; height:17px}

div.banner_strip { width: 100%; height:112px; background-color:#EAECD5 }
div.banner       { width:949px; height:112px; background-color:#DEEF5E }

div.mix {
  position: absolute; left: 30px; top: 31px; width: 154px; height: 112px;
  background-image: url('images/sky_and_water_green.gif');
  background-repeat: repeat;
}

div.buttercup {
  position: absolute; left: 154px; top: 0px; width: 458px; height: 112px;
  background-image: url('images/banner_buttercup.jpg');
  font-size: 9pt; white-space: nowrap;
}

a.banner:link, a.banner:visited, a.banner:hover, a.banner:active {
  text-decoration: none; color: #333333}

a.line1 { position: absolute; left: 532px; top: 15px }
a.line2 { position: absolute; left: 532px; top: 37px }
a.line3 { position: absolute; left: 532px; top: 59px }
a.line4 { position: absolute; left: 532px; top: 81px }

div.navigation_strip {
  position: absolute; left: 30px; top: 0px; z-index: -1;
  width: 154px; height: 100%; background-color: #EAECD5
}

div.navigation {
  position: absolute; left: 0px; top: 143px; width: 949px; height:433px;
  background-image: url('images/background_text.jpg');
}

div.subnavigation { position: absolute; left: 188px; top: 4px; width: 760px; height: 26px }

/* There are three variants for the structure of the content area */
/* Variant 1: a main text area and a side bar                     */

div.header_main {
  position:absolute; left:240px; top:44px; width:434px; height:24px; overflow:hidden }

div.content_main {
  position:absolute; left:240px; top:72px; width:434px; height:338px; overflow:auto }

div.header_side {
  position:absolute; left:725px; top:44px; width:174px; height:24px; overflow:hidden }

div.content_side {
  position:absolute; left:725px; top:72px; width:174px; height:338px; overflow:auto }

/* Variant 2: a wide text area and no side bar - for location maps and tables */

div.header_wide {
  position:absolute; left:240px; top:44px; width:659px; height:24px; overflow:hidden }

div.content_wide {
  position:absolute; left:240px; top:72px; width:659px; height:338px; overflow:auto }

/* Variant 3: two columns of text and no side bar - for large texts */

div.header_left {
  position:absolute; left:240px; top:44px; width:304px; height:24px; overflow:hidden }

div.content_left {
  position:absolute; left:240px; top:72px; width:304px; height:338px; overflow:auto }

div.header_right {
  position:absolute; left:595px; top:44px; width:304px; height:24px; overflow:hidden }

div.content_right {
  position:absolute; left:595px; top:72px; width:304px; height:338px; overflow:auto }

/* end of variant 3 */

td.content { color:#7C7E61; line-height:18px }
ol.content { padding-left:16px }
ul.content { padding-left:16px }
li.content { color:#7C7E61; line-height:18px }

p.side {
  font-size:8pt; font-style:italic; font-family:georgia, times, serif; line-height:15px }

div.footer {
  position: absolute; left: 240px; top: 410px; width: 627px; height: 23px;
  white-space: nowrap; overflow: hidden
}

p.footer { color: #9EA181; font-size: 7.5pt; line-height: 13px }