/* <style> */

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

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

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

div.horz_menu a, div.horz_menu_admin a {height:19px;}

/* ----- Sample 1 ----------------------------------------------------------- */
div.sample1 {margin-bottom:10px; }
/*div.horz_menu {background: rgb(0,102,204);}*/
div.vert_menu { border-bottom: 1px solid black;
  width: 193px;
	}

div.sample1 div.horz_menu a
{
  //border:  1px solid black;
  padding: 4px;

  width: 193px;

  background: rgb(71,24,189);

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
		font-weight: bold;
	text-decoration: none;
	color : #FFFFFF;
}

div.horz_menu_admin a
{
  //border:  1px solid black;
  padding: 4px;

  width: 120px;

  background: rgb(71,24,189);

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
		font-weight: bold;
	text-decoration: none;
	color : #FFFFFF;
}


div.sample1 div.vert_menu a
{
  padding: 4px;
	width:auto;
  background: rgb(0,102,204);

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
		font-weight: bold;
	text-decoration: none;
	color : #FFFFFF;
}

div.sample1 div.horz_menu a div.horz_menu_admin a{ margin-right:  -1px; }
div.sample1 div.vert_menu a { margin-bottom: -1px; }

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: rgb(0,120,222); }


/* ----- Sample 2 ----------------------------------------------------------- */

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

div.sample2 div.horz_menu a,
div.sample2 div.vert_menu a
{
  border: 1px solid black;

  width: 105px;

  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  background: url('dhtml-menu.png') 0px 40px;

  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  font-size: 13px;
  color: #206040;
}

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

div.sample2 div.horz_menu a:hover,
div.sample2 div.vert_menu a:hover
{
  color: #206060;
  background-position: 0px 20px;
}

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

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