@charset "UTF-8";

/* main layout */

@font-face {
    font-family: 'T-Star Regular';
    src: url('../fonts/tstar-regular-webfont.eot');
    src: local('T-Star Regular'),
         local('TSTAR-Regular'),
         local('TSTARRegular'),
         url('../fonts/tstar-regular-webfont.ttf') format('truetype'),
         url('../fonst/tstar-regular-webfont.svg#font') format('svg');
}
@font-face {
  font-family: 'T-Star Bold';
  src: url('../fonts/tstar-bold-webfont.eot');
  src: local('T-Star Bold'),
       local('TSTAR-Bold'),
       local('TSTARBold'),
       url('../fonts/tstar-bold-webfont.ttf') format('truetype'),
       url('../fonts/tstar-bold-webfont.svg#font') format('svg');
}
@font-face {
  font-family: 'T-Star Headline';
  src: url('../fonts/tstar-headline-webfont.eot');
  src: local('T-Star Headline'),
       local('TSTAR-Headline'),
       local('TSTARHeadline'),
       url('../fonts/tstar-headline-webfont.ttf') format('truetype'),
       url('../fonts/tstar-headline-webfont.svg#font') format('svg');
}

* {
  margin: 0;
  padding: 0;
}
html, body, #wrapper {
  height: 100%;
  text-align: center;
}
html {
  margin-bottom: 1px;
  overflow-y: scroll;
}
body {
  /*background-color: #b5b0a3;*/
  background-color: #fff;
  font: 12px/18px 'T-Star Regular', T-Star, Verdana, Arial, Helvetica, sans-serif;
}
a img {
  border: 0;
}
img {
  display: block;
}
:focus {
  outline: solid 0;
}

#wrapper {
  margin: 0 auto;
  text-align: left;
  width: 970px; /* 1080 - 110 */
}
#page {
  background-color: #fff;
  overflow: hidden;
  width: 970px;
}
#logo {
  margin: 40px 10px 0 10px;
  height: 60px; /* = 100px */
}
div.columnLeft {
  float: left;
  width: 190px;
}
div.columnRight {
  margin-left: 200px;
  width: 770px; /* 970px */
}
#navigation,
subnavigation {
  overflow: show;
}
#navigation {
  height: 450px; /* 470px */
  padding: 10px;
  width: 180px; /* 200px */
}
#subnavigation {
  padding: 10px;
  width: 180px; /* 200px */
}
#menu4 {
  
}
#menu4 .arrow {
  width: 15px;
}
#content {
  height: 450px; /* 470px */
  padding: 10px;
  width: 750px; /* 770px */
}
#info {
  padding: 10px;
}

.head {

}
.foot {
  color: #000;
  display: none;
  line-height: 2em;
  padding: 10px 10px 0 10px;
  vertical-align: bottom;
}
.foot a {
  color: #000;
  text-decoration: none;
}
.foot a:hover {
  text-decoration: underline;
}

.floatbox {
  overflow: hidden;
}
.hidden {
  display: none !important;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
