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

#topnavi {

            height: 83px;
            margin: 0px;
            padding: 0px;
            position: relative;
            float: right;

}

#topnavi li {

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

}

#topnavi li a {

            display: block;
            color: #005a7f;
			font-weight: bold;
            padding: 7px 0px 0px 0px;
			width: 116px;
			height: 32px;
            font-size: 10px;
            text-align: center;
            text-decoration: none;
            font-family: Arial, Helvetica, sans-serif;
            background: url(../images/nav-bkgrnd-shadow.jpg) no-repeat;

}

#topnavi li:hover a {

            color: #000000;
			font-weight: bold;
            background: url(../images/nav-bkgrnd-white.jpg) no-repeat;

}

/*********************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:center; line-height: 15px; height: 15px;  font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 3px; background: #ffffff; border: 1px solid #C0C0C0; top: -1px; color: #301605;}

/*hover state*/
#topnavi li:hover li:hover a, #topnavi li:hover li:hover li:hover a {color: #005a7f; border: 1px solid #C0C0C0; background: #EDEDEE;}

/*position of first level*/
#topnavi li:hover ul {position:absolute; top: 39px; left:-39px; width:170px;}

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