/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }

div.vert_menu
{
	position: absolute;
	visibility: hidden;
	z-index: 20;
	
}



/* ----- Sample 1 ----------------------------------------------------------- */

div.sample1 div.vert_menu
{
  border-bottom: 2px solid #BDBABD; 
  border-top: 1px solid #BDBABD; 
}

div.sample1 div.horz_menu a {/*width: 72px;*/ }




div.sample1 div.vert_menu_height a 
{
	height: 50px;
}
div.sample1 div.vert_menu a 
{
	z-index: 20;
	width: 200px;
	height: 20px;
	/*
  line-height: 10px;
  */
 
	/*
  background: url('dashed.gif') 0px 100px;
*/
  background-color: #dfdfdf;/*this is what dictates the color of the pulldown */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	/*
  font-weight: 900;
  */
  font-size: 13px;
	color:#0860A8; font-size:70%; text-decoration:none;
	/*
  	joes formatting
  
  */
  
  	border-top: font-size:1px; background-image:url(dotted.gif); background-repeat:repeat-x;
	border-right:1px solid #BDBABD;
	border-left:1px solid #BDBABD;
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C6C6C6;
	border-bottom-color: #C6C6C6;
	border-left-color: #C6C6C6;
	text-align: left;
	*/
	/*
		intels
	
	*/
	
	padding:5px 6px 0px 5px;
	/* TOPpx RIGHTpx  BOTpx  LEFTpx  */
}

div.sample1 div.horz_menu a { margin-right:  -1px; }
div.sample1 div.vert_menu a { margin-bottom: -1px; padding-right: 0px; }

div.sample1 div.horz_menu a:hover{/*width: 72px;*/}
div.sample1 div.vert_menu a:hover {width: 200px; background: #EFEFEF;  color:#0860A8; text-decoration:underline; border-top: font-size:1px; background-image:url(dotted.gif); background-repeat:repeat-x;  }/*this is the hover settings*/
div.sample1 div.horz_menu a.active{/* width: 72px;*/}
div.sample1 div.vert_menu a.active {  width: 350px;}

div.sample1 div.vert_menu a.firstRow
{
	border-top: font-size:1px; background-image:url(no.gif); background-repeat:repeat-x;
	border-right:1px solid #BDBABD;
	border-left:1px solid #BDBABD;
	z-index: 20;
}
div.sample1 div.vert_menu a.doubleLine
{
	height: 35px;
	z-index: 20;
}



/* ----- 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('img.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 { background-position: 0px 20px; }

div.sample2 div.horz_menu a.parent,
div.sample2 div.vert_menu a.parent
{
  color: #464646;
  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: #464646;
  background-position: 0px 60px;
}

