#navigation {width:0px; position:relative; z-index:100; margin-top:0px; border:0px solid #F00; padding:0px 0px; float:left; left:-40px; font-weight:bold; font-size:14px; }
/* hack to correct IE5.5 faulty box model */
* html #navigation {width: 235px;; w\idth:234px;
		position:relative;
		float: left;
		margin: 0px; padding: 0px;
		list-style-type: none;
		}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {width:240px;position:relative;
				margin: 0px; padding: 0px;
				border-bottom: 1px solid #CCC;
				text-align: left;
				list-style-type: none;
				background-color:#F5F5F5;
				color:#CCC;
				display:block;
				float:left;
				}
/* style the links for the top level */

/* a hack so that IE5.5 faulty box model is corrected */
* html #navigation a, * html #navigation a:visited {width:235px; w\idth:235px;}

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {background:#F5F5F5}
/* style the second level hover */
#navigation ul ul a.drop:hover{background:#fff; color:#202c32;}
#navigation ul ul :hover > a.drop {background:#fff; color:#202c32;}
/* style the third level background */
#navigation ul ul ul a, #navigation ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#navigation ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {visibility:hidden;position:absolute; top:-10px; left:235px;  padding:4px; background:#F5F5F5; width:145px; border-left:1px solid #CCC;}
/* another hack for IE5.5 */
* html #navigation ul ul {top:-9px;t\op:-10px;}

/* position the third level flyout menu */
#navigation ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:#F5F5F5; color:#CCC; height:auto; line-height:14px; text-indent:0px; display:block; padding:4px; text-decoration:none; color:#666; font-size:14px;} /* texto do submenu sem o mouse */
/* yet another hack for IE5.5 */
* html #navigation ul ul a, * html #navigation ul ul a:visited {width:145px;w\idth:145px;}

/* style the top level hover */
#navigation :hover > a, #navigation ul ul :hover > a {}

/* top level image background placements */
#navigation a.link1 {background-position:-146px 0px; text-decoration:none; color:#CCC; display:block; padding: 4px;}
#navigation a.link1:hover {background-position:-146px 0px; text-decoration:none; color:#CCC; display:block;}
#navigation a.link2 {text-decoration:none; color:#CCC; display:block; padding: 4px; font-weight: bold;}
/* DO NOT consolodate next 2 lines into one, this breaks IE6 */
#navigation a.link2:hover {background-position:-146px -47px; text-decoration:none; color:#CCC; background-color:#E5F0FF;}
#navigation :hover > a.link2, #navigation ul ul :hover > a.link2  {background-position:-146px -47px; text-decoration:none; color:#CCC;}
#navigation a.link3 {background-position:0px -94px; text-decoration:none; color:#CCC;}
#navigation a.link3:hover{background-position:-146px -94px; text-decoration:none; color:#CCC;}
#navigation :hover > a.link3, #navigation ul ul :hover > a.link3  {background-position:-146px -94px;}
#navigation a.link4 {background-position:0px -141px; text-decoration:none; color:#CCC;}
#navigation a.link4:hover {background-position:-146px -141px; text-decoration:none; color:#CCC;}
#navigation :hover > a.link4, #navigation ul ul :hover > a.link4  {background-position:-146px -141px; text-decoration:none; color:#CCC;}
#navigation a.link5 {background-position:0px -188px; text-decoration:none; color:#CCC;}
#navigation a.link5:hover {background-position:-146px -188px; text-decoration:none; color:#CCC;}
#navigation a.link6 {background-position:0px -235px; text-decoration:none; color:#CCC;}
#navigation a.link6:hover {background-position:-146px -235px; text-decoration:none; color:#CCC;}
#navigation a.link7 {background-position:0px -282px; text-decoration:none; color:#CCC;}
#navigation a.link7:hover {background-position:-146px -282px; text-decoration:none; color:#CCC;}
#navigation a.link8 {background-position:0px -329px; text-decoration:none; color:#CCC;}
#navigation a.link8:hover {background-position:-146px -329px; text-decoration:none; color:#CCC;}
#navigation a.link9 {background-position:0px -375px; height:65px; text-decoration:none; color:#CCC;}
#navigation a.link9:hover {background-position:-146px -375px; text-decoration:none; color:#CCC;}

#navigation ul ul a:hover {background-color:#E5F0FF; color:#000; text-decoration:none; color:#666;}/*texto do submenu */
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ visibility:visible;}