/* <style> */

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

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

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


/* ----- Sample 1 ----------------------------------------------------------- */
div.sample1 div.vert_menu { border-bottom: 1px solid white;}

div.sample1 div.horz_menu a
{
    /*border:  1px solid black;*/
  /*border-left: 1px outset #ffffff;*/
  border-right: 1px solid #ffffff;
  padding: 1px 0px 1px 0px;
  line-height:25px;  
  text-align:center;

  /*background: #3b4850;*/
  background: #d63333;

  text-decoration:none;
  font-family:Arial;
  /*font-weight:bold;*/
  font-size: 12px;
  color: #FFFFFF;  
}
div.sample1 div.vert_menu a
{
  /*border:  1px solid black;*/
  /*border-left: 1px outset #ffffff;*/
  border-right: 1px solid #ffffff;
  padding: 1px 0px 1px 0px;
  line-height:25px;
  text-align:center;


  text-decoration:none;
  font-family:Arial;
  /*font-weight:bold;*/
  font-size: 12px;
  color: #FFFFFF;  
}

div.sample1 div.horz_menu_bottom a,
div.sample1 div.vert_menu_bottom a
{
  /*border:  1px solid black;*/
  /*border-left: 1px outset #ffffff;*/
  border-left: 1px solid #ffffff;
  padding: 1px 0px 1px 0px;
  line-height:25px;
  text-align:center;

  background: #d63333;

  text-decoration:none;
  font-family:Arial;
  /*font-weight:bold;*/
  font-size: 12px;
  color: #FFFFFF;
  z-index:2;
}

div.sample1 div.horz_menu_bottom a
{
	width: 124px;
}

div.sample1 div.horz_menu a
{
	width: 124px;
}

div.sample1 div.vert_menu a
{
  width: 124px;  
}

div.sample1 div.horz_menu a 
{
	margin-right:  0px;
	margin-left: 0px;
}
div.sample1 div.vert_menu a 
{
	margin-bottom: -1px; 	
	text-align:left;
	width:119px;
	line-height:22px;
	padding-left:5px;
	/*border-top: 1px outset #FFFFFF;
	border-bottom: 1px outset #FFFFFF; */
	border-top: 1px solid #FFFFFF;	
	border-bottom: 1px solid #FFFFFF;	
	border-left:none;
	border-right:none;
	/*background-color:#496e6e;*/
	background:#B11F2A;
}

div.sample1 div.horz_menu a:hover,
div.sample1 div.horz_menu a.active
{
    /*background: #496e6e;*/
    background:#B11F2A;
    color:white;		
	text-decoration:none;
}
div.sample1 div.vert_menu a:hover,
div.sample1 div.vert_menu a.active 
{
	background: #d0787f; 	
	color:#231F20;
	text-decoration:none;	
}

div.sample1 div.horz_menu_bottom a:hover,
div.sample1 div.horz_menu_bottom a.active
{
    background: #B11F2A; 
	color:white;	
	text-decoration:none;
}
div.sample1 div.vert_menu_bottom a:hover,
div.sample1 div.vert_menu_bottom a.active 
{
	background: #f8951d; 	
	text-decoration:none;	
}


div.sample1 div.vert_menu div.vert_menu a 
{
	margin-bottom: -1px; 	
	text-align:left;
	width:124px;
	line-height:22px;
	/*border-top: 1px outset #FFFF31;
	border-bottom: 1px outset #FFFF31; */
	border: 1px solid #FFFFFF;	
}



/* ----- 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: 106px;

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