/*------------------------------------------------------------------------------------
    UlNav

    <ul class="ulNav">

        <!-- case with children -->
        <li class="root || rootDaddy"><a class+"root" href="#page.html">Link</a>
            <ul>
                <li class="daddy"><a href="page.html">Link</a>
                    <ul>
                        <li class="daddy"><a href="page.html">Link</a>
                        .....
                        FIVE LEVELS ARE ALLOWED FOR IN THIS CSS
                        .....
                    </ul>
                </li>
            </ul>
        </li>

        <!-- case with no children (only for root elements, for highlighting IE issue)-->
        <li class="root daddy">
            <a class="root" href="page.html">Link</a>
            <ul class="bachelor"></ul>
        </li>

        <!-- case with children, parent page has no url - cursor:none is default here -->
        <li class="root daddy">
            <a class="root" href="#">Link</a>
            <ul>
                <li class="daddy">
                    <a class="emptyPage" href="#">Link</a>
                    <ul>
                        ....
                    </ul>
                </li>
            </ul>
        </li>


    </ul>>

*/

/* SIMPLE */

.dropNav {
  float:left;
  width:100%;
  list-style:none;
  line-height:1.0;
  padding:0;
  margin:0;}

.dropNav li {
  float:left;
  padding:0;
  list-style:none;
  width:13em;}

/* node is root-level */
  .dropNav li.root {
    width:auto;}

.dropNav a {
  display:block;
  width:13em;
  color:#000;
  text-decoration:none;}


/* node is root-level */
  .dropNav a.root {
    width:auto;}

/* node is a page type none */
  .dropNav a.emptyPage {
    cursor:default;}

/* node has children */
.dropNav a.daddy {}

/* root node has children */
.dropNav a.rootDaddy { }


/* nested lists */
.dropNav li ul {
  position:absolute;
  left:-999em;
  width:13em;
  height:auto;
  font-weight:normal;
  margin:0;
  padding:0;
  background-color:#fff;
  z-index: 50;}

.dropNav li li {
  width:13em;}

.dropNav li ul a {
  width:13em;}


/* third level deploys to the right of the parent */
.dropNav li ul ul {
  margin:-1em 0 0 13em;}

/* five levels of deployment */
.dropNav li:hover ul ul,
.dropNav li:hover ul ul ul,
.dropNav li:hover ul ul ul ul,
.dropNav li:hover ul ul ul ul ul,
.dropNav li.hover ul ul,
.dropNav li.hover ul ul ul,
.dropNav li.hover ul ul ul ul,
.dropNav li.hover ul ul ul ul ul {
  left:-999em;}

.dropNav li:hover ul,
.dropNav li li:hover ul,
.dropNav li li li:hover ul,
.dropNav li li li li:hover ul,
.dropNav li li li li li:hover ul,
.dropNav li.hover ul,
.dropNav li li.hover ul,
.dropNav li li li.hover ul,
.dropNav li li li li.hover ul,
.dropNav li li li li li.hover ul {
  left:auto;}

/* highlighting */
.dropNav li.hover, .dropNav li:hover {
  background-color:#ddd;}

  .dropNav li.hover a:hover, .dropNav li:hover a:hover {
    background-color:#ddd;
    color:#000;}

  .dropNav li.hover ul a, .dropNav li:hover ul a {
    color:#000;}

    .dropNav li.hover ul a:visited {
       color: #000000; }

/* Shim Iframe for IE6 */
.bgIframeCont iframe {
	position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);}

/************************************************
 * **Auto-magical click-deployed dropdown menu**
 * Use in conjunction with menu.js
 * Just add class of "expMenu" to any UL you want to make a dropdown, and voila!
 */


/* Functionality */
.clickNav, .clickNav ul, .clickNav li {
    margin: 0;
    padding: 0;
    list-style-type: none;}

.clickNav li {
    clear: both;}

.clickNav li.sfhide ul li {
    position: absolute;
    float: left;
    margin-left: -999em;}

.clickNav li.sfhover ul li {
    position: relative; /* use position:absolute instead to make the menu appear over content, instead of bumping content down */
    margin-left: 0;
    clear: both;
    overflow: hidden;}
/* /Functionality */

/* overrides */
.dropNav {
    width:auto;
    float:left;
    padding:.25em 0 .25em 20px;}

.dropNav li {
  border-bottom:1px dashed #6f1100;}

.dropNav li.root {
  border:0;
  opacity:1;}

.dropNav a {
    color: #000000;
  font-weight:normal;
  padding:.2em .5em .2em 2em;
  background-image:url(/images/arrow_right.png);
  background-repeat:no-repeat;
  background-position:.5em 50%;}

.dropNav li.root a {
    color: #ffffff;}

.dropNav li.root a:visited {
    color: #ffffff;}

  .dropNav a.root {
    padding:.2em .5em;
    background:none;
    border-right:1px solid #fff;}

.dropNav li, .dropNav li ul, .dropNav li li {
  width:15.5em;}

.dropNav li ul {
    margin-top:0em;} /* == padding on the navigation div */

.dropNav li ul ul {
  margin:-1.4em 0 0 15.5em;}


/* highlighting */
.dropNav {
    position: relative;
    z-index: 50;}

.dropNav li.hover, .dropNav li:hover {
  background-color:#fcd19e;}

  .dropNav li.hover a:hover, .dropNav li:hover a:hover {
    background-color:#fcd19e;}