/* CSS Document */
/*   the styles and techique to create this drop down menu come from  http://www.htmldog.com/articles/suckerfish/dropdowns/    */

		div#topMenu {     /* This is for the bounding box for the list */
			float: left;
			width: 830px;
			position: relative;
			z-index: 500;
                        margin: 0px;
                        padding: 0px;
                        float: left;
		}
		#nav li:hover, #nav li.hover 
			{  
        		position: static;  
   			} 
	
		#nav, #nav ul{
			font-family: Arial, Helvetica, sans-serif;
			padding: 0;
			margin: 0;
			line-height: 3.3;   /*  use this to control the spacing for the top and bottom of each list item in the list */
			list-style-type: none;
			font-weight: bold;
			float: left;
                        width: 830px;
                        
		}
		
		#nav a {
			display: block;
			padding: 1px  5px;
			text-decoration: none;
			text-align: center;
			color: #FFFFFF;
			width: 145px;       /*this width is for all the anchors in the lists */
			/*border-bottom: 2px solid white;*/ 
                        
		}
		
		#nav li {
			margin: 0;
			padding: 0;
			float: left;	
			width: 154px;     /*this nav li needs a width to work correctly in opera*/
			text-transform: uppercase;
		}
		#nav li.top_list{
			background: url(../../homepage/images/tab.gif);
		}
		#nav li.top_list:hover{
			background: url(../../homepage/images/tab_hover.gif);
		}
		#nav li a{
			font-size: 8pt;
                        
		}
		
		#nav li ul {
			position: absolute;
			width: 155px;
			background: #a3ad00;
			font-weight: normal;
                        line-height: 1.3;
			left: -999em;    /* this needs to be set so far  to the left for the drop down to work ..... it is beter to use this than "display: none" */
		}
		#nav li ul a {
			color: #fff;
			text-transform: none;
			text-align: left;
			font-size: 10pt;
			width: 145px !important;  /* this "important" must be here for cross browser compatability - it is for any browser that is NOT IE 6  */
			width: 150px; /* This second "width" must be here for cross browser compatability - it is for IE 6  */
                        border-bottom: 1px solid #FFFFFF 
                        
		}
		
	
		
		#nav li ul ul {
			margin: -1.1em 0 0 155px;   /*this rule will control where the lower level list show up when hover over */
			display: inline;
                        		
                }
		
		#nav li:hover ul, #nav li.sfhover ul {
			left: auto;     /* this is what will display the lower level items when you hover over them .  NOTE: IE will not support the "hover" event fully so a bit of javascript is used to give it cross browser support (see javascript attached to this page)*/
                        	
                }
		
		#nav li ul a:hover, #nav li ul a.sfhover {
			background: #557630;
		}
		#nav li a:hover, #nav li a.sfhover{
			background: url(../../homepage/images/tab_hover.gif);   /* This is here so the green background with the shadow shows up in IE 6  */
		}
		
		#nav li:hover ul ul, #nav li.sfhover ul ul {
			left: -999em;  /* This is to hide the  second level  list when NOT hovering over the list --->to hide the lists.*/
		}
		
		#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
			left: auto;  /* This is to show the second level list when you hover over it */
		}
		
		
		
		/*These next series of rules are for the fourth level menus.... by following the pattern you can create as many levels as needed */
		
		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
			left: -999em;
		}

		#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
			left: auto;
		}
		
		
		/* This style is for the content below the lists */
		div#main_body_content {
			margin-top: 20px;
			clear: left;         /*The "clear: left" must be there for the content to fall UNDER the lists */ 
		}
	
	/*End of level subpage 3 list CSS rules */