* {margin:0px;padding:0px;top:0px;left:0px;}

Body {  text-align: center;
        background-color: #000033;  }

#Site { position: relative;
        margin-top: 0px;
        margin-right: auto;     
        margin-left: auto;
        text-align: center;
        width: 788px;
        height: 100%;
        background-color: #333333; }

#Crossbar { height: 10px;
            width: 768px;
            background-color: #333333;  }

#Main { margin-right: 10px;
        margin-left: 10px;
        width: 768px;
        text-align: center;
        background-color: #ffffff; }

#Header { background-image: url(Images/BGI_1d.jpg);
          height: 250px;
          width: 768px;
          left: 0px;
          top: 0px; }

#Content  { width: 768px;
           height: auto;
           background-color: #ffffff;
           overflow: auto;
           text-align: justify;  }

#PicL { display: block;
        float: left;
        width: 340px;
        z-level: 1; 
        text-align: left; }

#TextR { display: block;
         float: right;
         width: 375px;
         margin-top: 10px;
         margin-right: 25px;
         margin-left: 5px;
         overflow: auto;
         text-align: justify;
         z-level: 2;  }

#PicR { display: block;
        float: right;
        width: 340px;
        z-level: 1;
        text-align: right;  }

#TextL { display: block;
         float: left;
         width: 375px;
         margin-top: 10px;
         margin-right: 5px;
         margin-left: 25px;
         overflow: auto;
         text-align: justify;
         z-level: 2;  }

#Center { width: 728px;
          margin-top: 10px;
          margin-right: 20px;
          margin-left: 20px;
          overflow: auto;
          text-align: justify;
          z-level: 1;  }

#ColumnL { float: left;
         width: 344px;
         margin-top: 10px;
         margin-right: 0px;
         margin-left: 60px;
         overflow: auto;
         text-align: justify; }

#ColumnR { float: right;
         width: 344px;
         margin-top: 10px;
         margin-right: 0px;
         margin-left: 20px;
         overflow: auto;
         text-align: justify; }

#GalleryL { float: left;
         width: 344px;
         margin-top: 10px;
         margin-right: 0px;
         margin-left: 20px;
         overflow: auto;
         text-align: justify; }

#GalleryR { float: right;
         width: 344px;
         margin-top: 10px;
         margin-right: 20px;
         margin-left: 0px;
         overflow: auto;
         text-align: justify; }

#GalleryC { width: 600px;
         margin-top: 10px;
         margin-right: auto;
         margin-left: auto;
         overflow: auto;
         text-align: justify; }


#Footer { height: 55px;
          width: 768px;
          text-align: center;
          background-image: url(Images/Footer.jpg); }

#Filler { text-align: center;
        height: 35px;
        width: 768px;
        background-color: #333333; }


#Navi { position: absolute;
        top: 260px;
        right: 10px;
        left: 10px;
        height: 35px;
        width: 768px;
        text-align: center;
        z-level: 5; }

.Menu { border:none;
        border:0px;
        margin:0px;
        padding:0px;
        font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans",
                   "Trebuchet Unicode MS", "Lucida Grande", Verdana, 
                   Helvetica, sans-serif;
        font-size:14px;
        font-weight:bold; }

  .Menu ul { background:#333333;
           height:35px;
           list-style:none;
           margin:0;
           padding:0;
           z-level: 5;  }

     .Menu li { float:left;
                padding:0px; 
                width: 128px;  }

     .Menu li a { background:#333333 url("Images/seperator.jpg") bottom right no-repeat;
                 color:#cccccc;
                 display:block;
                 font-weight:normal;
                 line-height:35px;
                 margin:0px;
                 padding:0px 25px;
                 text-align:center;
                 text-decoration:none;  }

       .Menu li a:hover, .menu ul li:hover a {
                   background: #000033 url("Images/hover.jpg") bottom center no-repeat;
                   color:#FFFFFF;
                   text-decoration:none;  }

   .Menu li ul {background:#333333;
                display:none;
                height:auto;
                padding:0px;
                margin:0px;
                border:0px;
                position:relative;
                width:217px;
                z-index:200; }

    .Menu li:hover ul { display:block;  }

    .Menu li li { background:url('Images/sub_sep.jpg') bottom left no-repeat;
                  display:block;
                  float:none;
                  margin:0px;
                  padding:0px;
                  width:217px;  }

    .Menu li:hover li a { background:none;  }

    .Menu li ul a { display:block;
                  height:35px;
                  font-size:12px;
                  font-style:normal;
                  margin:0px;
                  padding:0px 10px 0px 15px;
                  text-align:left;  }

     .Menu li ul a:hover, .menu li ul li:hover a { background:#000033     url('Images/hover_sub.jpg') center left no-repeat;
       border:0px;
       color:#ffffff;
       text-decoration:none;  }

     .Menu p { clear:left;}


#Baseline { text-align: center;
        position: absolute;
        height: 25px;
        width: 768px; }

.Base { 
        border:0px;
        margin:0px;
        padding:0px;
        font: 67.5% "Tahoma", "Times New Roman",
                    Verdana, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold; }

  .Base ul {height:25px;
           list-style:none;
           margin:0;
           padding:0;  }

     .Base li { float:left;
                padding:0px; 
                width: 96px;  }

     .Base li a {color: #cccccc; 
                 display:block;
                 font-weight:normal;
                 line-height:25px;
                 margin:0px;
                 padding:0px 25px;
                 text-align:center;
                 text-decoration:none;  }

     .Base p { clear:left;}


hr.hr1 {border: 0;
    width: 50%;
    color: #333333;
    background-color: #333333;
    height: 3px; 
    position: relative;  
    float: center;    }

hr.hr2 {border: 0;
    width: 50%;
    color: #333333;
    background-color: #333333;
    height: 1px; 
    position: relative;  
    float: center;    }


.text  { font-family: Times, Helvetica, sans-serif;
         font-size: 16px; }

.title { font-weight: bold;
         font: 130% Verdana, Helvetica, sans-serif;
         color: #000033;  }

.copyr { font-size: 58%;
         color: #cccccc;
         font-family: Verdana, Arial, Helvetica, sans-serif;  }

 a.bod:link {text-decoration: none; color: #000033;}
 a.bod:visited {text-decoration: none; color: #000033;}
 a.bod:hover {text-decoration: underline; color: #000033;}
 a.bod:active {text-decoration: none; color: #000033;}