/* 
	General styles for this example page */
	
	body{
		font: normal 9px/20px Verdana, Arial, Helvetica, sans-serif;
		margin:0px;
		padding:0px;
		text-align:left;
				
	}
	
	p{
		margin-top:5px;
		margin-bottom:5px;
	}
	
#mainContainer{
		width:760px!important;
		text-align:left;
		padding-left:1px;
		padding-top:0px;
		padding-right:100px;
		padding-bottom:5px;			
		border:0px;
		top:0px;

}
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */

		

	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;
		

	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
					border:1px;
						position:absolute;
						top:10px;
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
						border:1px;

	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:0px solid #000;
		background-color:#FFF;
		padding:0px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */

		border:0px;
		padding:0px;
		overflow:visible;


	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:0px;
		border:0px solid #555;
		padding-top:0px;
		
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
		padding-top:2px;
		padding-bottom:2px;

				
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border:1px;

	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;

			
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;


	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		
		background-color:#c3d2ef;
		padding-bottom:2px;
		border:1px solid #555;
		

	}
	#dhtmlgoodies_menu .currentDepth2over{
		
		background-color:#C60;
		padding-bottom:2px;
		border:1px solid #555;
		

	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		
		color:#000;

	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{

		background-color:#c3d2ef;
						border:1px solid #555;
						
		

	}
	#dhtmlgoodies_menu .currentDepth3over{
		
		background-color:#C60;
						border:1px solid #555;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		

	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
	}	
		



/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0 0 0 0;
  border: 0 none;
  padding: 0px 0px 1px 2px;
  width: 200px; /*For KHTML*/
  width:98%;
  list-style: none;
}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  padding: 0px 0px 0px 0px;
  width:100%;
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 10px;
  display: block;
  /*background: #EEE;*/
  background-image:url(../images/submenu.gif);
  color: #000;
  font: normal 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a,

 {
  background: #C60;
  color: #FFF;
}


ul#navmenu a.selected
 {
  background: #ec953e;
  color: #FFF;
	}
	


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a 
{
  background: #EEE;
  color: #000;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #C60;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 200px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* hyper Menu */
a.hypermenu{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;color:#000;text-decoration:none;}
a.hypermenu:hover{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold;color:#C60;text-decoration:none;}