/*background-#f3f4fe and boxes fefefe*/

html, body {
      width: 100%;
      height: 100%;
      padding: 0;
      background-color:#f3f4fe;
      margin: 0;
      text-align: center;
      }

div#container {
            margin: 0 auto;
            width: 710px;
            text-align: left;
            }



div#back {
      background-image:url(../images/bgrep.gif);
      background-repeat: repeat;
      width: 700px;
      float: left;
      }


div#rightside {background-image:url(../images/rightside.gif);
         background-repeat:repeat;
         width: 5px;
         height: 900px;
         float: left;
         }

div#leftside {
         background-image:url(../images/leftside.gif);
         background-repeat:repeat;
         width: 5px;
         height: 900px;
         float: left;
         }

div#top {
         margin: 0px;
         padding:0px;
         }

div#one {
      height: 576px;
      width: 197px;
      background-color:#ffffff;
      float: left;
      }

div#onea {
      height: 10px;
      width: 197px;
      background-image:url(../images/index1_07a.gif);
      float: left;
      }

div#two {
      height: 576px;
      width: 2px;
      background-image:url(../images/index1_08a.gif);
      float: left;
      }

div#three {
      height: 576px;
      width: 10px;
      float: left;
      }

div#four {
      height: 576px;
      width: 2px;
      background-image:url(../images/index1_08a.gif);
      float: left;
      }

div#five {
      height: 576px;
      width: 489px;
      background-color:#ffffff;
      float: left;
      }

div#fivea {
      height: 10px;
      width: 489px;
      background-image:url(../images/index1_07a.gif);
      float: left;
      }

div#middle {
      height: 133px;
      }


div#content {
         margin: 50px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size:12px;}

img#menu {margin-bottom: 20px;
      margin-left: 15px;
         }

h1, form h2 {background: #f3f4fe;}

h1, form {margin: 0;
         }

h1 {font-family:Arial, Helvetica, sans-serif; font-size: 16px; padding: 5px; border-bottom: 5px solid #787fbc; width: 390px;
      border-top: 1px solid #cccee1; border-left: 1px solid #cccee1; border-right: 1px solid #cccee1; }

form { background: #f3f4fe; padding: 10px; width: 380px; border: 1px solid #cccee1;
 }

form label {
   display: block;
   font-weight: bold;
   margin: 5px;
   width: 100px;
   text-align: center;
   background: #cccee1;
   font-family: Arial, Helvetica, sans-serif;

   }

form h2, form label { font-size: 12px; -moz-border-radius: 5px; padding: 3px;}

form > div > label {float:left;}

form > div {clear:left;}

div > input, div > select {margin: 3px; padding: 4px;}

select > option {padding: 4px}

label + input, label + select, label + textarea {background: lightgrey; font-family:Arial, Helvetica, sans-serif; font-size: 12px}

option[value] {letter-spacing: 2px;}

div#negative {margin-left: -20px; margin-top: -20px;}

input[name^='feedback'], select[name^='feedback'], textarea[name^='feedback'] {font-weight: bold;}

label.spanform {float: none; width: auto; text-align: left;}

div.spanform {text-align: center;}

div#button {background: black; font-weight: bold; border: 1px solid white;}

div#copyright {margin-top: 10px; border-top: 1px dashed black; padding-top: 10px; font-size: 8pt; text-align: center; color: black;}








