/* General styles for this example page */
#menu {
	width: 778px;
	height: 49px;
	background-image: url(../img/index/menu.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
}
#nav{
	width: 778px;
	height: 49px;
	background-image: url(../img/att/menu.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
}
#nav div#dhtmlgoodies_menu {
	margin: 12px 0px 0px 70px;
	background-image: url(../img/menu/linha.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#menu div#dhtmlgoodies_menu {
	margin: 15px 0px 0px 120px;
	background-image: url(../img/menu/linha.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#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 */
}
#dhtmlgoodies_menu li{
	list-style-type:none;	/* No bullets */
	margin-bottom: 0px;
}	
#dhtmlgoodies_menu a {
	margin:0px;
	padding:0px;
}
#dhtmlgoodies_menu a img {
	margin: 0px 22px 0px 26px;
}
/* End general configuration CSS */


/* Cosmetic */

/***********************************************************************
	CSS - MENU BLOCKS
	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#dhtmlgoodies_menu ul{
	border: 1px solid #CCCCCC;
	padding:1px;
}

#dhtmlgoodies_menu ul li ul.menuBlock1 {
	background-color:#FFF;
}
	
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	width: 150px;
	background-color: #FFFFFF;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	padding: 1px;
}
#dhtmlgoodies_menu ul.menuBlock3{	/* Menu bar - main menu items */
	width: 150px;
	border: 0px;
	padding: 1px;
	margin-left: 50px;
	background-color:#FFF;
	border: 1px solid #CCCCCC;
}

/***********************************************************************
	CSS - MENU ITEMS
	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{
	font-size: 7pt;
	color: #000;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	line-height: bold;
}

/*
Main menu items 
*/

#dhtmlgoodies_menu .currentDepth1{
	padding-right:5px;
	border: none;
	background-image: url(../img/menu/linha.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
#dhtmlgoodies_menu .currentDepth1over{
	padding-right:5px;
	border: none;
	background-image: url(../img/menu/linha.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
#dhtmlgoodies_menu .currentDepth1 a{
	color:#FFF;
	font-weight:bold;
	line-height: normal;
	
}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	color:#FFF;
	font-weight:bold;
	line-height: normal;
}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
	padding: 2px;
	border-bottom: 1px solid #999999;
	margin-bottom: 3px;
}
#dhtmlgoodies_menu .currentDepth2over{
	padding: 2px;
	background-color: #003300;
	margin-bottom: 4px;
}	
#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
	color:#FFFFFF;
}	
/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3{
	padding: 2px;
	background-color:#FFF;
	border: none;
}
#dhtmlgoodies_menu .currentDepth3over{
	padding: 2px;
	background-color: #085735;
	border: none;
}

#dhtmlgoodies_menu .currentDepth3over a{	/* Text rules */
	color:#FFFFFF;
}	
/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{
	padding-right:2px;
	border: none;
}
#dhtmlgoodies_menu .currentDepth4over{
	padding-right:2px;
	background-color:#EBEDE3;
	border: none;
}