body
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  line-height: 18px;
  background: #666666;
  margin: 6px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
}

a
{
  color: #494726;
}

.padded_li li
{
  padding: 6px 0;
}

.fltrt
{
  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}
.fltlft
{
  /* this class can be used to float an element left in your page */
  float: left;
  margin-right: 8px;
}
.clearfloat
{
  /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

/*img { behavior: url(iepngfix.htc); }*/

#container
{
  width: 780px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  background: #FFFFFF;
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  border: 1px solid #000000;
  text-align: left; /* this overrides the text-align: center on the body element. */
  background-image: url(images/footer.png);
  background-repeat: no-repeat;
  background-position: 0px bottom;
}

#container_liq
{
  width: 98%;
  background: #FFFFFF;
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
  border: 1px solid #000000;
  text-align: left; /* this overrides the text-align: center on the body element. */
  background-image: url(images/footer.png);
  background-repeat: no-repeat;
  background-position: 0px bottom;
}

#header
{
  width: 780px;
  height: 174px;
  background-image: url(images/top_back_01.jpg);
}

#headercontact
{
  width: 780px;
  height: 160px;
  background-image: url(images/top_back_03.jpg);
}

#headerportfolio
{
  width: 780px;
  height: 160px;
  background-image: url(images/top_back_02.png);
}

#header_loginbox
{
  float: right;
  position: relative;
  top: 4px;
  left: -12px;
  font-size: 11px;
  color: white;
}

#header_loginbox a
{
  color: azure;
  text-decoration: none;
}
#header_loginbox a:hover
{
  text-decoration: underline;
}

.header_loginbox_separator
{
  margin-left: 8px;
}

#header_companyTitle
{
  display: none;
  font-weight: bold;
  font-size: 32px;
  color: white;
  left: 300px;
  position: absolute;
  top: 80px;
  filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=85, Style=0);
  font-family: 'Arial Narrow';
  line-height: normal;
}

#header_companyTitle2
{
  display: none;
  font-size: 18px;
  color: white;
  left: 380px;
  position: absolute;
  top: 120px;
  filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=85, Style=0);
  font-family: 'Simhei';
  line-height: normal;
}

#sidebar1
{
  float: left; /* since this element is floated, a width must be given */
}

.menu
{
  width: 220px;
}

.menuItem
{
  border-right: ghostwhite 2px;
  border-left: ghostwhite 2px;
  border-bottom: ghostwhite 2px inset;
  border-top: ghostwhite 2px;
}

#breadcrumbs
{
  font-size: 18px;
  color: silver;
  font-family: Verdana;
  border-bottom: silver 1px dashed;
  margin-bottom: 10px;
  padding-bottom: 4px;
}
#breadcrumbs a
{
  text-decoration: none;
}

#mainContent
{
  margin: 0 0 0 220px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
  padding: 20px;
  border-left: #cacaca 1px solid;
  border-right: #e7e7e7 12px solid;
}

#mainContent_1col
{
  padding: 20px;
  border-left: #cacaca 1px solid;
  border-right: #e7e7e7 12px solid;
}

#footer
{
  font-size: 11px;
  text-align: right;
  padding: 0 60px 3px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
  height: 36px;
  line-height: normal;
}

.formSectionContainer
{
  line-height: normal;
  border: gainsboro 1px solid;
  background-color: #f8f8f8;
  margin-top: 4px;
  margin-bottom: 4px;
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#afafaf,strength=4);
}

.formSectionTitle
{
  color: #494726;
  background-color: #efefed;
  font-weight: bold;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-top: 2px;
  border: #494726 1px solid;
  margin-bottom: 2px;
}

.formSectionLabel
{
  margin: 0 4px 0 12px;
}

.formSectionTitle2
{
  color: #494726;
  font-weight: bold;
  text-decoration:underline;
  margin: 0 0 0 12px;
}

.formSectionError
{
  margin: 0 4px 0 12px;
  width: 120px;
}

.tableStruct
{
}
.tableStruct td
{
  background-color: #f3f4f6;
  padding: 2px 8px;
}

.performanceRev img
{
  float:right;
  margin-left:6px;
}
.performanceRev h3
{
  color: #494726;
  background-color: #efefed;
  font-weight: normal;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-top: 2px;
  border: #494726 1px solid;
  margin: 24px 0 10px 0;
}
.performanceRev h4
{
  color:gray;
}
.performanceRev h5 /* warnings */
{
  color:#ca0000;
  text-align:right;
  margin:0;
  padding:0;
}

.partner h4
{
 font-size:larger;
 text-decoration:underline;
}