@charset "utf-8";
/* CSS Document for BCHC menu */

div.menu {
    z-index: 2;
    position: relative;
	margin: 0px auto;
	margin-top:120px;
    text-align: left;
    color: red;
	background-color: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	text-decoration:none; 
	font-size: 8pt;
	}

.nav {
    position: relative;
	margin: 0px auto;
	width:890px;
	/* left: 30px; */
	}

/* remove all the bullets, borders and padding from the default list styling */
.nav ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.nav li {
	position:relative;
	float:left;
	/* width:120px;   /* required if top menu items are to be constant width (divide total width by number of items)*/
    }

/* set the style for the top level (override those inherited from .nav) */
.nav a, .nav a:visited {
	display:block;
/* 	width:120px; /* (force widths to be equal; divide overall menu width by number of items) */
	height:auto;  /* */
	color:white;    /* top level text color */
	background-color:transparent;   /* top level background color of link */
	text-decoration:none; 
	padding:5px 10px 5px 10px;  /* top,right,bottom,left */
 	border-style:solid; /* */
 	border-color:white;  /* */
	border-width:0px 0px 0px 0px;  /* top,right,bottom,left  */
	}

/* set the text and background color of top level when hovering */
.nav a:hover, .nav ul ul a:hover{
	color:#006633; /* #006633=Bosque green */
	background-color:white;
 	border-style:solid; /* */
 	border-color:black;  /* */
	border-width:1px 1px 0px 1px;  /* top,right,bottom,left  */
	}
.nav :hover > a, .nav ul ul :hover > a {
	color:#006633; /* #006633=Bosque green */
	background-color:white;
 	border-style:solid; /* */
 	border-color:black;  /* */
	border-width:1px 1px 0px 1px;  /* top,right,bottom,left  */
	}

/* set the style for the second level link boxes (override those inherited from top level) */
.nav ul ul a, .nav ul ul a:visited {
	color:black; /* text color */
	background-color:#eee; /* background color */
	width:150px;    /* force width of link boxes */
	border:1px solid black; /* put border around all link boxes */
	border-width:0px 1px 1px 1px; /* remove top border of link boxes*/
	}
.nav ul ul a.drop, .nav ul ul a.drop:visited {  /* if third level dropdown */ 
	background:#eee url('../graphics/grey-arrow.gif') no-repeat 95% center;
	}


/* set the text and background color of second level when hovering */
.nav ul ul a:hover {
	color:white;
	background-color:black;
	}
.nav ul ul :hover > a {
	color:white;
	background-color:black;
	}
.nav ul ul a.drop:hover{  /* if third level dropdown */ 
	background:black url('../graphics/blue-arrow.gif') no-repeat 95% center;
	color:white;
	} 
.nav ul ul :hover > a.drop {  /* if third level dropdown */ 
	background:black url('../graphics/blue-arrow.gif') no-repeat 95% center;
	color:white;
	}

/* set the style for the third level link boxes (override those inherited from second level) */
.nav ul ul ul a, .nav ul ul ul a:visited {
	color:#000; /* text color */
	background-color:#eee; /* background color */
	width:150px;    /* force width of link boxes */
	}

/* set the text and background color of third level when hovering */
.nav ul ul ul a:hover {
	color:white;
	background-color:black;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.nav ul ul {
	visibility:hidden; 
	position:absolute;
	height:0;
/*	top:-1px; /* */
	left:0; 
	width:171px; /* width + paddingleft + paddingright + 1 */
	border-top:1px solid black;
	}

/* position the third level flyout menu */
.nav ul ul ul{
	left:171px;     /* width + paddingleft + paddingright + 1 */
	top:-1px; 
	width:172px;    /* width + paddingleft + paddingright + 1 */
	border-top:1px solid black;
	}
 
/* position the third level flyout menu for a left flyout */
.nav ul ul ul.left {left:-149px;}      /* orig 149 */
  
/* make the second level visible when hover on first level list OR link */
.nav ul li:hover ul, .nav ul a:hover ul{visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.nav ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.nav ul :hover ul :hover ul{ visibility:visible;}



/* hacks to correct for older IE browsers*/
* html .nav {  /* hack to correct IE5.5 faulty box model */
	width:746px;  /* orig 746 */
	w\idth:745px; /* orig 745 */
	}
* html .nav a, * html .nav a:visited {  /* a hack so that IE5.5 faulty box model is corrected */
	width:149px;  /* orig 149 */
	w\idth:138px;  /* orig 138 */
	}
* html .nav ul ul {  /* another hack for IE5.5 */
	top:30px;
	t\op:31px;
	}
* html .nav ul ul a, * html .nav ul ul a:visited {  /* yet another hack for IE5.5 */
	width:150px;    /* orig 150 */
	w\idth:128px;    /* orig 128 */
	}
.nav table {  /* style the table so that it takes no part in the layout - required for IE6 and lower to work */
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	;}