@font-face {
	font-family: 'MyriadProBoldCondensed';
	src: url('myriadpro-boldcond-webfont.eot');
	src: local('☺'), url('myriadpro-boldcond-webfont.woff') format('woff'), url('myriadpro-boldcond-webfont.ttf') format('truetype'), url('myriadpro-boldcond-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #555;
  font: 16px/1.2em "MyriadProBoldCondensed", "Myriad Pro", Arial, sans-serif;
}

#container {
  font-size: 62.5%;
  line-height: 1.2em;
}

#wrap {
  margin: 0 auto;
  min-width: 700px;
  max-width: 920px;
  padding: 0 20px 20px 20px;
}

#header {
  height: 180px;
  background: url(../images/layout/header.gif) repeat-x 0 0;
  margin-top: 5px;
}
#header_content {
  position: relative;
  margin: 0 auto;
  min-width: 740px;
  max-width: 920px;
}
  #logo {
    position: absolute;
    z-index: 1;
    left: -10px;
    top: 22px;
  }
  #logo a {
    display: block;
    width: 370px;
    height: 86px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/layout/logo.png) no-repeat 0 0;
  }
  #logo a:hover {
    background-position: 0 100%;
  }
  #header_newpage a {
    position: absolute;
    z-index: 1;
    width: 107px;
    height: 107px;
    background: url(../images/layout/newpage.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
    top: 22px;
    right: 270px;
  } 
  #header_search {
    position: absolute;
    z-index: 1;
    top: 50px;
    right: 0;
    width: 254px;
    height: 40px;
    background: url(../images/layout/search.png);
  }
  #header_search label {
    display: none;
  }
  #header_search .fieldbox {
    position: absolute;
    left: 5px;
    top: 4px;
    width: 210px;
    height: 35px;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-image: none;
    color: inherit;
    -moz-opacity: 0.2;
    font-size: 330%;
  }
  #header_search_submit {
    position: absolute;
    right: 0;
    top: 0;
  }


#menu_user {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 200%;
  line-height: 1.2em;
}

#menu_main {
  position: absolute;
  top: 133px;
  left: 0;
}
  #menu_main ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #menu_main li,  #menu_main a,  #menu_main span {
    float: left; display: inline;
  }
  #menu_main li {
    margin-left: 5px;
  }
  #menu_main a {
    background: url(../images/layout/menu_tab.png) no-repeat 0 100%;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 8px;
    text-align: center;
  }
  #menu_main a:hover {
    text-decoration: underline;
  }
  #menu_main a span {
    font-size: 140%;
    line-height: 1.2em;
    padding: 3px 8px 2px 0;
    background: url(../images/layout/menu_tab.png) no-repeat 100% 100%;
    min-width: 55px; width: auto !important; width: 55px;
  }


  
#pagebody {
  overflow: hidden;
}


.menu_tabs {
  position: absolute;
  z-index: 10px;
  margin: -17px 0 0 12px;
}
  .menu_tabs ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
  }
  .menu_tabs li, .menu_tabs a {
    float: left; display: inline;
  }
  .menu_tabs li {
    margin-right: 4px;
  }
  .menu_tabs a {
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    color: #818080;
    background-color: #eaeaea;
    padding: 0 7px;
    text-decoration: none;
    font-family: Verdana, Arial, sans-serif;
  }
  .menu_tabs li.active a {
    color: #d736bb;
    background-color: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
  }
  .menu_tabs a:hover {
    text-decoration: underline;
  }


  

#path {
  font-size: 150%;
  line-height: 1.4em;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}
  #path ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #path li {
    float: left; display: inline;
    background: url(../images/layout/path_step.gif) no-repeat 100% 60%;
    padding-right: 13px;
    margin-right: 7px;
  }
  #path li a {
    position: relative;
  }
  #path li.home a {
    padding-left: 22px;
    background: url(../images/ico/house.png) no-repeat 0 40%;
  }
  #path li.active {
    padding-right: 0;
    background-image: none;
    margin-right: 0;
  }
  #path a {
    float: left; display: inline;
  }

#displayer {
  font-size: 150%;
  line-height: 1.2em;
}

.maintitle {
  margin: 0 0 5px 0;
  padding: 0;
  font-weight: bold;
  font-size: 215%;
  line-height: 1em;
}

.mainsubtitle {
  margin: 0 0 5px 0;
  padding: 0 0 2px 0;
  border-bottom: 3px solid #ccc;
  font-weight: normal;
  font-size: 140%;
  line-height: 1em;
}

.maincols {
  overflow: hidden;
  padding-left: 240px;
}
  .maincols_left {
    float: left; display: inline;
    margin-left: -240px;
    width: 220px;
  } 
  .maincols_right {
    float: left; display: inline;
    width: 100%;
  } 


.maincolsright {
  overflow: hidden;
  padding-right: 220px;
}
  .maincolsright_left {
    float: left; display: inline;
    width: 100%;
  } 
  .maincolsright_right {
    float: right; display: inline;
    margin-right: -220px;
    width: 200px;
  } 
  

#footer {
  clear: both;
  margin-top: 45px;
  text-align: center;
  font-size: 12px;
} 
  #footer a {
    color: #555;
    background-color: transparent;
  } 
  #footer a:hover {
    color: #cd04aa;
    background-color: transparent;
  }   
