@import 'leftcol.css';
@import 'maincontent.css';
@import 'mention.css';

#body {
  width:        1024px;
  margin:       auto;
  background:   transparent url('../images/footer-bg.png') repeat-x bottom left;
}

#head {
  background: transparent url('../images/header-bg.jpg') no-repeat;
  height:     304px;
  padding:    0 75px;
  margin-bottom:  -70px;
}
#logo {
  text-indent:  -2000px;
}
#logo a {
  display:    block;
  background: transparent url('../images/logo.gif') no-repeat;
  width:      142px;
  height:     172px;
}
#menu {
  background: transparent url('../images/fondmenu.png') no-repeat;
  width:      867px;
  height:     56px;
  font-size:  12px;
  margin-top: 1px;
  padding-top:  20px;
}
#menu li {
  list-style: none;
  margin-top: 1px;
  float:      left;
}
#menu li a {
  display:        block;
  text-align:     center;
  font-size:      12px;
  color:          #FFF;
  text-transform: uppercase;
  font-weight:    bold;
}
#menu li.first a {
  width:  145px;
}
#menu li.second a {
  width:  240px;
}
#menu li.third a {
  width:  310px;
}
#menu li.last a {
  width:    160px;
  color:    #333;
}
#menu li a:hover {
  color:  #FB0;
}
#menu li.last a:hover {
  color:  #000;
}


#middle {
  width:        866px;
  margin-left:  79px;
}

#banner {
 /* width:    866px;
  height:   219px;
  background-color: #CCC;
  margin-bottom:    10px;*/
}

#content {
}

#content .top, #content .bottom {
  background: transparent url('../images/content-bg-top.png') no-repeat;
  width:      100%;
  height:     21px;
}
#content .bottom {
  background-image: url('../images/content-bg-bottom.png');
}

#content .content {
  background: #E7E7E7;
  padding:    20px;
}



#leftcol {
  width:      118px;
  min-height: 280px;
  float:      left;
  clear:      both;
}
#leftcol .top, #leftcol .bottom {
  width:      118px;
  height:     9px;
  background: transparent url('../images/leftcol-bg-top.gif') no-repeat;
}
#leftcol .bottom {
  background-image: url('../images/leftcol-bg-bottom.gif');
}
#leftcol .content {
  min-height: 280px;
  background: #FEFCFC;
  padding:    0 4px;
}

#leftcol #menu-left {
}
#menu-left li {
  padding-bottom: 15px;
  text-align:   center;
}
#menu-left a {
  color:        #EB0;
  font-weight:  bold;
}
#menu-left img {
  filter:       alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity:      0.7;
}
#menu-left a:hover img {
  filter:       alpha(opacity=100);
  -moz-opacity: 1;
  opacity:      1;
}



#maincontent {
  width:      680px;
  float:      right;
}

#maincontent .top, #maincontent .bottom {
  width:      100%;
  height:     9px;
  background: transparent url('../images/maincontent-bg-top.gif') no-repeat;
}
#maincontent .bottom {
  background-image: url('../images/maincontent-bg-bottom.gif');
}

#maincontent .content {
  min-height: 280px;
  background: #FEFCFC;
  padding:    0 10px;
}

#maincontent .banner {
  margin-left: -10px;
}


#foot {
  padding-top:  20px;
}

#menu-bottom {
  text-align:       center;
  padding-bottom:   10px;
  font-size:        14px;
}
#menu-bottom li {
  display:  inline;
}
#menu-bottom li a {
  padding:    0 10px;
  color:      #000;
}
#menu-bottom li a:hover {
  color:  #FC0;
}