@charset "utf-8";
/* CSS Document */

#topnavi {
            height: 34px;
            margin: 0px;
            padding: 0px;
			width: 780px;
            position: relative;
			left: 44px;
			top: 77px;
			display: block;
}

#topnavi li {
            margin: 0px;
            padding: 0px;
            list-style: none;
            display: inline-block;
            height: 34px;
            top: 0px;
            float:left;
			position: relative;
}

#topnavi li a {

            display: block;
            color: #fff;
			font-weight: bold;
            padding: 7px 0px;
			width: 110px;
			height: 34px;
            font-size: 12px;
            text-align: center;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;

}

#topnavi li:hover a {

            color: #faba2c;

}

/*********************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: 20px; display: inline-block; position:relative; top: 0px; float:left; margin: 0px; padding: 0px;}
#topnavi li:hover li a, #topnavi li:hover li:hover li a  {width: 170px; text-align:left; line-height: 15px; height: 15px;  font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 3px 5px; background: #042138; top: -1px; color: #fff; z-index: 500;}

/*hover state*/
#topnavi li:hover li:hover a, #topnavi li:hover li:hover li:hover a {color: #faba2c;}

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

/*position of second level*/
#topnavi li:hover ul li:hover ul {position:absolute; top: 0px; left: 140px; width: 170px;}