/******************************************************************************/
/* css for header-menu */
/******************************************************************************/


/* Header Menu */
div#menu_t {
	position:absolute;
	top:0px;
	left:0px;
	width:75px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	background: url(images/t2.gif) repeat-x;
}
div#menu_t a {
	display:block;
    color: #000;
	padding-left:5px;
	padding-right:5px;
}

div#menu_t a:visited {	
    color: #000;
	text-decoration: none;
}
div#menu_t a:hover {	
    color: #000;
	line-height:28px;
    padding-bottom:2px;
    background:limegreen  url(images/t1.gif) repeat-x;
	border:1px solid #000;
	border-top:2px solid #000;
}

/* Header Menu no-script */
div#ns_menu {
	position:absolute;
	top:0px;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
  margin: 0 auto;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background: url(images/t2.gif) repeat-x;
}
div#ns_menu_c {
	position:relative;
	height:30px;
	line-height:30px;
    margin: 0 auto;
	text-align:center;
}
div#ns_menu_c a {
	float:left;
    color: #000;
	padding-left:15px;
	padding-right:15px;
	border-left:1px solid #ccc;
	border-right:1px solid #317082;
	background: url(images/t2.gif) repeat-x;
}

div#ns_menu_c a:visited {	
    color: #000;
	text-decoration: none;
}
div#ns_menu_c a:hover {	
    color: #000;
	line-height:28px;
    padding-bottom:2px;
	border:1px solid #000;
	border-top:2px solid #000;
    background: url(images/t1.gif) repeat-x;
}


.selected {
    background: url(images/t1.gif) repeat-x;
}
div#ns_menu a.selected {
    background: url(images/t1.gif) repeat-x;
}


	#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;
		margin-left:75px;
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{
		margin:3px;
		padding:3px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#FFF;
		padding:5px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{  /* Menu bar - main menu items */
	  line-height:26px;
	  padding:1px;
	  border:1px solid #317082;
  	border-bottom:1px solid #000;
	  background:#E2EBED  url(images/t2.gif) repeat-x;
	}

	#dhtmlgoodies_menu ul.menuBlock2{  /* Menu bar - sub menu depth 1 */
	  border:0px;
	  padding:3px;
	  border:1px solid #555;
	} 

	/***********************************************************************
		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;
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-top:2px;
		padding-left:5px;
		padding-right:5px;
		border-left:1px solid #67a7f2;
		border-right:1px solid #69a1e3;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-top:1px;
		padding-left:5px;
		padding-right:5px;
	    background:limegreen  url(images/t1.gif) repeat-x;
		border:1px solid #000;
		border-top:2px solid #000;
	}
	#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{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#E2EBED;
		border:1px solid #000;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}	
	
	

