/**** Page Header ****/
#page-header {
  height: 100px;
  width: 100%;
  background-image: url('images/top-background.gif'); 
  position: absolute; left: 0; top: 0; 
  background-repeat: repeat-x  width: 100%;
}

/**** Page Body (HTML) ****/
body {
	topmargin: 3; leftmargin: 0; rightmargin: 3; bottommargin: 3;
}

#feedback_form {
  font-family: arial, sans-serif;
  font-size: 10pt;
  padding-right: 1em;
  }
  


/**** Main Body ****/
#body{
  font-size: 10pt;
  top-margin: 3px;
  left-margin: 0;
  right-margin: 3px;
  bottom-margin: 3px;
  }
#main-body {
  font-family: arial, sans-serif;
  font-size: 10pt;
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 30px;
  padding-bottom: 0;
  }
#table2{
  font-size: 10pt;
}  
#main-body h1 {
  font: 16pt Tahoma,verdana,helvetica,arial,sans-serif;
  margin: 0;
  }
#main-body h2 {
  font: 13pt Tahoma,verdana,helvetica,arial,sans-serif;
  color: #333;
  margin-bottom: 3px;
  }
#main-body p {
  margin-top: 0;
  }
#main-body blockquote {
	font-style: italic;
	margin: 0;
  }
#main-body a {
  color: #333;
  text-decoration: underline;
  }
  
#table1 {
  width: 100%;
  cellspacing: 0;
  cellpadding: 0;
  position: relative;
  top: 100;
}

.image-cell-left {
  width: 300px;
  text-align: right;
}

#contact_form {
  font-family: arial, sans-serif;
  font-size: 10pt;
  padding-right: 1em;
  }
  
  
/**** Standard Page Footer Elements ****/
#copyright, #web-designers, #web-designers a, #web-designers a:visited  {
  font-family: arial, sans-serif;
  font-size: 8pt;
  color: #CCC;
}

#copyright {
  float: left;
}

#web-designers a {
  float: right;
}


/************* Feedback Forms ****************/
#feedback_form, #feedback_form table {
  padding-top: 10%;
  font-family: arial, sans-serif;
  font-size: 8pt;
  padding-right: 1em;
  color: #666;
  }
  
#feedback_form {
  width: 80%;
  }

#feedback_form table {
  width: 100%;
  }

#feeback_form textarea, #feeback_form input {
  font-family: arial, sans-serif;
  font-size: 7pt;
  }

  
#feedback_form h1 {
  font-size: 133%;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 3px;
  }


/**************** menu styles ****************/
    #top-menu {
      position: absolute;
      top: 30px;
      color:#CCC;
      background:none;
      text-align: center;
      float:left;
      width:100%;
	  padding: 0;
	  margin: 0;
      line-height:normal;
      font: 10pt Tahoma,verdana,helvetica,arial,sans-serif;
      }
      
    #top-menu ul {
      text-align: left;
	  list-style:none;
	  margin: 0;
      height: 2.5em;
      width: 95%;
      }

    #top-menu li {
	  float: left;
      display:inline;
      background:#999;
      height: 100%;
      width: 13%;
      margin-left:3px;
      }

    #top-menu li a{
      text-decoration: none;
      color: #FFF;
      background:#999;
      width: auto;
      height: 100%;
      padding-left:8px;
      }

	/* This is a CSS hack to hide the following code from IE->V6 */
	html>body #top-menu li a{
	  float: left;
	  }	

    #top-menu li span {
      text-decoration: none;
      color: #FFF;
      background:#666;
      height: 100%;
      }
      
    #top-menu li span a {
      color: #FFF;
      background:#666;
      text-weight:bold;
      width: 100%;
      }
    
    html>body #top-menu li span a {
      width: 95%;
      }

    #top-menu li a:hover {
      text-decoration: underline;
      background:#333;
      width: 100%;
      }
      
      
      
    #sub-menu {
      position: absolute;
      top: 70px;
      color:#CCC;
      background: none;
      text-align: left;
      float:left;
      width:100%;
	  padding: 0;
	  margin: 0;
      line-height:normal;
      font: 10pt Tahoma,verdana,helvetica,arial,sans-serif;
      }
     
    #sub-menu ul {
	  list-style:none;
	  font-size:80%;
	  margin: 0;
      height: 1.5em;
      margin-left: 100px;
      }

    #sub-menu2 ul {
      margin-left: 25%;
    }
      
    #sub-menu3 ul {
      margin-left: 65%;
    }
    
    #sub-menu li {
      display:inline;
      background:#999;
      height: 100%;
      width: 12em;
      }

    #sub-menu li a{
      border-left: solid 3px;
      padding-left:3px;
      width: 5em;
      text-decoration: none;
      color: #FFF;
      width: 100%;
      height: 100%;
      padding: 5px;
      }

    #sub-menu li span {
      text-decoration: none;
      color: #FFF;
      background:#666;
      width: 100%;
      height: 100%;
      }
      
    #sub-menu li span a {
      color: #FFF;
      background:#666;
      text-weight:bold;
      width: 100%;
      }
      
    #sub-menu li a:hover {
      text-decoration: underline;
      background:#333;
      color:#FFF;
      width: 100%;
      }