/*
** HTML elements
*/

* {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px; /* 18px basis */
  line-height: 1.5;
  color: #666666;
  margin: 0;
  padding: 0;
}
/* Force vertical scrollbar on all the time (prevent flicker) */
html { 
  overflow-y: scroll; 
}
html { 
  overflow: -moz-scrollbars-vertical; 
}

html > body {
  font-size: 13px;
}
body {
  font-size: 13px;
  line-height: 1.231;
  margin: 0;
  padding: 0;
  background-image: url(images/bg-body.gif);
  background-repeat: repeat-x;
  background-color: #f4e8d5;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
b, em, i, strong, u {
  color: inherit;
  font-size: inherit;
}
img {
  border: 0px;
}
sub {
  font-size: 7px;
  vertical-align: text-bottom;
}
sup {
  font-size: 7px;
  vertical-align: text-top;
}
table, tr, td, tbody {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

#mainframe-left {
}
#mainframe {
  width: 850px;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}
#mainframe table {
  margin: 0;
  padding: 0;
}
#mainframe-right {
}

#sidebar-left {
  width: 180px;
  padding: 40px 0px 60px 0px;
  background-color: #f5f5f5;
}
#main {
  background-color: #ffffff;
  margin: 0;
  padding: 10px 40px 60px 20px; 
}
#main div.content-unpublished {
  background-color: #ffeeee;
  padding: 0px 10px; /* todo: ??? */
  clear: both;
}

#footer {
  width: 840px;
  padding: 5px 5px 20px 5px;
  background-color: #f4e8d5;
}
#footer a {
  text-decoration: underline;
}
#footer td, #footer td a {
  color: #6a6a6a;
  font-size: 11px;
  line-height: 1;
}
#footer td a:hover {
  text-decoration: underline;
}

.sidemenu {
  margin: 16px 0px 24px 0px;
}
.sidemenu .title {  
  padding: 0px 2px 3px 14px;
}
.sidemenu .title * {
  color: #446298;
  font-size: 15px;
  line-height: 1.067; 
}
.sidemenu a {
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
.sidemenu ul.menu {
  margin: 0;
  padding: 0;
}
.sidemenu ul.menu li.leaf,
.sidemenu ul.menu li.collapsed,
.sidemenu ul.menu li.expanded {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.sidemenu ul.menu li.leaf a,
.sidemenu ul.menu li.collapsed a,
.sidemenu ul.menu li.expanded a {
  display: block;
  color: #505050;
  font-weight: normal;
  padding: 6px 10px 6px 12px;
  margin: 0;
}
.sidemenu ul.menu li.leaf a:hover,
.sidemenu ul.menu li.collapsed a:hover,
.sidemenu ul.menu li.expanded a:hover {
  background-color: #e5e5e5;
  text-decoration: none;
}
.sidemenu ul.menu li.leaf a.active, 
.sidemenu ul.menu li.collapsed a.active, 
.sidemenu ul.menu li.expanded a.active { 
  color: #446298;
  background-image: url(images/bg-sidemenu-item-active.png);
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: none;
}
.sidemenu ul.menu li.expanded ul.menu {
  margin: 0;
}
.sidemenu ul.menu li.expanded ul.menu li.leaf,
.sidemenu ul.menu li.expanded ul.menu li.collapsed,
.sidemenu ul.menu li.expanded ul.menu li.expanded {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.sidemenu ul.menu li.expanded ul.menu li.leaf a, 
.sidemenu ul.menu li.expanded ul.menu li.collapsed a, 
.sidemenu ul.menu li.expanded ul.menu li.expanded a {
  display: block;
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  margin: 0;
  padding: 6px 0px 6px 22px;
}
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.leaf,
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.collapsed,
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.expanded {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.leaf a, 
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.collapsed a, 
.sidemenu ul.menu li.expanded ul.menu li.expanded ul.menu li.expanded a {
  display: block;
  font-weight: normal;
  font-size: 10px;
  line-height: 1;
  margin: 0;
  padding: 4px 0px 4px 32px;
  margin: 0;
}
            
div.clear {
  width: 100%;
  height: 1px;
  margin: 0 0 -1px 0;
  clear: both;
}

