body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background: #753228 url('images/body-bg.jpg') repeat-x;
  overflow: auto; /* Hide IE scrollbar if not needed */
  /*
  scrollbar-face-color: #cccccc;
  scrollbar-highlight-color: #cccccc;
  scrollbar-3dlight-color: #999999;
  scrollbar-darkshadow-color: #999999;
  scrollbar-shadow-color: #cccccc;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  */
}

#header-wrapper { 
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
}

h1#headertitle {
  position: absolute;
  top: 0px;
  border: 0px;          /* reset border */
  text-indent: -9999px; /* CSS code places the text outside 
                           our viewing area. In older browsers or in screen
                           readers (used by blind people) you'll see the 
                           text instead. This way we have more accessible 
                           code.*/
  visibility: hidden;
}

#header {
  margin: 0px auto;
  width: 780px;
  height: 174px;
  text-align: left;
}

/* IE hack for proper width adjustment.  */
* html #header { 
  margin: 0px 0px;
}

#main-wrapper { 
  margin: 0px;
  padding: 0px;
  width: 100%; 
  text-align: center;
} 

#main {
  margin: 0px auto;
  width: 780px;
  text-align: left;
  vertical-align: top;
  background: #f3960a url('images/leftcol-bottom.jpg') no-repeat left bottom;
}

* html #main { 
  margin: 0px 0px;
}

#leftcol-wrapper {
  float: left;
  width: 208px;
  min-height: 500px;
}

* html #leftcol-wrapper {
  height: 500px;
}

#mainmenu-wrapper {
}

ul#mainmenu {
  margin: 0px;
  padding: 0px;
}

ul#mainmenu li {
  margin: 0px;
  padding: 0px;
  height: 30px;
  list-style-type: none;
  list-style-image: none;
  text-align: right;
  background: url('images/mainmenu-item-bg.jpg') no-repeat;
}

ul#mainmenu a {
  position: relative;
  display: block;
  height: 22px;
  width: 196px;
  padding-top: 8px; 
  padding-right: 12px;
  font-size: 12px;
  color: #500e00;
  font-weight: bold;
  text-decoration: none;
}

* html ul#mainmenu a {
  height: 30px;
  width: 208px;
}

ul#mainmenu a.mainmenu-cur {
  color: #ffffff;
}

ul#mainmenu a.mainmenu-act {
  color: #ffffff;
}

ul#mainmenu a:hover {
  color: #ffffff;
  background: url('images/mainmenu-item-bg_on.jpg') no-repeat;
}

#banner-wrapper {
  padding-top: 20px;
  text-align: center;
}

#bordercol-wrapper {
  width: 208px;
  background: url('images/bordercol-bg.jpg') repeat-y;
}

#maincol-wrapper {
  float: left;
  width: 572px;
  min-height: 500px;
  background: url('images/content-bg.jpg') repeat-y; 
}

* html #maincol-wrapper {
  height: 500px;
}

#content-wrapper {
}

#content-header {
  padding-left: 20px;
  height: 61px;
  background: url('images/maincol-top.jpg') no-repeat top;
}

#rootline {
  padding: 6px 0px 0px 0px;
  color: #ed7f09;
}

#rootline a {
  color: #ed7f09;
  text-decoration: none;
}

#rootline a:hover {
  text-decoration: underline;
}

h1#pagetitle {
  margin: 0px;
  padding: 6px 0px 0px 0px;
  color: #f6e8c0;
  font-size: 20px;
  font-weight: normal;
}

#submenu-wrapper {
  height: 30px;
 /* background: url('images/submenu-bottom.gif') no-repeat bottom;*/
  background:url('images/submenu_bg.jpg') no-repeat;
}

ul#submenu {
  margin: 0px;
  padding: 8px 0px 0px 20px;
}

ul#submenu li {
  margin: 0px;
  display: inline;
  list-style-type: none;
  list-style-image: none;
}

ul#submenu a {
  padding-left: 16px;
  padding-right: 8px;
  font-size: 12px;
  color: #501E18;
  text-decoration: none; 
  font-weight:bold;
  background: url('images/submenu-no.gif') no-repeat;
}

ul#submenu a.submenu-cur {
  color: #ffffff;
  background: url('images/submenu-cur.gif') no-repeat;
}

ul#submenu a:hover {
  color: #C24C05;
}

#content-maincol {
  width: 532px;
  padding: 8px 20px 20px 20px;
}

* html #content-maincol {
  width: 572px;
}


#footer-wrapper { 
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: center;
} 

#footer {
  margin: 0px auto;
  padding-top: 20px;
  padding-right: 20px;
  width: 780px;
  height: 34px;
  text-align: right;
  color: #c46f62;
  background: url('images/footer-bg.jpg') no-repeat top;
}

#footer a {
  color: #ed7f09;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

* html #footer { 
  margin: 0px 0px;
}

/*
How To Clear Floats Without Structural Markup
http://www.positioniseverything.net/easyclearing.html
*/
.clear:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

.clear {
    display: inline-table; /* Fix for IE Mac */
    /* display: inline-block; */
} 

/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */