/**********************************************************
* General settings
**********************************************************/

html, body, div, form, ul, input, textarea, dl, dt, dd, table, tr, td, li, h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
	font-family: Trebuchet MS, Helvetica, sans-serif;
   font-size: 12px;
}

img {
	border: 0;
}
   .left {
      float: left;
   }
   .right {
      float: right;
   }
   img.icon,
   a img.icon {
      border: 0;
      vertical-align: middle;
   }


a {
   color: #3ab20c;
   cursor: pointer;
}



hr {
   height: 1px;
   border: none;
   background-color: #000000;
}

.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}


/**********************************************************
* Global site blocks
**********************************************************/

html {
   padding: 154px 0 0 0;
}
body {
   background: url(../gfx/bgBody.gif) fixed top left repeat-x #ffffff;
}

.siteContainer {
	position: relative;
   background-color: #ffffff;
}
#top {
   position: fixed;
   top: 0;
   height: 154px;
   width: 100%;
   z-index: 10;
}
   #topContainer {
      position: relative;
      height: 154px;
      background: url(../gfx/bgTop.gif) top left repeat-x;
   }
      #logo,
      #headerLeft,
      #headerRight {
         display: block;
         position: absolute;
      }
      #logo {
         top: 52px;
         left: 33px;
      }
      #headerLeft {
         bottom: 0;
         left: 0;
      }
      #headerRight {
         bottom: 0;
         right: 0;
      }
      #mainMenu {
         position: absolute;
         top: 7px;
         right: 18px;
         z-index: 200;
      }
      #mainMenu,
      #mainMenu ul {
         display: block;
         width: 459px;
         height: 103px;
      }
         #mainMenu li {
            list-style: none;
            float: left;
            display: inline;
            position: relative;
         }
         #mainMenu ul li ul {
            display: none;
            position: absolute;
            top: 105px;
            left: 0;
            width: 140px;
            height: auto;
            border: 1px solid #42a31b;
         }
         /*
         #mainMenu li > ul {
            top: auto;
            left: auto;
         }
         */
   
         #mainMenu li:hover ul,
         #mainMenu li.over ul {
            display: block;
         }
            #mainMenu li ul li {
               height: auto;
               display: list-item;
            }
               #mainMenu li ul li a {
                  width: 124px;
                  display: block;
                  padding: 2px 8px;
                  color: #ffffff;
                  font-weight: bold;
                  text-decoration: none;
                  background-color: #63bd27;
               }
                  #mainMenu li ul li.active a {
                     color: #ffe400;
                  }
                  #mainMenu li ul li a:hover {
                     text-decoration: underline;
                  }
      
      #extraMenu {
         position: absolute;
         right: 15px;
         bottom: 8px;
         height: 25px;
         z-index: 25;
      }
         #extraMenu img,
         #extraMenu form {
            float: right;
            display: inline;
         }
         #extraMenu form {
            padding-top: 3px;
            margin-right: 10px;
         }
            #extraMenu form input {
               width: 160px;
               color: #ffffff;
               border: 1px solid #acdd90;
               background: none;
            }
            #extraMenu form input.button {
               width: auto;
               margin-left: 10px;
               padding: 1px;
               color: #3ab10c;
               border: none;
               background-color: #ffffff;
               text-transform: uppercase;
               font-weight: bold;
               font-size: 10px;
            }




   #main {
      position: relative;
      width: 860px;
      background-color: #ffffff;
      border: 8px solid #ffffff;
   }
      #left,
      #right {
         float: left;
         display: inline;
         min-height: 316px;
         background: url(../gfx/bgBlock.jpg) top left no-repeat;
      }
         * html #left,
         * html #right {
            height: 316px;
         }
      #left {
         width: 230px;
         border-right: 8px solid #ffffff;
      }
         .subMenu li {
            list-style: none;
            border-top: 1px solid #ffffff;
            border-bottom: 1px solid #dedfe2;
         }
         .subMenu a {
            display: block;
            padding: 3px 9px 2px 9px;
            color: #4e4e51;
            font-weight: bold;
            text-decoration: none;
         }
            .level1 a {
               padding: 3px 9px 2px 19px;
            }
                        
            .subMenu a:hover {
               text-decoration: underline;
            }
            .subMenu .active a {
               color: #3ab20c;
            }
            .subMenu li ul li a ,
            .subMenu .active ul li a {
               color: #4e4e51;
            }
            
      #right {
         width: 622px;
			overflow: visible;
      }
   
   #footer {
      margin: 10px 8px;
      padding: 5px 9px;
      border-top: 1px solid #cccccc;
   }
      #footer,
      #footer a {
         color: #666666;
      }
      #footer img {
         float: right;
         margin: 2px 5px;
      }