img{
  border: none;
}
body  {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	margin: 0;
    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: #ffffff;
	background: #676767;
	font-size: 15px;
  line-height: 1.1em;
}
a{
  color: white;
}
.thrColFixHdr #container {
    height: 600px;
	width: 900px;
	margin: 30px auto; /* the auto margins (in conjunction with a width) center the page */
    padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
    overflow: hidden;
	background: transparent url("../img/background_grass.png") 0 0 no-repeat;
} 
.thrColFixHdr .logo {
  position: relative;
  z-index: 1001;
    margin: 26px 57px 0 0;
    border: none;
    width: 165px;
    height: 72px;
	float: right;
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 155px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* padding keeps the content of the div away from the edges */
  margin: 0;
	height: 410px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 165px; /* the background color will be displayed for the length of the content in the column, but no further */
    height: 380px;
    margin: 10px 57px 0 0;
    padding: 10px 0 0 0;
    font-size: 0.8em;
	background: transparent url("../img/right_bar.png");
	overflow: hidden;
	text-align: center;
}
.thrColFixHdr #mainContent {
	padding: 22px 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
  margin: 10px 0 0 0;
  overflow: hidden;
	height: 368px;
	width: 513px;
  border: solid 1px #aaa;
	background: #46423C 
}
.thrColFixHdr #mainContent h2{
  display: inline;
	color: #96CA53;
	padding: 0 10px;
	font-size: 110%;
  white-space: nowrap;
}
.thrColFixHdr li{
    margin: 2px;
    padding: 0;
    float: left;
    margin-top: 5px;
}
.thrColFixHdr #footer {
	padding: 0 0 0 10px;
    margin: 0;
    width: 678px;
    height: 30px;
    margin: 0 0 0 155px;
    font-size: 0.7em;
	background: transparent url("../img/right_bar.png");
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer table{
  height: 100%;
}
#footer table td{
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  width: 15%;
}
#footer table td.first{
  width: 25%;
}
#footer table td.last{
  width: 29%;
}



.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;
}
h2{
    font-weight: bold;
}

/*********************/
/* Scroll  CSS begins below */
/*********************/
div.scrollholder
{
    position: relative;
    width: 300px; height: 100%;
    overflow: auto;
    z-index: 1;
    
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: #8F8984
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 25px;
    cursor: pointer;
    z-index: 4;
    /*background: #b26fb2;*/
    background: transparent url("../img/scroll.png") 0 0 no-repeat;
}
@media print{
      #container, #mainContent, .info {overflow: visible!important;}
      #mainContent{height: 800px!important;}
      #scrollHolder, #scroll {width: 500px!important;}
      #sidebar1, #sidebar2, #MenuBar1, #footer, #mainPageImage, #track0 {display: none;}
      }