/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro-flyout-list.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

Modified and Adapted by Ron Snow, 2009-2010.  Please contact Ron at
RonSnow@GeoRecover.org.  

To change Font size, please search for the word "EDIT" (s/b 5 locations)
=================================================================== */
 
#left-menu {
	z-index: 100;	
}
#menu, #menu2 {
	padding: 0 0 0 12px;
	margin:  0;
	list-style:none;
	width: 	176px;
	height:	175px;
}
#menu li.level1-li, #menu2 li.level1-li {
	float:	left;
	height:	25px;
	width:	176px;
}
#menu li.level1-li a.level1-a, #menu2 li.level1-li a.level1-a {
	display:	inline-block; /*changing from block to inline-block 12/28/17 diana*/
	height:		25px;
	line-height:25px;
	padding-left:24px;    /*   Make room on left for folder/page icons from harpseals.org  RGS 12/2010  */
	text-decoration:	none;
	font-size:	12px;    /*    EDIT   Change only slightly to increase font size (recommended 11px) Diana changed to 12px*/
	font-family:verdana, arial, sans-serif;
	color:#333;   /* Diana changed from fff to 333 */
	border-right: 0px solid black;   /*   took away the right menu border .... RGS 12/2010  */
	font-weight:bold;
	background:#bcd6e4;

	filter: alpha(opacity=90);
	opacity:0.9;
}
#menu li.sub a.level1-a, #menu2 li.sub a.level1-a {
	background: url(https://www.harpseals.org/menu-images/open_folder.gif) #bcd6e4 left no-repeat; 
	color: #333;
	/* url(menu-images/arrow.gif)  #bcd6e4  no-repeat 135px center;    could use this arrow instead of folder */
}
#menu table, #menu2 table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:relative;
	left:0;
	top: 0;
}
#menu div.listHolder, #menu2 div.listHolder {
	position:  relative;
	left:-9999px;
	top: -40px;
	border:1px solid #000;
	border-width:1px 1px 1px 0;  
	background:#fff url(menu-images/divider.x225.gif) right top;  /* divider s/b width of col1 */
	filter: alpha(opacity=90);
	opacity:0.9;
	font-family:verdana, arial, sans-serif;
	font-weight:bold;
	z-index: 9999999;
}
#menu div.col1, #menu2 div.col1 {
	width:230px;  /*Diana changed from 200px to 230px*/
}
#menu div.col2, #menu2 div.col2 {
	width:460px;    /* This should be a multiple of the .col1 width . Diana changed to 460px*/
}
#menu div.col3, #menu2 div.col3 {
	width:690px;  /*Diana changed from 600px to 690px, should be a multiple of the col1 width*/
}
#menu div.listCol, #menu2 div.listCol {
	width:200px;   /*Diana changed from 180px to 200px*/
	float:left;
	padding:10px;
	background: #fff;
	filter: alpha(opacity=90);
	opacity:0.9;
}
#menu div.listCol ul, #menu2 div.listCol ul {
	padding:0;
	margin:0;
	list-style:none;
	
}
#menu div.listCol ul li, #menu2 div.listCol ul li {
	height:16px;
}
#menu div.listCol ul li a, #menu2 div.listCol ul li a {
	display:inline-block; /*changing from block to inline-block 12/28/17 diana*/
	height:16px;
	line-height:16px;
	font-size:11px;    /*    EDIT   Change only slightly to increase font size (recommended 10px) Diana changed to 11px*/
	text-decoration:none;
	color:#069;
	padding-left: 15px;
	background: url(menu-images/dot.gif) no-repeat 5px center;
}
#menu div.listCol h5, #menu2 div.listCol h5 {
	padding:5px 0 0 5px;
	margin:0;
	font-size:12px;    /*    EDIT   Change only slightly to increase font size (recommended 11px) Diana changed to 12px*/
	line-height:20px;
	background:url(menu-images/linedot.gif) repeat-x left bottom;
}
#menu div.listHolder div.bottomLine, #menu2 div.listHolder div.bottomLine {
	clear:both;
}
#menu div.listHolder div.bottomLine p, #menu2 div.listHolder div.bottomLine p {
	padding:0 20px;
	margin:0;
	line-height:20px;
	background:#400 url(menu-images/arrow.gif) no-repeat 7px 7px;
	color:#fff;
	font-size:11px;    /*    EDIT   Change only slightly to increase font size (recommended 10px) Diana changed to 11px*/
}
#menu div.listHolder div.bottomLine p a, #menu2 div.listHolder div.bottomLine p a {
	color:#8ff;
}
#menu li a:hover, #menu2 li a:hover {
	background-color:#fff;
	color:#000;
	filter: alpha(opacity=80);
	opacity:0.8;
}
#menu li.level1-li:hover > a, #menu2 li.level1-li:hover > a {
	background:#fff;
	color:#000;
	filter: alpha(opacity=80);
	opacity:0.8;
}
#menu li.sub a:hover, #menu2 li.sub a:hover {
	border-right:0;
}
#menu li.sub:hover > a, #menu2 li.sub:hover > a {
	border-right:0;
}
#menu :hover div.listHolder, #menu2 :hover div.listHolder {
	left:176px;
	top: -41px;  /*  This sets where the sub-menu will align to its parent menu */
}
#menu div.listCol ul li a:hover, #menu2 div.listCol ul li a:hover {
	color:#069;
	text-decoration:underline;
}
#menu div.listHolder div.bottomLine p a:hover, #menu2 div.listHolder div.bottomLine p a:hover {
	color:#8ff;
	text-decoration:none;
	background:transparent;
}
.listCol h5 {
	text-align: left;
}
.listCol p {
	text-align: left;
	font-size: 12px;    /*    EDIT   Change only slightly to increase font size (recommended 11px) Diana changed to 12px*/
	font-weight:400;
	line-height: 13px;
}
.navsub-item {
	text-align: left;
	padding-left:  10px;
}