/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
  background: #274B95;
}

div.horz_menu a { display: block; float: left; background: #274B95; }
div.vert_menu a { display: block; float: none; width: 220px; }


/* ----- Sample 1 ----------------------------------------------------------- */

div.sample1 div.horz_menu { width: 98%; background: #274B95; }
div.sample1 div.vert_menu { border-right: 4px solid #335CB3; border-bottom: 3px solid #335CB3; 
/* Shadow */
-moz-box-shadow: 1px 1px 10px #444444;
-webkit-box-shadow: 1px 1px 10px #444444;
box-shadow: 1px 1px 10px #444444;
}

div.sample1 div.horz_menu a,
div.sample1 div.vert_menu a
{
  border:  none;
  padding: 6px 12px;
  background: #274B95;
  /* line-height: 28px; */
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;

}

div.sample1 div.vert_menu a.parent
{ background: transparent url(./images/arrow.gif) no-repeat right center; }

div.sample1 div.horz_menu a { border-bottom: 1px solid #335CB3; padding: 7px 12px; }
div.sample1 div.vert_menu a { margin-top:0px; border-bottom: 1px solid #335CB3; }

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover,
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: #335CB3; border-bottom: 1px solid #335CB3; }

div.sample1 div.vert_menu a.active, 
div.sample1 div.vert_menu a.active:hover
{ background: #335CB3 url(./images/arrow.gif) no-repeat right center; }

