#menu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu*/
	    display: block;  /*inline;*/
	    position: relative;   /*absolute;*/
		margin-left: 25px;
	    left: 0px;
	    top: 2px !important;
	    top: 10px;
        z-index: 10000;  /*valor alto para possibilitar submenus abrirem sobre outros objetos*/
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none; /*Lista sem nenhum marcador ex:bolinha, quadrinho*/
}

#menu li {
   /*margin: 0;*/
        margin-bottom: 1px;
	    border: 0;
	    display: block;
	    position: relative;
        float: left;
}

#menu a {
        float: none;
	    display: block;
}


* html #menu li a {
	    position: relative; /* Fix IE6's inability to expand clickable area */
}

#menu li ul {
	    visibility: hidden;
	    position: absolute;
	    z-index: 50;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu li ul {
	    display: none;
}

#menu li li {
	    width: 100%;
}

/* fix the position */
#menu li li ul {
	    top: 0;
	    left: 100%;
}

/* simulate child selector for IE */
div#menu li:hover ul, div#menu li.over ul,
#menu li:hover li:hover ul, #menu li.over li.over ul,
#menu li:hover li:hover li:hover ul, #menu li.over li.over li.over ul {
	    visibility: visible;
}

div#menu li:hover li ul, div#menu li.over li ul,
#menu li:hover li:hover li ul, #menu li.over li.over li ul,
#menu li:hover li:hover li:hover li ul, #menu li.over li.over li.over li ul {
	    visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu ul#menuList li:hover > ul, #menu ul#menuList li.over > ul { 
	    display: block;
	    visibility: visible; 
}

#menu {
	    font-family: Courier, Arial, Verdana;
	    font-size: 11px;
	/*	font-weight: bolder;  */
	    height: 5px;    /* Height mentioned above */
	    width: 660px;
}

#menu li ul li{
/*	background-image: url(images/background_link.jpg);
	background-repeat: no-repeat;
	background-position: 0% 1px; */
}

#menu li:hover, #menu li.over {
        background-color: #74BE6F; /*ie*/
        /* background-image: url(images/background_link.jpg); */
}

#menu li ul li:hover, #menu li ul li.over  {
/*  background-image: url(images/background_link.jpg);
    background-repeat: repeat-x;  */
        background-color: #9EED9C; /*ie*/
}

#menu a {
	    text-decoration: none;
	    text-align: center;
        font-family: arial, sans-serif;
	    font-size: 14px;
	    color: #000000 !important;
	    padding: 4px 15px 3px 5px;
   /*top,right,bottom,left
     border-left: 1px solid #000;
	 border-right: 1px solid #000;*/
}

#menu li ul a {    /*opçoes do menu - nivel 1*/
	    text-decoration: none;
	    color: #000 !important;	
        border-left: 1px solid #CCC;
	    border-right: 1px solid #CCC;
	    border-bottom: 1px solid #CCC;
}

#menu li:hover > a, #menu li.over > a, #menu a:hover, #menu a.over {
/*background-image: url(images/background_link.jpg);
  background-repeat: no-repeat;
  background-position: 1% 1px;*/
        background-color: #74BE6F; /*firefox*/
}

#menu li ul li:hover > a, #menu li ul li.over > a {
  /*background-image: url(images/background_link.jpg);
	background-repeat: no-repeat;
	background-position: 0% 1px;*/
        background-color: #9EED9C; /*firefox*/
}

#menu li ul.pequeno {
	    background-color: #FFFFF0;
	    width: 120px;  /*tamanho do sub_menu*/
}

#menu li ul.medio {
	    background-color: #FFFFF0;
	    width: 160px;  /*tamanho do sub_menu*/
}

#menu li ul.grande {
	    background-color: #FFFFF0;
	    width: 180px;  /*tamanho do sub_menu*/
}

#menu li ul a {
	    text-align: left;
}

#menu a.submenu {
        background-repeat: no-repeat;
        background-position: 100%;
		height: 24px;
		width: 98px !important;
        width: 105px;
        padding: 3px 3px 0px 3px;
    	font-weight: bold;    
}