html,body {
    background-color: #003466;
    margin:0;
    padding:0;
  }
  body {overflow:-moz-scrollbars-vertical;}
  form {
    padding:0;
    margin:0;
  }
  #bloggere {
    width: 780px;
    margin: 0 auto;
  }
  #bloggere div.logo {
    width: 780px;
    height: 117px;
    background: #4699d5 url(/gfx/bloggere-logo.jpg) top no-repeat;
    border-bottom: 2px solid #003466;
  }
  #bloggere div.grey-line {
    border-top: 1px solid #d3dae1;
    height: 21px;
    background-color: #e3e7eb;
  }  

  #bloggere div.search {
    height: 32px;
    background: #7aaed3 url(/gfx/top-connector-blue.gif) left no-repeat;
    text-align:right;
  }
  #bloggere div.search form input.search {
    border: 2px ridge #00ccff;
    float: right;
    margin: 5px 5px 0 0;
  }
  #bloggere div.search form input.submit {
    float: right;
    margin-right: 20px;
    border: none;
  }

  #bloggere div.footer {
    clear: both;
    border-top: 1px solid #003466;
    height: 77px;
    background: #edf0f3 url(/gfx/footer.gif) top no-repeat;
  }
/*
  #cols {
    width: 780px;
    background: #f1f4f9 url(/gfx/main-backdrop-lines.gif) top repeat-y;
    float: left;
  }
  #cols div.cola {
    width: 188px;
    border-right: 2px solid #013466;
    float:left;
    display: inline;
  }
  #cols div.colb {
    width: 376px;
    padding: 0 10px;
    margin: 0 190px;
  }
  #cols div.colc {
    width: 168px;
    padding: 10px 10px 0 10px;
    border-left: 2px solid #013466;
    float:right;
    display: inline;
  }
  #cols div.cola div.feature {
    background: transparent url(/gfx/left-blue-bar.gif) top no-repeat;
    width: 9px;
    height: 311px;
    float: left;
  }
  #cols div.cola div.navigation {
    float: left;
    width: 179px;
  }
*/

#secured-cols {
  background: #f1f4f9 url(/gfx/main-backdrop-lines.gif) top repeat-y;
}
#secured-cols tr td.content {
  width: 380px;
  padding: 0 10px;
}
#secured-cols tr td.right {
  width: 170px;
  padding: 10px 10px 0 10px;
}
#secured-cols tr td div.feature {
  background: transparent url(/gfx/left-blue-bar.gif) top no-repeat;
  width: 9px;
  height: 311px;
  float: left;
}
#secured-cols tr td div.navigation {
  float: left;
  width: 179px;
}

#navlist {
  margin: 0;
  padding: 0;
  list-style: none;
  
  margin: 10px 0 0 5px;
}
#navlist li {
}
#navlist li ul { 
  list-style: none; 
  padding: 0;
  margin: 0 0 0 10px;
}
#navlist a {
  width: 150px;
  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 a {
  width: 140px;
}
#navlist li ul li ul a {
  width: 140px;
}
#navlist a:visited { }
#navlist a:hover {
  color: #036;
  text-decoration: underline;
  }
#navlist a:active {
  }
#navlist ul li a {
  font-weight: normal;
  }

#navlist li ul li a {
  background-image: url(/gfx/menu-arrow-lvb.gif);
}
#navlist li ul li ul li a {
  background-image: url(/gfx/menu-arrow-lvc.gif);
}

/* 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;
}


div.right-banners {
  text-align: center;
}
div.right-banners img {
  display: block;
  margin-bottom: 10px;
}