/**
 * Common styles
 */

body {
  font: normal 13px/140% Arial;
  color: #555;
  background: url(../images/bg_wood.jpg);
  padding: 0 0 40px 0;
}

#SiteContainer {
  position: relative;
  margin-left: -480px;
  left: 50%;
  width: 950px;
  border: solid #d2e2ae;
  border-width: 10px 0 0 10px;
  background: #fff url(../images/bg_shadow_right.gif) top right repeat-y;
}

#ContentContainer {
  position: relative;
  width: 940px;
  min-height: 600px;
  height:auto !important;
  height:100%;  
}


/**
 * Header styles
 */
 
#Header {
  position: relative;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  text-align: right;
  height: 38px;
  color: #eee;
  padding-top: 4px;
  font-size: 12px;
}

  #Header a {
    text-decoration: none;
    color: #eee;
  }

  #header a:hover {
    text-decoration: underline;
  }


/**
 * Menu styles 
 */

#MainMenu {
  height: 90px;
  width: 940px;
  border: solid #c9d9ab;
  border-width: 0 0 1px 0;  
/*
  background: url(../images/h_beta.gif) 377px 42px no-repeat;
*/
}

  #MainMenu h1.typeface-js {
    position: absolute;
    top: 16px;
    left: 16px;
    font: 500 33px Optimer;
    color: #09f; 
  }

  #MainMenu img.right {
    position: absolute;
    right: 10px;
    top: 0px;
  }

  #MainMenu ul {
    position: absolute;
    left: 15px;
    top: 68px;
  }

  #MainMenu li {
    width: 111px;
    float: left;
    border: dotted #b0ab96;
    border-width: 0 0 0 1px;
    font-weight: bold;
  }

  #MainMenu li.first {
    border: none;
    width: 80px;
  }

  #MainMenu li.last {
    width: 200px;
    margin-left: -26px;
  }

  #MainMenu li a {
    margin-left: 5px;
    text-decoration: none;
    color: #666;
  }

  #MainMenu li.active a,
  #MainMenu li a:hover {
    color: #09f;
  }


/**
 * Photo container styles
 */

#PhotoContainer {
  position: relative;
  width: 940px;
  height: 250px; /*100px*/
  overflow: hidden;
}

  #PhotoContainer ul {
    position: absolute;
    top: 22px;
    right: 18px;
    background: url(../images/123.png) no-repeat;
    width: 302px;
    height: 608px;
    overflow: hidden;
  }

  #PhotoContainer li {
    font: normal 14px/130% Arial;   
    margin: 12px 0 37px 60px;
  }

  #PhotoContainer li a,
  #PhotoContainer li b {
    color: #f36;
    text-decoration: none;
  }
  
  #PhotoContainer li a {
    border: dotted #f36;
    border-width: 0 0 1px 0;
  }


/**
 * Left content styles
 */

#ContentLeft {
  width: 555px;
  _width: 545px;
  border: solid #d8d4c0;
  border-width: 1px 2px 2px 1px;
  margin: 20px 0 0 16px;
  padding: 15px 20px 15px 15px;
  min-height: 600px;
  height:auto !important;
  height:100%;
}

  #ContentLeft p img {
    float: left;
    border: 1px solid #999;
    margin: 3px 6px 0 0;
    width: 84px;
    height: 63px;
  }

#CategoryContainer {
  margin: 15px 0;
  overflow: hidden;
  width: 600px;
  _width: 545px;
}

  #CategoryContainer li {
    list-style: none;
    float: left;
    width: 130px;
    _height: 235px;
    margin: 10px 13px 10px 0;
  }
  
  #CategoryContainer li.hr {
    float:none;
    width: 555px;
    height: 15px;
    clear: both;
    display: block;
  }
  
  #CategoryContainer li h1 {
    font-size: 16px;
    font-weight: normal;
/*    color: #f90;*/
/*    color: #09f;*/
  }

  #CategoryContainer li img {
    width: 120px;
    height: 110px;
    border: 1px solid #ccc;
  }
  
  #CategoryContainer a,
  #CategoryContainer p {
    display:block;
    border: none;
    color: #666;
    font: normal 12px/110% Arial;
    margin-bottom: 5px;
  }

  #CategoryContainer a.attention {
    color: #09f;
  }  
  
  #CategoryContainer a:hover {
    text-decoration: underline;
  }

/**
 * Right content styles 
 */

#ContentRight {
  position: absolute;
  top: 0;
  left: 620px;
}

/*
#moreinfoContainer {
  position:relative;
  color: #666;
  font-size: 14px;
  text-decoration: none;
  display: block;
  margin: 0 15px 15px 0;
  font-weight: normal;
}


#moreinfoContainer a {
  color: #666;
  text-decoration: none;
  border: dotted #777;
  border-width: 0 0 1px 0;  
}
*/

#PartnerContainer {
  position: relative; 
  float: left;
  width: 302px;
  background: url(../images/partners_border.gif) no-repeat;
  _margin-top: 20px;
}

*+HTML #PartnerContainer {
  margin-top: 20px;
}

  #PartnerContainer h2 {
    margin: 15px 0 5px 18px;
  }

  #PartnerContainer p {
    margin: 0 15px 20px 0;
  } 

  #PartnerContainer p img {
    float: left;
    border: 1px solid #999;
    margin: 0 6px 18px 18px;
  }

#PartnerContainerBorder {
  position: absolute;
  bottom: 0;
  left: 0;
} 


/**
 * Link container styles
 */

#LinkContainer {
  position: relative;
  width: 940px;
  height: 170px;
  margin-top: 55px;
  border: solid #c9d9ab;
  border-width: 1px 0 0 0;
  font: normal 12px Arial;
}

#LinkContainer ul {
  position: absolute;
  top: -19px;
}

  #LinkContainer ul.first { left: 20px; }
  #LinkContainer ul.second { left: 230px; }
  #LinkContainer ul.third { left: 420px;}
  #LinkContainer ul.fourth { left: 600px; }
  #LinkContainer ul.fifth { left: 780px; }

  #LinkContainer li.first {
    font-weight: bold;
    margin-bottom: 10px;
  }

  #LinkContainer li {
    margin-bottom: 7px;
  }

  #LinkContainer a {
    color: #666;
    text-decoration: none;
  }
  
  #LinkContainer a.attention {
    color: #09f;
  }
  
  #LinkContainer a:hover {
    text-decoration: underline;
  }


/**
 * Footer styles 
 */

#Footer {
  font: normal 12px Arial;
  color: #fff;
  position: relative;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  height: 39px;
  background: #535143 url(../images/bg_shadow_bottom.gif) no-repeat;
}

  #Footer li {
    margin: 17px 0 0 0;
    float: left;
    border: dotted #fff;
    border-width: 0 0 0 1px;
  }

  #Footer li.first { 
    border: none; 
    margin-left: 4px;
  }
  
  #Footer li a { 
    color: #fff; 
    text-decoration: none; 
    margin: 0 7px;
  }

  #Footer li a:hover { 
    text-decoration: underline; 
  }

  #Footer .copyright {
    position: absolute;
    right: 11px;
    top: 17px;
  }