/* <style> */

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

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }

.horz_menu {
z-index: 8000;
}

body { 
font-family: Verdana;
size: 9px;
}

div.sample2 div.vert_menu { border-bottom: 1px solid black; }

.sample2 {
width: 945px;
z-index: 8000;

}

/* TOP LEVEL HORIZONTAL MENU STYLE   */
div.sample2 div.horz_menu a
{
z-index: 8000;
width: 105px;
  height:      20px;
  line-height: 19px;
  vertical-align: middle;
 background: #313165 url('over.png') 0px 40px;
text-align: center;
  text-decoration: none;
  font-family: "Verdana";
  font-weight: bold;
  font-size: 10px;
  /*color: #206040;*/
color: #FFFFFF;
}




/* DROP DOWN STYLE   */
div.sample2 div.vert_menu a

{
z-index: 8000;
width: 200px;
height: 100%;
  line-height: 19px;
  vertical-align: middle;
background: #313165 url('') 0px 40px;
text-align: left;
  text-decoration: none;
  font-family: "Verdana";
  font-weight: bold;
  font-size: 10px;
color: #FFFFFF;
}

div.sample2 div.horz_menu a { 
margin-right:  -1px;
z-index: 8000; }
div.sample2 div.vert_menu a { 
z-index: 8000;
margin-bottom: -1px;
 }

/* TOP LEVEL HORIZONTAL HOVER MENU STYLE   */
div.sample2 div.horz_menu a:hover,
{
z-index: 8000;
  color: #313165;
  background-position: 0px 20px;
}

/* DROP HORIZONTAL HOVER MENU STYLE   */
div.sample2 div.vert_menu a:hover
{
z-index: 8000;
background-color: #E6E3F5;
color: #313165;
background-position: 0px 20px;
height: 100%;

}

div.sample2 div.horz_menu a.parent,
div.sample2 div.vert_menu a.parent
{
z-index: 8000;
background-position: 0px 0px;
}

div.sample2 div.horz_menu a.active,
div.sample2 div.horz_menu a.active:hover,
div.sample2 div.vert_menu a.active:hover
{
color: #313165;
background-position: 0px 60px;
z-index: 8000;
}

div.sample2 div.vert_menu a.active,
{
color: #FFFFFF;
z-index: 8000;
}