@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		topnav.css
 * @package		topnav
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

.topnavdiv {
    height: 40px; /* must be same */          
    margin-left: auto;
    margin-right: auto;
    width: 777px;
}
ul.topnav, ul.topnav li, ul.topnav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    z-index: 9999999;
}
ul.topnav {
    background-color: #FFAE12;
    font: 0.7em Arial,Helvetica,sans-serif;
    height: 40px; /* must be same */
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-decoration: none;
    top: 75px;
    white-space: nowrap;
    width: 777px;
}
                                     /*  First Level  */
ul.topnav li {
    background-color: #999999;
    float: left;
    height: 40px;               /* height of 1st level boxes, must also change padding to match this*/
    line-height: 2.1em;
    vertical-align: middle;
	color: #FFFFFF;
	min-width: 37px;
}
ul.topnav li.hover, ul.topnav li:hover {
    cursor: default;
    position: relative;
    z-index: 9999999599;
}
ul.topnav li:hover > ul {
    visibility: visible;
}
ul.topnav li a {
    display: block;
    padding: 8px 10px;      /* must also change height to match this */
}
ul.topnav li.dir {
    padding: 7px 10px 7px 10px;
}
ul.topnav li.drop1 {
    height: 25px;
    padding: 8px 10px 7px 10px;
}
ul.topnav li.drop1:hover {
    background-color: #555555;
    color: #F09A25;
}
                                   /* 2nd Level */
ul.topnav ul {
    left: 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 100%;
    z-index: 9999999598;
}
ul.topnav ul li {
    float: none;
    height: 39px;  /* 2nd level box height, must change padding too*/
    line-height: 1.5em;
}
html>body ul.topnav ul li {
    height: 40px!ie;  /* IE needs 1px bigger */
}
ul.topnav ul li.drop2 {
    padding: 11px 5px 9px 14px;
    background-color: #555555;
	width: 140px; /* Especially for IE */
	height: 19px;          /* height of drop boxex */
}
html>body ul.topnav ul li.drop2 {
 height:20px!ie;    /* IE needs 1px bigger */
}
ul.topnav ul li.drop2:hover {
    background-color: #666;
    color: #FF9900;
}
ul.topnav ul li.dir {
    padding-right: 15px;
}
ul.topnav ul a {
    padding: 12px 5px 11px 14px;  /* Must change height too to match */    
    background-color: #555555;
    color: #FFFFFF;
    text-decoration: none;
    white-space: nowrap;
    width: 140px; /* Especially for IE */
}
ul.topnav ul a:hover {
    background-color: #666666;
    color: #FF9900;
}
ul.topnav li:hover > a.dir {
    background-color: #555555;
    color: #F09A25;
    font-size: 1em;
    height: 24px;  /*  height of first level box  */
}
ul.topnav a.dir {
    color: #FFFFFF;
    outline: medium none;
    text-decoration: none;
}
ul.topnav ul li:hover > a.dir {
    background-color: #666666;
    color: #FF9900;
    height: 17px;  /*  height of 2nd level link box */
}
                                   /*  Orange Nav  */
ul.topnav li.orange {
    background-color: #FFAE12;
    color: #FFFFFF;
    height: 40px;
    outline: medium none;
    text-decoration: none;
    white-space: nowrap;
	min-width: 40px;
	font-weight:bold;
}
ul.topnav li.orange.drop {
    height: 25px;
    padding: 8px 10px 7px 10px;
}
ul.topnav li.orange a {
    color: #FFFFFF;
    font-weight: bold;
    min-width: 40px;
    text-decoration: none;
    white-space: nowrap;
    z-index: 9999999999999999;
}
ul.topnav li.orange a:hover, ul.topnav li.orange:hover {
    color: #555555;
    font-weight: bold;
    white-space: nowrap;
	background-color: #FC9A00;
}
ul.topnav li.orange ul a {
    background-color: #FC9A00;
    color: #FFFFFF;
    outline: medium none;
    text-decoration: none;
    white-space: nowrap;
    width: 65px;
}
ul.topnav li.orange ul a:hover, ul.topnav li.orange ul li:hover {
    background-color: #FFAE12;
    color: #333333;
    text-decoration: none;
    white-space: nowrap;
}

                                  /*  3rd Level  */
ul.topnav ul ul {
    left: 158px;
    top: 0;
}
ul.topnav ul ul li a {
    white-space: nowrap;
    width: 160px;
}