/* <style> */
body, html {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  background-color: #B0B0B0;
  background-image: url(/billy/back.gif);
  font-size: 12px;
  }
html {
  /* Fix the page from jumping 9px when scrollbar is active */
  /* By forcing the page to being larger than 100% we are   */
  /* forcing the Mozilla browsers to add a scrollabr, we    */
  /* solve the symptom but not the accual problem.          */
  /* Close enough */
  height: 100.02%;
  }
#design {
  width: 770px;
  margin: 0 auto;
  }
#design-back {
  width: 770px;
  background: #FFF url(/cms-gfx-02/content.gif) repeat-y top;
  padding-top: 15px;
background: #E2E5E5 url(/billy/content-770.gif) repeat-y top;
}
#design div.footer {
  clear: both;
  border-top: 1px solid #ccc;
  margin: 10px 0 0 0;
  padding: 2px 0 4px 0;
  background-color: #fafafa;
  }
#design div.footer p {
  padding: 0;
  margin: 0;
  font-size: 11px;
  position: relative;
  }
#logo {
  }
#design div.line {
  text-align: right;
  /*
  background-color: #020;
  height: 18px;
  line-height: 6px;
  font-size: 6px;
  */
  }
#navcontainer {
  float: left;
  display: inline;
  }
#content {
  float: left;
  width: 570px;
  margin-left: 25px;
  padding-bottom: 20px;
  }
#footer {
  clear: both;
  width: 770px;
  text-align: center;
  background-color: #ccc;
  margin: 0;
  background: transparent url(/cms-gfx-02/bottom.gif) no-repeat bottom;
  height: 25px;
  border-top: 1px solid white;
  }
#footer address, #footer div {
  font-size: 0.8em;
  margin-top: 5px;
  }
br.breaker {
  font-size: 0;
  line-height: 0;
  height: 0;
  clear: both;
  }

/* swNavlist CSS template v1.0 */
#navlist {
  list-style: none;
  width: 150px;
  padding: 0;
  margin: 0 0 0 5px;
}
#navlist li ul {
  list-style: none; 
  padding: 0;
  margin: 0 0 0 10px;
}
#navlist li ul li ul { 
  list-style: none; 
  padding: 0;
  margin: 0 0 0 10px;
}
#navlist li a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
#navlist li a:hover {
  color: #000;
  text-decoration: underline;
}
#navlist li a {
  width: 140px;
  font-weight: bold;
  display: block;
  background-image: url(/gfx/menu-arrow-lva.gif);
  background-repeat: no-repeat;
  background-position: 0 .4em;
  padding-left: 10px;
  color: #000;
  text-decoration: none;
}
#navlist li ul li a {
  background-image: url(/gfx/menu-arrow-lva.gif);
  font-weight: normal;
  width: 130px;
}
#navlist li ul li ul li a {
  background-image: url(/gfx/menu-arrow-lvc.gif);
  width: 120px;
}
/* ACTIVE MENU ITEM 
   Due to the nesting of a UL menu, the sub UL will be inside the LI, meaning an active LI with sub will
   all be affected. Therefore we need to duplicate above code to correct result 
   
   By the way - this does not look like an elegant sollution, however it solves the problem
*/
#navlist li#active {
}
#navlist li#active a {
  color: #039;
/*
  background-image: url(/gfx/menu-arrow-lva-active.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
*/
}
/* Duplicate styles from above */
#navlist li#active ul { 
}
#navlist li#active ul li {
}
#navlist li#active ul li a {
/*
  background-image: url(/gfx/menu-arrow-lva.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
*/
  color: #000;
}
#navlist li#active ul li a:hover {
  color: #1554A7;
}






#content div.publisert {
  font-style: italic;
  font-size: 10px;
  margin-bottom: 5px;
  margin-top: -10px;
}

#content, #content table tr td {
  color: #000066;
}
h1 {
  font-size: 22px;
  color: #000066;
  font-weight: normal;
}
h2 {
  font-size: 16px;
  color: #000066;
  font-weight: bold;
}
h3 {
  font-size: 14px;
}
h4 {
  font-size: 12px;
}

/* Billy setting */
.wrap1 {
  background: url(/billy/easycms_shadow.gif) right bottom no-repeat;
}
.wrap2 {
  background: url(/billy/easycms_corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
  background: url(/billy/easycms_corner_tr.gif) right top no-repeat;
}
/* Billy end */