@Import "global.css";

html { min-width: 780px; }

body, div, span, img, a, dl, dt, dd, ul, ol, li, table, th, td {
  color: #C5C5C5;
  line-height: 130%;
}

body {
	background-color: #000000;
}

a:link, a:visited { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }

a.Link:link, a.Link:visited { color: #FFFFFF; text-decoration: none; }
a.Link:hover { color: #FF0000; text-decoration: underline; }

a.MenuItem:link, a.MenuItem:visited { color: #FFFFFF; text-decoration: none; }
a.MenuItem:hover { color: #FFFF00; text-decoration: underline; }



/*** Box ***/

.BigBox {
  padding: 1px;
}

.SmallBox {
  clear: both;
  float: right;
  width: 500px;
  padding: 1px;
}

.BoxTitle {
  clear: both;
  float: left;
  text-align: left;
  width: 100%;
  height: 32px;
  background: url(/Images/Title_Bg.gif) #1A1A1A repeat-x 0px 0px;
}

.BoxTitleIcon {
  width: 16px;
  height: 16px;
  margin: 2px;
}

.BoxTitleText {
  float: left;
  text-align: left;
  font-weight: bold;
  font-size: 10pt;
  line-height: 100%;
  color: #F2984C;
  margin: 7px 0px 0px 6px;
}

.BoxBody {
  clear: both;
  padding: 5px 0px 5px 0px;
}

.BoxTitleLeft {
  clear: both;
  float: left;
  width: 11px;
  height: 32px;
  background: url(/Images/Title_Left.gif) transparent no-repeat center right;
  padding: 0px 0px 0px 10px;
}

.BoxTitleRight {
  float: right;
  width: 6px;
  height: 29px;
  background: url(/Images/Title_Right.gif) transparent no-repeat 0px 0px;
}

.InfoText {
  clear: both;
  float: left;
  text-align: left;
  line-height: 150%;
  padding: 10px 20px 30px 20px;
}

.InfoTextBig {
  clear: both;
  float: left;
  text-align: left;
  line-height: 150%;
  padding: 10px 40px 30px 40px;
}


/*** Full Page ***/

.FullPage {
  clear: both;
  vertical-align: top;
  width: 780px;
  margin-top: 3px;
  margin-bottom: 5px;
}

.PageTop, .PageBody, .PageBottom,
.Copyright {
  clear: both;
  width: 780px;
}

.EmptyDiv {
  clear: both;
  width: 100%;
}


/*** Page Top ***/

.PageTop {
  height: 103px;
  background: url(/Images/PageTop_Bg.gif) transparent repeat-x;
  text-align: left;
}

.MainMenu {
  height: 26px;
  float: right;
  margin: 5px 20px 0px 20px;
}

.MainMenu dd {
  display: inline;
  color: #FFFFFF;
}

/*** Page Body ***/

.PageBody {
  margin-top: 5px;
}

.BodyLeft, .BodyRight {
  background-color: #1A1A1A;
  border: 1px solid #424242;
}

.BodyLeft {
  clear: both;
  float: left;
  width: 230px;
}

.BodyRight {
  float: right;
  width: 540px;
}


/*** Page Bottom ***/

.PageBottom {
  padding: 10px 0px 10px 0px;
}

.Copyright {
  margin-top: 10px;
}

.crLine {
  text-align: left;
  padding: 0px 0px 2px 2px;
}

.More {
  clear: both;
  text-align: right;
  padding: 0px 10px 5px 0px;
}



.DefTable {
  width: 100%;
}

.DefTable td {
  padding: 3px;
  border-bottom: 1px dotted #CCCCCC;
}

.DefTable th {
	white-space: nowrap;
}



.SiteLogo, .XHTMLLogo, .CSSLogo {
  width: 88px;
  height: 31px;
}

.SiteLogo {
  margin: 0px 0px 0px 8px;
}

.ValidXHTML, .TaiJiLink {
  clear: both;
  float: right;
}

.ValidXHTML {
  width: 186px;
  padding: 5px 10px 3px 0px;
}

.TaiJiLink {
	padding: 3px 18px 5px 0px;
}

.GoogleTextAd {
  clear: both;
  padding: 10px 0px 10px 0px;
}

#GoogleFireFox_120x240, #GoogleText_160x600 {
  clear: both;
  width: 100%;
  padding: 20px 0px 20px 0px;
}


.List {
  clear: both;
  width: 90%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.List dt {
  clear: both;
  text-align: left;
  color: #DDDDDD;
  font-weight: bold;
  padding: 2px;
}

.List dd {
  clear: both;
  text-align: left;
  padding: 2px 2px 2px 15px;
}

.Flag {
  width: 22px;
  height: 14px;
}
