/*This is the CSS for the menu bar.*/
   div.navcontainer
      {
       width: 100%;
       height: 134px;
       background-color: #ffffff;
       margin-top: 0;
       margin-bottom: 0;
       padding-top: 4px;
       padding-bottom: 5px;
       border-style: solid;
       border-width: 0px 0px 0px 0px;
       border-color: #000000;
      }
         
      .navcontainer ul 
         {
          list-style-type: none;
          position: relative;
          width: 949px;
	  height: 134px;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto;
	  background: url("images/topnav.jpg") no-repeat top left;
         }

      .navcontainer li 
         {
          float: left;
          margin: 0;
          padding: 0;
         }

      .navcontainer a 
         {

          float: left;
          margin: 1px;
       	  margin-top: 98px;	
          height: 25px;
          width: 140px;
          padding-top: 5px;
          padding-right: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
          text-align: center;
          color: #000000;
          font-weight: bold;
          text-decoration: none;
          font-size: small;
         }

      .navcontainer a.disabled
         {
	  font-family: Arial, Trebuchet, Tahoma;
          float: left;
          margin: 1px;
	  margin-top: 98px;
          height: 25px;
          width: 140px;
          padding-top: 5px;
          padding-right: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
          text-align: center;
          color: #ffffff;
          font-weight: bold;
          text-decoration: none;
         }

      .navcontainer a.disabled:hover
         {
          text-decoration: none;
         }

      .navcontainer a:hover 
         {
	  color: #ffffff;
          text-decoration: underline;
         }

   /*Main page site news box.*/
   div.sitenews
      {
       clear: right;
       float: right;
       width: 262px;
       margin-left: 0px;
       margin-right: 0px;
       border: solid 0px 1px 1px 1px;
       border-color: #ffcc66;
       background-color: #ffd69e;
      }

      .sitenews div
         {
          text-align: left;
          border-bottom: solid 1px;
          margin-left: 2px;
          height: 425px;
          overflow: hidden;
          font-size: x-small;
         }

      .sitenews h3
         {
          width: 100%;
          margin-left: 0px;
          border-bottom: solid 1px;
          margin-top: 0;
          margin-bottom: 2px;
          background-color: #ffcc66;
          text-align: center;
         }

      .sitenews span
         {
          font-weight: bold;
         }
      .sitenews a
         {
          font-size: x-small;
         }

      .sitenews hr
         {
          width: 80%;
          height: 2px;
          margin-left: 40px;
          color: #f3b849;
          background-color: #f3b849;
         }

      .sitenews p
         {
          margin-left: 40px;
         }

   /*Main page information box.*/
   div.information
      {
       clear: left;
       float: left;
       width: 660px;
       margin-left: 0px;
       margin-right: 0px;
       border: solid 0px;
       border-color: #ffcc66;
       background-color: #ffffff;
      }

      .information div
         {
          text-align: center;
          border-bottom: solid 1px;
          margin-left: 2px;
          height: 200px;
          overflow: hidden;
          font-size: x-small;
         }

      .information h3
         {
          width: 520px;
          margin-left: 0px;
          margin-top: 35px;
          margin-bottom: 1px;
          color: #20a7e2;
          text-align: center;
         }

      .information span
         {
          width: 100%;
          margin-left: 0px;
          font-weight: bold;
          text-align: center;
         }
      .information p
         {
          width: 520px;
          font-size: small;
          font-weight: bold;
          color: #6b6596;
          text-align: left;
          margin: 1px 0px 0px 0px;
         }

      .information img
         {
          float: left;
          margin: 13px 10px 0px 0px;
         }


   /*Setting attributes for the h1 tag.*/
   h1 
      {
       background-color: #0a3e89;
       margin-bottom: 0;
       margin-top: 0;
       padding: 4px;
       text-align: center;
       font-variant: small-caps;
       color: #bebf59;
       border-style: solid;
       border-width: 0px 0px 2px 0px;
       border-color: #bebf59;
      }

   /*Setting attributes for the body tag.*/
   body
      {
       width: 100%;
       background-color: #ffffff;
       margin-top: 0;
       margin-bottom: 0;
       padding-top: 0px;
       padding-bottom: 0px;
       border-style: solid;
       border-width: 0px 0px 0px 0px;
       border-color: #000000;
       font-family: Arial, Trebuchet, Tahoma;
      }

   /*More or less try to center the content of some paragraphs under the menu.*/
   #middlebox
      {
       text-align: left;
       width: 75%;
       left: 0;
       right: 0;
       margin-left: auto;
       margin-right: auto;
      }

   table.datatable
      {
       border-collapse: collapse; 
       border-style: solid; 
       border-width: 1px 1px 1px 1px; 
       border-color: #000000;
      }

      .datatable caption
         {
          font-weight: bold;
          text-align: center;
         }

      .datatable td
         {
          border-collapse: collapse; 
          border-style: solid; 
          border-width: 1px 1px 1px 1px; 
          border-color: #000000;
         }

      div.body 
         {
          list-style-type: none;
          position: relative;
          width: 949px;
          left: 0;
          right: 0;
          margin-left: auto;
          margin-right: auto;
         }

     div.barback
         {
          float: left;
          width: 210px;
          height: 600px;
          margin-right: 40px;
          background-color: #3399cc;
         }

     ul.sidebar
         {
          width 120px;
          font-size: small;
          text-indent: 4px;
          list-style-type: none;
          margin: 20px 10px 20px 5px;
          padding: 20px 5px 20px 0px;
          background-color: #33cc33;
          border-style: solid;
          border-width: 1px 1px 1px 1px;
          border-color: #ffffff;
         }

     .sidebar li
         {

         }

     .sidebar a
         {
          margin-right: 10px;
          color: #ffffff;
          text-decoration: none;
         }

     .sidebar a:hover
         {
	  color: #000000;
          text-decoration: none;
         }

     div.nextstep
         {
          width 120px;
          font-size: small;
          margin: 80px 10px 20px 5px;
          padding: 5px 5px 5px 5px;
          background-color: #ffffff;
          border-style: solid;
          border-width: 1px 1px 1px 1px;
          border-color: #ffffff;
         }

     .nextstep p
         {
          width 120px;
          font-size: small;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          margin-top: 0px;
          margin-bottom: 0px;
          padding: 5px 5px 5px 5px;
          color: #ffffff;
          background-color: #33cc33;
          font-weight: bold;
         }
      .nextstep ul
         {
          text-indent: 8px;
          list-style-type: none;
         }

       .nextstep a
         {
          color: #000000;
          text-decoration: none;
         }

       .nextstep a:hover
         {
	  color: #33cc33;
          text-decoration: none;
         }