@charset "utf-8";
@import url("style-navi.css");
@import url("style-content.css");
@import url("style-rte.css");


body {
  background-color: white;
  margin:0; padding:0;
  font-size: 75%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.25em;
}

body * { margin:0; padding:0; }


h1, h2, h3, h4, h5, h6, input, textarea { font-size: 1em; }

.clear { clear: both; }

.hide {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  left: -999em;
}

img { border: none; }
ul  { list-style: none; }


div#HEADER {
  text-align: center;
  background-color: #8e217d;
  padding: 20px 0 0 0;
}


div#HEADER-INNER {
   width: 960px;
   margin: 0 auto;
   text-align: left;
   padding: 0 0 7px 0;
}


/* Only for placing the patchwork colorchart */
div#OUTER-CONTAINER {
   text-align: center;
   background-image: url(../images/bg-viol.gif);
   /* background-image: url(../images/bg-normal.gif); */
   background-repeat: repeat-x;
   background-position: center top;
}


div#CONTAINER {
   width: 960px;
   margin: 0 auto;
   text-align: left;
   position: relative;
}

div#LOGO-HEADER { height:165px; }
div#LOGO        { position:absolute; top:-26px; left:0; z-index:10; }
div#FLIP-HEADER { position:absolute; top:0; right:0; z-index:10; }


div#FOOTER {
  height: 156px;
  overflow: hidden;
  background-image: url(../images/bg_footer.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 43px 0 0 480px;
}