#topnavi {

            height: 27px;
            margin: 0px;
            padding: 0px;
            position: relative;
            float: left;

}

#topnavi li {

            margin: 0px;
            padding: 0px;
            list-style: none;
            position: relative;
            display: inline-block;
            height: 27px;
            top: 0px;
            float:left;

}

#topnavi li a {

            display: block;
            color: #000000;
            padding: 5px 6px 0px 6px;
            font-size: 12px;
            text-align: center;
            text-decoration: none;
			font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            /*border-left: 4px solid #eed9c6;*/

}

#topnavi li:hover a {

            color: #FFFFFF;
           /*border-left: 4px solid #301605;*/
           /*background-color:#f9f4ed;*/

}
/*********************POPOUT***********************/

/*leave alone*/
#topnavi li ul, #topnavi li:hover ul li ul {display:none;}
#topnavi li:hover ul, #topnavi li:hover ul li:hover ul { display:block;}


/*color and dimensions*/
#topnavi li:hover li {height:22px; display: inline-block; position:relative; top: 0px; float:left; z-index:5;}

#topnavi li:hover li a, #topnavi li:hover li:hover li a  {width:170px; text-align:center; font-size:12px; padding: 3px; background-color: #00CCFF; border: #333333 solid 1px; top:-1px; color: #FFFFFF; z-index:5;}


/*hover state*/
#topnavi li:hover li:hover a, #topnavi li:hover li:hover li:hover a {color: #000000; background-color: #ffa120; z-index:5;}


/*position of first level*/
#topnavi li:hover ul {position: absolute; top: 27px; left:-40px; width: 170px; z-index:5;}


/*position of second level*/
#topnavi li:hover ul li:hover ul {position: absolute; top: 0px; left: 137px; width:170px; z-index:5;}