/*  This is Code from first css */

/*

* {
	padding:0;
	margin:0;
	}
*/


/* Menu background */
.topMenu {
	background: transparent;
	z-index:998;
	position:relative;
	width: 929px;
	height:18px;
	margin:auto;
	padding:0px;
	}

/* Top tabs container */		
ul.tabs {
list-style:none;
	height:18px;
	width:929px;
	top:0px;
	position:absolute;
	z-index:1;
     margin: 0;
	}
li.tab1{
	text-align:center;
	position:absolute;
	left:0px;
	top:0px;
	width: 158px;
	background:url(/homepage/images/Tab1-2.gif) no-repeat scroll 100%;
	margin-left: 0px;
	padding: 0px;
	height:18px;
	z-index:1;
	}
li.tab1:hover ul.dropmenu{
display:block;
}
li.tab2{
	position:absolute;
	text-align:center;
	left:154px;
	top:0px;
	width: 158px;
	background:url(/homepage/images/Tab1-2.gif) no-repeat scroll 100%;
	margin-left: 0px;
	padding: 0px;
	height:18px;
	z-index:1;
	}
li.tab2:hover ul.dropmenu{
display:block;
}	
li.tab3{
	position:absolute;
	text-align:center;
	left:308px;
	top:0px;
	width: 158px;
	background:url(/homepage/images/Tab1-2.gif) no-repeat scroll 100%;
	margin-left: 0px;
	height:18px;
	z-index:1;
	}
	li.tab3:hover ul.dropmenu{
display:block;
}
li.tab4{
	position:absolute;
	text-align:center;
	left:462px;
	top:0px;
	width: 158px;
	background:url(/homepage/images/Tab1-2.gif) no-repeat scroll 100%;
	margin-left: 0px;
	padding: 0px;
	height:18px;
	z-index:1;
	}
li.tab4:hover ul.dropmenu{
display:block;
}	
li.tab5{
	position:absolute;
	text-align:center;
	left:616px;
	top:0px;
	width: 158px;
	background:url(/homepage/images/Tab1-2.gif) no-repeat scroll 100%;
	margin-left: 0px;
	padding: 0px;
	height:18px;
	z-index:1;
	}
li.tab5:hover ul.dropmenu{
display:block;
}	
li.tab6{
	position:absolute;
	text-align:center;
	left:770px;
	top:0px;
	width: 158px;
	background:url(/homepage/images/Tab1-2.gif) no-repeat scroll 100%;
	margin-left: 0px;
	padding: 0px;
	height:18px;
	z-index:1;
	}
li.tab6:hover ul.dropmenu{
display:block;
}	

/* Tab hover effects */		
li.tab1:hover { background:url(/homepage/images/Tab1-2Hvr.gif) no-repeat scroll 100%;		}	
li.tab2:hover { background:url(/homepage/images/Tab1-2Hvr.gif) no-repeat scroll 100%;		}	
li.tab3:hover { background:url(/homepage/images/Tab1-2Hvr.gif) no-repeat scroll 100%;		}	
li.tab4:hover { background:url(/homepage/images/Tab1-2Hvr.gif) no-repeat scroll 100%;		}	
li.tab5:hover { background:url(/homepage/images/Tab1-2Hvr.gif) no-repeat scroll 100%;		}	
li.tab6:hover { background:url(/homepage/images/Tab1-2Hvr.gif) no-repeat scroll 100%;		}	


/* Submenu container */		

li.submenu {
	background:#a2ad00;
	margin:2px 0px;
	right:0px;
	position:relative;
	padding:1px 0px 1px 5px;
	max-height:18px;
		
	}
li.submenu:hover ul.flyout {
display:block;
}
ul.dropmenu {
list-style:none;
	position:absolute;
	background: url(/homepage/images/ulBG.png) repeat;
	width:153px;
	text-align:left;
	left:0px;
	top:16px;
	z-index:2;
	float:left;
	display:none;
	margin: 0;
	}
	
li.submenu:hover {
	background:#557630;

	}
li.flymenu:hover {
	background:#557630;

	}
	li.flymenu2:hover {
	background:#557630;

	}
li.flymenu {
	background:#a2ad00;
	top:0px;
	right:0px;
	height:22px;
	position:relative;
	z-index:10;
	padding-left: 5px;
	width:153px;
	}
li.flymenu:hover ul.flyout2 {
display:block;
}
	li.flymenu2 {
	background:#a2ad00;
	top:0px;
	right:0px;
	height:22px;
	position:relative;
	z-index:10;
	padding-left: 5px;
	width:153px;
	}
ul.flyout {
	list-style:none;
	position:relative;
	background: transparent;
	width:153px;
	text-align:left;
	left:105px;
	bottom:38px;
	padding-top:3px;
	z-index:100;
	display:none;
	}
ul.flyout2 {
	list-style:none;
	position:relative;
	background: transparent;
	width:153px;
	text-align:left;
	left:115px;
	bottom:18px;
	padding-top:3px;
	z-index:100;
	display:none;
	}
li.submenu:hover {
	background:#557630;
	}


/* Submenu link text positioning and color and styles */	
a.tabMenuLink:hover {
cursor:pointer;
text-decoration:none;}

a.subMenuLink {
	color:#ffffff;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 9pt; /* was 8pt */
	}
	
a.tabMenuLink {
	width:153px;
	height:18px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	color:#557630;
	text-transform:uppercase;
	font-size: 8pt; /* was 7pt */
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;	
	}
	
/*Submenu link text hover effects */		






/*  menu css code that is for sub level3 links */

/*

*{
	margin: 0px;
	padding: 0px;
}




div#topMenu{
	margin: 0px;
	padding: 0px;
	float: left;
        width: 930px;
}
*/ 
		/*   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: 930px;
			position: relative;
			z-index: 20000;
                        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: 1.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: 930px;
		}
		
		#nav a {
			display: block;
			padding: 1px  5px;
			text-decoration: none;
			text-align: center;
			color: #557630;
			width: 145px;       /*this width is for all the anchors in the lists */
			border-bottom: 2px solid #f8f1d9;
		}
		
		#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;
			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  */
		}
		
	
		
		#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 */ 	
		
		
		
		
		
		
		/* This following css is for the home page top nav */
		
			div#hometopMenu {     /* This is for the bounding box for the list */
			float: left;
			width: 930px;
			position: relative;
			z-index: 600;
		}
	
		#hometopnav, #hometopnav ul{
			font-family: Arial, Helvetica, sans-serif;
			padding: 0;
			margin: 0;
			line-height: 1.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;
		}
		
		#hometopnav a {
			display: block;
			padding: 1px  5px;
			text-decoration: none;
			text-align: center;
			color: #557630;
			width: 123px;       /*this width is for all the anchors in the lists */
			border-bottom: 2px solid white;
		}
		
		#hometopnav li {
			float: left;	
			text-transform: uppercase;
			width: 132px;     /*this nav li needs a width to work correctly in opera*/
			margin: 0;
			padding: 0;
		}
		#hometopnav li.top_list{
			background: url(../../homepage/images/tab.gif);
		}
		#hometopnav li.top_list:hover{
			background: url(../../homepage/images/tab_hover.gif);
		}
		#hometopnav li a{
			font-size: 8pt;
		}
		
		#hometopnav li ul {
			position: absolute;
			width: 132px;
			background: #a3ad00;
			font-weight: normal;
			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" */
		}
		#hometopnav li ul a {
			color: #fff;
			text-transform: none;
			text-align: left;
			font-size: 10pt;
			width: 122px !important;  /* this "important" must be here for cross browser compatability - it is for any browser that is NOT IE 6  */
			width: 127px;					/* This second "width" must be here for cross browser compatability - it is for IE 6  */
		}
		
	
		
		#hometopnav 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;
		}
		
		#hometopnav li:hover ul, #hometopnav 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)*/
		}
		
		#hometopnav li ul a:hover, #hometopnav li ul a.sfhover {
			background: #557630;
		}
		#hometopnav li a:hover, #hometopnav 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  */
		}
		
		#hometopnav li:hover ul ul, #hometopnav li.sfhover ul ul {
			left: -999em;  /* This is to hide the  second level  list when NOT hovering over the list --->to hide the lists.*/
		}
		
		#hometopnav li:hover ul, #hometopnav li li:hover ul, #hometopnav li.sfhover ul, #hometopnav 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 */
		
		#hometopnav li:hover ul ul, #hometopnav li:hover ul ul ul, #hometopnav li:hover ul ul ul ul, #hometopnav li.sfhover ul ul, #hometopnav li.sfhover ul ul ul, #hometopnav li.sfhover ul ul ul ul {
			left: -999em;
		}

		#hometopnav li:hover ul, #hometopnav li li:hover ul, #hometopnav li li li:hover ul, #hometopnav li li li li:hover ul, #hometopnav li.sfhover ul, #hometopnav li li.sfhover ul, #hometopnav li li li.sfhover ul, #hometopnav li li li li.sfhover ul {
			left: auto;
		}
		
/* End of  home top nav css rules */




/* End CSS */