@import url(weather.css);

/* generic rules */

body { 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  text-align: center;
  font-size: medium;
  margin: 0;
  padding: 0;
}

a img { 
  border: none;
}

#navigation-table a:link,
#navigation-table a:visited,
#navigation-table a:active {
  color: #000000;
  text-decoration: none;
}

#navigation-table a:hover { 
  text-decoration: underline;
}

td { 
  vertical-align: top;
}

#wrapper { 
  margin: 0 auto;
  width: 750px;
  position: relative;
}

#content { 
  margin: 0 auto;
  width: 100%;
}

#content .left-column a:link,
#content .left-column a:visited,
#content .left-column a:active,
#content .right-column a:link,
#content .right-column a:visited,
#content .right-column a:active,
#content .right-column-float a:link,
#content .right-column-float a:visited,
#content .right-column-float a:active {
  text-decoration: none;
}

#content .left-column a:hover,
#content .right-column a:hover,
#content .right-column-float a:hover {
  text-decoration: underline;
}


/* header block */

/* -- currency converter */
.converter td,
.converter div,
.converter p,
.converter input,
.converter select {
  font-size: 8pt;
}

.converter-error {
/*  color: red;*/
}

.converter-container {
  width: 200px;
  padding: 0px 0px;
  border: solid #ccc 1px;
}

.converter-taiwan-currency {
  text-align: center;
  background: green;
  color: cyan;
  font-weight: bold;
  margin: 0 auto;
  padding: 1px;
  font-size: 7.5pt;
  width: 13em;
}

#converter-options {
  font-size: smaller;
  margin: 5px auto;
}

#converter-comment {
  font-size: 7.5pt;
  padding: 0;
  margin: 0;
  text-align: right;
}

#converter-options td { 
  padding: 0 3px;
  vertical-align: middle;
}

#converter-options input,
#converter-options select
{
  font-size: 7.5pt;
}


.converter-taiwan-currency input {
  font-size: 100%;
  width: 9.1em;
}

.converter .converter-country-block {
  margin: 0px 0px;
  color: black;
  width: 50%;
  float: left;
}

.converter .converter-country-value {
  padding: 0px 1px;
  text-align: center;
}

.converter .converter-country-value input {
  width: 100%;
}

.converter select {
  width: 100%;
}

.converter .converter-taiwan-currency input {
  width: 80%;
}

.converter input {
  width: 100%;
  text-align: right;
}

.converter-currency-block {
  font-size: 13pt;
  margin: 0px 0px;
}

.converter-currency-block input {
  width: 13.3em;
}

.converter-currency-block select {
  width: 14em;
}

.converter-currency-block2 {
  margin: 1px 0px;
}

.converter-currency-block2 select {
  width: 96px;
}

.converter-currency-block2 input {
  width: 80px;
}

.badvalue {
/*  color: red;*/
}

.goodvalue {
  color: black;
}

/* -- classified sections list */

#classified-sections { 
  width: 190px;
}

/* -- logo */

#logo {
  position: absolute;
  left: 0;
  height: 100%;
  text-align: left;
  width: 100%;
  line-height: 50px;
  vertical-align: middle;
  z-index: 0;
}

#logo img { 
  margin-top: 10px;
}

/* -- big top banner */

#header-banner { 
  background-color: #fff;
  clear: both;
  margin: 4px 0 4px 0;
  text-align: center;
}

/* -- navigation links */

#right-links {
  float: right;
  width: 70%;
  padding: 0;
  margin: 0;
  height: 50px;
  font-size: 1px;
  position: relative;
  z-index: 100;
}

#right-links a { 
  color: blue;
}

#right-links a:hover { 
  color: red;
}


.left-link,
.right-link {
  float: left;
  width: 17.3%;
  text-align: center;
  z-index: 99;
  position: relative;
  white-space: nowrap;
  font-size: xx-small;
  background-color: white;
}

.right-link.first { 
  margin-left: -0.5em;
}

.right-link.last { 
  margin-right: -5em;
}

#hot-links {
  position: relative;
  z-index: 99;
  padding-top: 95px;
  _padding-top: 0px;
  margin: 0;
  font-weight: bold;
}

#hot-links a { 
  text-decoration: none;
  color: navy;
}

#hot-links a:hover { 
  text-decoration: underline;
}

#hot-links td {
  text-align: center;
  font-size: 12pt;
}

/* content block */

.subwebName { 	
  font-size: 2.3em;
  font-weight:bold;
  margin:0;
  padding:0;
  clear:both;

  color: #006699;
  margin: 0;
  padding: 0;
  text-align: center;
}

.block { 
  background-color: #f6f6dd;
}

.block h1,
.right-column-float .block h1,
.block h2,
.right-column-float .block h2 { 
  background-color: #e2e9bf;
  color: black;
  margin: 0;
  padding: 0.1em 0.1em;
  font-size: 100%;
  text-align: left;
  font-weight: bold;
  position: relative;
}

.block .menu,
.right-column-float .block .menu{ 
  list-style-type: none;
  padding: 0.25em;
  margin: 0;
}

.block .menu li,
.right-column-float .block .menu li { 
  font-size: smaller;
  list-style-type: none;
  display: block;
  padding: 0.3em;
  margin: 0;
}

.block .menu li a,
.right-column-float .block .menu li a { 
  font-weight: normal;
  color: navy;
}

/* -- columns */

.left-column,
.right-column { 
  background-color: #f6f6dd;
  width: 150px;
  text-align: left;
}

.right-column.wrapped {
  background-color: white;
}

.right-column .wrapper {
  background-color: #f6f6dd;
}

.right-column-float {
  width: 150px;
  text-align: left;
  float: right;
  background-color: white;
  padding-left: 5px;
}

.right-column-float.wrapped {
  background-color: white;
}

.right-column-float .wrapper {
  background-color: #f6f6dd;
}

/* -- navigation line */

#table-header { 
  text-align: center;
}

#table-header .wrapper {
  border-bottom: solid 1px #808080;
  padding-bottom: 1px;
  margin-bottom: 5px;
}

#navigation-table {
  position: relative; 
  z-index: 99;
  margin: 0 auto;
}

#navigation-table a { 
  font-weight: normal;
}

#navigation-table a.current { 
  font-weight: bold;
}

/* -- center content column */

.content p.first {
  margin-top: 0;
}

.content-cell { 
  padding: 0 5px;
  text-align: left;
  position: relative;
  z-index: 100;
}

.content-cell a:link,
.content-cell a:visited,
.content-cell a:active {
  font-weight: normal;
  color: blue;
  text-decoration: none;
}

.content-cell a:hover {
  text-decoration: underline;
}

.content-cell.no-left {
  padding-left: 0;
}

.content-cell.wrap {
  padding-right: 0;
}

.content-cell h1 { 
  color: white;
  background-color: #8cbcc6;
  font-size: larger;
  margin: 0 0 5px 0;
  padding: 0.25em;
}

.adpeeps { 
  text-align: center;
  margin: 5px 0;
}

.wide-image {
  padding: 5px 0;
  width: 750px;
}

.wide-image img {
}

.wide-image.extra {
  overflow: visible;
}

.wide-image.extra .data {
  position: absolute;
  left: 0;
}

/* added 08.03.06 */

.footer {
  text-align: center;
  position: relative;
  font-size: xx-small;
  height: 75px;
  vertical-align: bottom;
}

.footer a:link,
.footer a:visited,
.footer a:active,
.footer a:hover
{
  color: blue;
}

.footer .logo {
  float: left;
}

/* inset block */
.inset {
  float: right;
  margin: 1em 1em 1em 0;
  font-weight: bold;
  color: darkblue; 
  font-size: smaller;
  position: relative;
  z-index: 99;
}

.inset ul {
  list-style-type: none;
  padding: 0.25em;
  margin: 0;
}

.inset li {
  list-style-type: none;
  display: block;
}

.inset h1 {
  background-color: green; 
 
  font-size: 1em;
}

#content .inset li a:link,
#content .inset li a:visited,
#content .inset li a:hover,
#content .inset li a:active {
  color: blue;
  font-weight: bold;
}

img.floatLeft { float: left; 
margin: 4px; }

img.floatRight { float: right; 
margin: 4px; } 

img.floatRightClear { float: right; 
clear: right; 
margin: 4px; } 

img.floatLeftClear { float: left; 
clear: left; 
margin: 4px; } 

.left-column,
.right-column,
.right-column-float {
  position: relative;
  z-index: 99;
}