/* commented backslash hack \*/
html, body { height: 100%; }
/* end hack */
* html #wrapper { height: 100%; }

body {
   font-size: 12px;
   background-color: #7698a9;
}

#wrapper {
   position: relative;
   min-height: 100%;
   height: auto;
   width: 100%;
   margin: 0 auto;
   z-index: 3;
   min-width: 980px;
   overflow: hidden;
}

.siteContainer {
   width: 862px;
   margin: 0 auto;
}
   #header {
      height: 100px;
      position: relative;
   }
      #logo {
         display: block;
         width: 188px;
         height: 58px;
         position: absolute;
         top: 19px;
         left: 50%;
         margin-left: 230px;
      }
      #menu {
         position: absolute;
         top: 15px;
         left: 5px;
      }
         #menu a {
            padding: 4px;
            font-size: 11px;
            text-decoration: none;
            color: #fff;
         }
            #menu .active a {
               text-decoration: underline;

            }
         #menu a:hover{
            color: #ccc;
         }

   #main {
      border: 2px solid #fff;
      background-color: #ACC0CA;
   }
      #content {
         padding: 0 28px 20px 15px;
      }
      #left,
      #right {
         float: left;
         display: inline;
      }
      #left {
         width: 193px;
         padding-top: 20px;
      }
         #left li {
         }
            #left li a {
               width: 177px;
               padding: 4px 8px;
               text-decoration: none;
               color: #fff;
            }

            #left li a:hover {
               text-decoration: underline;
            }
         #left li.active {
            margin-bottom: 10px;
            border: 1px solid #fff;
            background-color: #7698a9;
         }
            #left .active a {
               width: 175px;
               color: #000;
               background-color: #fff;
            }
            #left li ul li {}
            #left .active ul li a {
               color: #fff;
               background-color: transparent;
            }
               #left li.active ul li.active {
                  margin-bottom: 0;
                  border: none;
               }
                  #left .active ul .active a {
                     text-decoration: underline;
                  }

                  #left li ul li ul li {}
                  #left .active ul .active ul li a {
                     text-decoration: none;
                     margin-left: 10px;
                     font-size: 11px;
                     width: 165px;
                  }
                     #left .active ul .active ul li a:hover,
                     #left .active ul .active ul .active a {
                        text-decoration: underline;
                     }

      #right {
         width: 570px;
         margin-left: 52px;
      }
         .contentContainer {
            padding: 18px 24px;
            background-color: #fff;
         }