/* CSS Document */

body {
  background-color: #bed106; 
  background-image: url(images/tdfw-bg.jpg); 
  background-repeat: repeat-x; 
  margin: 30px 0; 
  border: 0;
  padding: 0; 
  height: 100%; 
  max-height: 100%;
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 11px/14px; 
}
ul {
  list-style-type: none;
}
#logoBox {  
  width: 360px;
  height: 140px;
  position: relative;
  top: 0;
  margin: 0 252px;
  background-image: url(images/tdfw-logo.png);
  background-repeat: no-repeat;
}
/* NAVIGATION PANEL*/
#navPanel ul {
  display: block; 
  width: 770px; 
  height: 36px; 
  position: relative; 
  top: -91px; 
  right: 0; 
  left: 190px; 
  margin: 0 50px;
  padding: 2px 0 0 0; 
  border-bottom: 1px solid #363b09; 
  border-top: 1px solid #363b09;
}
#navPanel ul li {
  float: right; 
  font: 12px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; 
  font-weight: bold;
}
#navPanel ul li a { 
  width: 74px; 
  height: 36px; 
  display: block; 
  padding: 0; 
  color: #555; 
  background-color: none; 
  text-decoration: none; 
  text-align: center; 
  margin: 0 1px 0 0; 
  top: 0px; 
  left: 0px;
}
#navPanel ul li a:hover {
  width: 74px; 
  height: 34px; 
  text-decoration: none; 
  color: #555; 
  background-color: #c7df04;
}
#navPanel ul li.active {
  width: 74px; 
  display: block; 
  height: 34px; 
  color: #555; 
  background-color: #343817; 
  text-align: center; 
  margin: 0 1px 0 0;
}
/* PICTURE PANEL*/
#pictureArea {
  width: 747px; 
  height: 0; 
  position: relative; 
  margin: 0 252px; 
  padding: 0;
}
#pictureArea img {
  width: 354px; 
  height: 479px; 
  z-index: 1; 
  padding: 0; 
  position: absolute; 
  margin: 0;
}
/* LIST PANEL*/
#listArea {
  width: 479px; 
  height: 0; 
  position: absolute;
  margin: 0 252px; 
  padding: 0;
}
#listArea img {
  width: 354px; 
  height: 479px;  
  z-index: 1; 
  padding: 0; 
  position: absolute; 
  margin: 0;
}
/* CONTENT PANEL*/
#content {
  position: relative;
  top: -10px;
  left: 193px;
  width: 370px; 
  height: 490px; 
  margin: 0 450px;
  font: 12px/16px "Trebuchet MS", Arial, Helvetica, san serif; 
  font-weight: normal;  
  padding: 15px 0 0 0;
}
#content h2 { 
  background: #none; 
  display: block; 
  width: 370px; 
  height: 40px; 
  margin: 0; 
  font: 18px/20px "Trebuchet MS", Arial, Helvetica, san serif; 
  font-weight: normal; 
  padding: 20px 0 10px 0; 
  color: #823502;
}
/* CONTENT WINS PANEL*/
#contentWins {
  position: relative;
  top: -489px;
  left: 0px;
  width: 370px; 
  height: 490px; 
  margin: 0 391px;
  font: 12px/16px "Trebuchet MS", Arial, Helvetica, san serif; 
  font-weight: normal;  
  padding: 15px 0 0 0;
}
#contentWins h2 { 
  background: #none; 
  display: block; 
  width: 370px; 
  height: 40px; 
  margin: 0; 
  font: 18px/20px "Trebuchet MS", Arial, Helvetica, san serif; 
  font-weight: normal; 
  padding: 20px 0 10px 0; 
  color: #823502;
}
img.left {
  float: left;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0px;
}
img.right {
  float: right;
  padding-top: 9px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 1px;
}
/* FOOTER PANEL*/
#footerPanel {
  width: 100%;
  height: 300px;  
  background: #343817; 
  color: #d0d1cd; 
  font-size: 10px;
}
#footerbodyPanel { 
  width: 762px;
  height: 150px; 
  position: relative; 
  margin: 0 350px; 
  padding: 0;
}
#footerPanel ul { 
  width: 400px; 
  display: block; 
  position: absolute; 
  right: 10px; 
  top: 33px; 
}
#footerPanel li {
  float: left; 
  font: 12px/15px Arial, Helvetica, sans-serif; 
  font-weight: normal;
}
#footerPanel ul li a {
  padding: 0 6px; 
  color: #d0d1cd; 
  background: #none; 
  text-decoration: none;
}
#footerPanel ul li a: hover {
  text-decoration: underline;
}
#footerPanel ul li a.padl { 
  padding: 0 0 0 6px;
}
#footerPanel p.copyright { 
  background: #none; 
  display: block;
  position: absolute; 
  top: 24px; 
  left: 0px; 
  color: #949290;
}
#footerPanel ul.contact { 
  width: 158px; 
  background: #none; 
  color: #d0d1cd; 
  display: block; 
  position: absolute; 
  top: 24px; 
  left: 160px;
}
#footerPanel ul.contact li a {
  background: #none; 
  display: block; 
  color: #d0d1cd; 
  text-decoration: none;
}
#footerPanel ul.contact li a: hover {
  text-decoration: underline;
}