/* CSS Document */
/*background: url('images/underwater3_bg.jpg');
background: #333333;*/
 body {
      background: url('images/carbon.jpg');
      color: #000000;
      margin: 0;
      padding: 0;
      text-align: center;
      font: 12px Arial, sans-serif;
      position: relative;
	  
  }
  a {
      color: #669933;
      text-decoration: none;
  }
  a:hover {
  	  color: #66CC33;
      text-decoration: none;
  }
  div#menu {
      width: 100%;
      margin: 10px 0px 3px 0px;
      padding: 1px 0;
      text-align: center;
  }
  div#menu p {
      font-size: 9px;
      width: 100%;
      margin: 20px 0 3px 0;
      padding: 1px 0px 0px 0px;
      text-align: center;
  }
  ul#menutop {
      width: 100%;
      margin: 0;
      padding: 0;
  }
  ul#menutop li {
      float: left;
      list-style: none;
      margin: 45px 0px 20px 0px;
      padding: 3px;
      background: url('images/link-border2.png') no-repeat right center;
  }
  ul#menutop a {
      color: #669933;
	  margin: 20px 12px 20px 8px;
      text-decoration: none;
      font-size: 14px;
	  font-weight: bold;
  }
  ul#menutop a:hover{
      color: #66CC33;
      text-decoration: none;
  }
  #contain {
      width: 800px;
      margin: 0 auto;
      text-align: left;
  }
  #size {
      width: 780px;  
  }
  #box {
      width: 400px;
      float: left;
  }
  #box p {
  	  font-size: 14px;
	  font-weight: bold;
      margin: 5px 0 0 5px;
      line-height: 200%;
      text-align: center;
  }
  #header {
      width: 365px;
      float: right;     
  }
  #header h1 {
      margin: 8px 0 10px 0;
      padding: 0;
      color: rgb(255,255,255);
      font-size: 40px;
      font-weight: normal;
  }
  #header p {
      margin: 3px 0 7px 0;
      padding: 0;
      color: #669933);
      line-height: 80%;
  }
  #header img {
      margin: 0 5px;
      behavior: url(iepngfix.htc);
  }
  #text {
	  padding: 10px;
  }
  #text p {
      line-height: 175%;
      padding: 0 5px;
      margin: 0 0 10px 0;
  }
  #text a {
      line-height: 175%;
      padding: 0 5px;
      margin: 0px 0px 0px 0px;
  }
  #text img {
      line-height: 175%;
      padding: 0 5px;
      margin: 0px 10px 0px 10px;
  }
  #text h1 {
      font-size: 20px;
      color: #669933;
      font-weight: normal;
      padding: 6px 10px;
      margin: 0px 0px 0px 10px;
      behavior: url(iepngfix.htc);
  }
  #text h2 {
      font-size: 20px;
      color: #669933;
      font-weight: normal;
      background: url('images/headline4.png') no-repeat left top;
      padding: 6px 10px;
      margin: 0;
      margin-bottom: 10px;
      #margin-bottom: 0;
      behavior: url(iepngfix.htc);
  }
  #footer {
  	  font-size: 9px;
	  color: #669933;
      width: 100%;
	  padding-top: 7px;
	  padding-bottom: 10px;
      text-align: center;
	  position: inherit; bottom: 0px;
  }
  #footer p {
      width: 800px;
      margin: 0 auto;
      padding: 2px 0 5px 0;
  }
  #footer a {
  	  color: #669933;
  }
  #footer a:hover {
  	  color: #66CC33;
  }
  /*
  #footer {
      width: 100%;
	  margin: 0 30px;
      padding: 30px 0;
      text-align: center;
  }
  #footer p {
      width: 800px;
      margin: 0 auto;
      padding: 4px 0;
  }
  */
  .clear {
      width: 1px;
      height: 1px;
      line-height: 1px;
      font-size: 1px;
      clear: both;
  }  
  #pattern-gradient{
      width: 800px;
      background: url('images/bg80.png');
      position: absolute; top: 78px; bottom: 75px; left: relative;
      z-index: -1;
 }