
body{        position: absolute;
          font-family: arial,sans-serif;
            font-size: 12px;
              padding: 0px 0px 0px 0px;
               margin: auto;
     background-image: url('images/gradient.gif');
    background-repeat: repeat-x;
background-attachment: fixed;
           text-align: center;
}
div.container{
             z-index: 1;
            position: relative;
    background-color: #C1C4C7;
              border: 1px none #000000;
               width: 800px;
          text-align: justify;
              margin: 0px 0px 0px 75px;
             padding: 0px 0px 0px 0px;
}

div.outer{  float: left;
            position: relative;
              border: 1px solid #000000;
    background-color: #C1C4C7;
               width: 798px;
          text-align: justify;
              margin: 0px 0px 0px 0px;
             padding: 0px 0px 10px 0px;

}


div.tutorial{   float: left;
             position: relative;
                  top: 10px;
               border: 1px none #000000;
     background-color: #C1C4C7;
                width: 600px;
           text-align: justify;
               margin: 5px 5px 20px 5px;
              padding: 10px 10px 10px 10px;
              z-index: 200;
              overflow: scroll;
}

a.tutepanel, a.tutepanel:link, a.tutepanel:visited, a.tutepanel:active{

             position: relative;
              display: block;
              z-index: 1000;
                width: 150px;
               height: 25px;
     background-image: url('images/menubackground.gif');
               border: 1px solid #282828;
           text-align: center;
      text-decoration: none;
          font-family: verdana, arial, sans-serif;
            font-size: 10px;
          font-weight: bold;
                color: #152940;
          line-height: 25px;
}

#tuteholder{
                float: right;
              z-index: 999;
                width: 150px;
               height: 189px;
               border: 2px none #000000;
               margin: 0px 0px 0px 0px;
             overflow: visible;
}

a.tutepanel:hover {
              color:#BED3EA;
              text-decoration: none;
              background-image: url('images/menuover.gif');
}

#navholder{
            position: relative;
          margin-top: -3px;
         margin-left: auto;
               width: 100%;
              border: none #000000 1px;
}

#footer{
            position: relative;
         margin-left: 75px;
          margin-top: 5px;
             padding: 10px 0px 0px 0px;
              border: 1px none #282828;
               width: 800px;
          text-align: center;
      vertical-align: text-top;

}

a.nav, a.nav:link, a.nav:visited {
               float: left;
               width: 16.41%;
              height: 25px;
    background-image: url('images/menubackground.gif');
              border: 1px solid #282828;
          text-align: center;
     text-decoration: none;
         font-family: verdana, arial, sans-serif;
           font-size: 12px;
         font-weight: bold;
               color: #152940;
         line-height: 25px;
}

a.nav:hover {
               color: #BED3EA;
     text-decoration: none;
    background-image: url('images/menuover.gif');
   }


 .chosen {
               float: left;
               width: 16.42%;
              height: 25px;
    background-image: url('images/menuover.gif');
              border: 1px solid #282828;
          text-align: center;
     text-decoration: none;
         font-family: verdana, arial, sans-serif;
           font-size: 12px;
         font-weight: bold;
               color: #BED3EA;
         line-height: 25px;
}

.center{
          text-align: center;

}

img.logo{
            position: relative;
                 top: 0px;
                left: 0px;
               width: 100%;
}



a.other:link{
               color: #05228B;
     text-decoration: none;
}

a.other:visited{
               color: #05228B;
     text-decoration: none;
}


a.other:active{
               color: #05228B;
     text-decoration: none;
}

a.other:hover{
               color: red;
     text-decoration: underline;
}


.white{
               color: white;
}

.search{
            position: absolute;
              height: 97px;
               width: 250px;
      vertical-align: top;
         font-weight: bold;
                 top: 5px;
               color: white;
               right: 125px;
    background-image: url('images/search.gif');
              border: 1px solid #000000;
             padding: 10px 10px 0px 10px;
        }

#mySlideShow{
               width: 640px !important;
              height: 480px !important;
        }

#clock {
            position: absolute;
                 top: 5px;
              height: 107px;
               width: 107px;
               right: 10px;
             z-index: 20;
    background-image: url('images/clockbackground.gif');
              border: 1px solid #000000;

        }

.errorMsg{
            position: absolute;
                left: 300px;
               width: 190px;;
               color: #FF0000;
         font-weight: bold;
              border: 2px solid #FF0000;
             padding: 1px 1px 2px 10px;
          margin-top: 30px;
}

label{
            position: relative;
               float: left;
               width: 175px;
          text-align: left;
         margin-left: 0px;
          margin-top: 1px;
             padding: 0px 0px 0px 0px;
}

.mailsend
{ float:left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding:  0px 0px 0px 0px;

}