/* The following code is used for the horizontal part of the menu. */

#topH2 {margin: 0 0 0 40px; padding: 0; border: 0;}
 
#menu {height: 75px; background: url('../images/Chad-menu-2.png'); margin: 0; padding: 0;}			
#menu-1 {list-style: none; margin: 0 0 0 10px; padding: 0; border: 0; position: relative; z-index: 100;}
#menu-1 > li {position: relative;	top: 45px; left: 235px;		 
    	 margin : 0; padding: 5px; font-size: 20px; font-family: Trebuchet MS; width: 90px;
    	height: 25px; line-height: 26px; text-align: center; float: left; font-weight: bold;}
#menu-1 a {text-decoration: none; margin: 0 ;color: white; display: block;}         

#menu-1 li.narrow {width: 70px;}
#menu-1 li.xwide {width: 135px;}
#menu-1 li.wide {width: 105px;}
#menu-1 li.medium {width: 80px;}
#menu-1 li.narrowmedium {width: 65px;}
#menu-1 li.narrow {width: 50px;}

#menu-1 > li:hover div.menu-2-top {visibility: visible;}
#menu-1 > li:hover div.menu-2-bottom {visibility: visible;}
#menu-1 > li:hover ul.menu-2 {visibility: visible;}

/* The following code is used for the first virtical drop down part of the menu. */

div.menu-2-top {background: url('../images/drop-down-2-top.png') no-repeat bottom;
		 height: 18px; width: 100px; visibility: hidden; position: relative; top: -2px;}
div.menu-2-bottom {background: url('../images/drop-down-2-bottom.png');
		 height: 13px; width: 100px;  visibility: hidden; position: relative; top: -2px;}
ul.menu-2 {position: relative; top: -2px; background: url('../images/drop-down-2-middle.png');
		margin: 0; padding: 0; width: 100px; text-align: left;	
		visibility: hidden;	font-size: 12px; font-weight: normal; z-index: 500; list-style-type:none}
ul.menu-2 li {height: 21px;	line-height: 20px; padding: 0 0 0 12px; margin: 0;}
ul.menu-2 a {text-align: left; text-decoration: none; height: 21px; line-height: 20px;
    	margin: 0; display: block;}

ul.menu-2 > li:hover > ul.menu-3 {visibility: visible;}
ul.menu-2 > li:hover div.menu-3-bottom {visibility: visible;}
ul.menu-2 > li:hover div.menu-3-top {visibility: visible;}

ul.menu-3 > li:hover > ul.menu-4 {visibility: visible;}


/* The following code is used for the second virtical drop down part of the menu. */

div.menu-3-top {background: url('../images/drop-down-3-top.png');
		 height: 17px; width: 150px; visibility: hidden; position: relative; top: -35px;}
div.menu-3-bottom {background: url('../images/drop-down-3-bottom.png');
		 height: 19px; width: 150px;  visibility: hidden; position: relative; top: -35px;}
ul.menu-3 {list-style: none; position: relative; top: -35px; background: url('../images/drop-down-3-middle.png');						
		margin: 0;	padding: 0;	width: 150px; visibility: hidden;}
ul.menu-3 li {padding: 0 0 0 15px;}
		
		
		
/* The following code is used for the third virtical drop down part of the menu. */

ul.menu-4 {list-style: none; position: relative; top: -22px; background-color: rgb(7,16,55);						
		margin: 0; border: 1px solid white;	padding: 0;	width: 175px;
		visibility: hidden;}
		
/* The following code is used to position left and right margins of the 2nd, 3rd and 4th level drop down menus. */
 
ul.menu-2.goright, div.menu-2-bottom.goright, div.menu-2-top.goright {left: 0px;}
ul.menu-2.goleft,  div.menu-2-bottom.goleft, div.menu-2-top.goleft {right: 30px;}

ul.menu-3.goright, div.menu-3-bottom.goright, div.menu-3-top.goright {left: 80px;}
ul.menu-3.goleft, div.menu-3-bottom.goleft, div.menu-3-top.goleft  {right: 160px;}

/* The folllowing 2 statements need to be changed if a 4th level is used. */
ul.menu-4.goright {left: 165px;}
ul.menu-4.goleft {right: 182px;}


/* Code to handel the arrows */

li > span.arrow {position: absolute; width: 12px; height: 21px; right: 5px;
    	background-repeat: no-repeat; background-position: center;
    	border: 0; padding: 0; margin: 0;}
li > span.arrow.right {background-image: url('../images/Arrow-Right-Light.png');}
li > span.arrow.left {background-image: url('../images/Arrow-Left-Light.png');}
/*li:hover > span.arrow.right {background-image: url('images/Arrow-Right-Light.png');}
li:hover > span.arrow.left {background-image: url('images/Arrow-Left-Light.png');} */