/*

CSS by Franky Lie

*/

body
{
  /*background-color: #3e0903;*/
  background: url(./../images/bg_batik.jpg) repeat;
  margin: 0px;
}

#container
{
  width: 1000px;
  background-color: #FFFFFF;
  /*border: 1px solid #A43A10;*/
  margin: 0px auto;
}

#footer
{
  text-align: center;
  font-family: arial;
  font-size: 11px;
  color: #FFFFFF;
  width: 990px;
  background-color: #E1490D;
  padding: 5px;
  margin: 0px auto;
}

#logo
{
  position: absolute;
  width: 231px;
  height: 231px;
  margin-top: 10px;
  margin-left: 4px;
  z-index: 99;  
}

#headerColumn
{
  width: 100%;
  height: 139px;
  background: url(./../images/header_gradation.gif) repeat-x;
}

#headerMenuBar
{
  width: 1000px;
  height: 25px;
  background-color: #E1490D;
}

#headerMenuContainer
{
  text-align: left;
  font-family: Arial;
  font-size: 12px;
  color: #FFFFFF;
  width: 550px;
  padding: 4px;
  margin-left: 245px;
}

#headerMenuContainer a
{
  color: #FFFFFF;
  text-decoration: none;
}

#leftColumn
{
  width: 239px;
  background-color: #A43A10;
}

#leftNavContainer
{
  width: 100%;
  margin-top: 100px;
  margin-bottom: 100px;
}

.leftNavBar
{
  text-align: left;
  font-family: Arial;
  font-size: 12px;
  color: #FFFFFF;
  width: 100%;
  padding: 4px;
  padding-left: 15px;
  background-color: #B34114;
  margin-bottom: 1px;
}

.leftNavBar a
{
  color: #FFFFFF;
  text-decoration: none;
}

.leftNavBar a:hover
{
  color: #FF9727;
  text-decoration: none;
}

#middleColumn
{
  width: 591px;
  background-color: #FFFFFF;
}

#rightColumn
{
  width: 170px;
  background-color: #E67B2D;
}

#topBannerContainer
{
  position: absolute;
  width: 670px;
  margin-top: 15px;
  margin-left: 290px;
}

#sideBannerContainer
{
  width: 100%;
  margin-top: 10px;
}

#content
{
  font-family: arial;
  font-size: 12px;
  line-height: 18px;
  width: 95%;
  margin: 0px auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

.categoryTitle1
{
  font-family: arial;
  font-size: 22px;
  font-weight: bold;
  color: #E1490D;
}

.categoryTitle2
{
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  color: #E1490D;
}

.categoryTitle2 a
{
  color: #175C97;
  text-decoration: none;
}

.categoryTitle2 a:hover
{
  color: #E1490D;
}

.categoryDesc1
{
  font-family: arial;
  font-size: 12px;
  color: #A43A10;
  margin-top: 5px;
}

.categoryDesc2
{
  font-family: arial;
  font-size: 12px;
  color: #000000;
}

.hrBox
{
  text-align: left;
  font-size: 11px;
  color: #A43A10;
  width: 100%;
  margin-bottom: 10px;
}

.hrBox a
{
  font-size: 11px;
  color: #007FC4;
  text-decoration: none;
}

.productBox
{
  background-color: #FFFFFF;
  padding:10px;
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
}

.productBox a
{
  color: #175C97;
  text-decoration: none;
}

.productTitle
{
  font-family: arial;
  font-size: 18px;
  color: #E1490D;
  margin-bottom: 10px;
}

.productTitle2
{
  font-family: arial;
  font-size: 20px;
  color: #E1490D;
  margin-bottom: 5px;
}

.newsBox
{
  background-color: #FFFEEC;
  padding:10px;
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
}

.newsHeader
{
  font-family: arial;
  font-size: 18px;
  color: #444444;
  margin-bottom: 10px;
}

.newsHeader a
{
  font-family: arial;
  font-size: 11px;
  color: #007FC4;
  text-decoration: none;
}

.newsTitle a
{
  font-family: arial;
  font-size: 12px;
  color: #007FC4;
  margin-bottom: 10px;
  text-decoration: none;
}

.newsTitle2
{
  font-family: arial;
  font-size: 18px;
  color: #E1490D;
  margin-bottom: 5px;
}

.newsNode
{
  font-size: 14px;
  color: #000000;
}

.newsDate
{
  font-family: arial;
  font-size: 10px;
  color: #A43A10;
}

#paging
{
  text-align: center;
  font-family: Arial;
  font-size: 11px;
  color: #444444;
  padding: 1px;
}

#paging a
{
  color: #007FC4;
  text-decoration: none;
}

#paging a:hover
{
  color: #007FC4;
  text-decoration: underline;
}

.footprints
{
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}

.footprints a
{
  font-size: 11px;
  color: #007FC4;
  text-decoration: none;
}

.dataMessage
{
  width: 100%;

  text-align: center;
  font-family: Tahoma, Verdana, Sans-Serif;
  font-size: 12px;
  color: #444444;

  background-color: #fffcd1;
  border-top: 1px solid #ffcfa9;
  border-bottom: 1px solid #ffcfa9;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
}