@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
 font-weight: bold;
 text-align: left;
 z-index: 1599;
}


    ul.dropdown li {
     padding: 7px 10px;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #fff #cbe0f8 #cbe0f8;
/*    background-color: #f6f6f6;*/
     background-color: #0d3c71;
     color: #000;
     z-index: auto;
    }

    ul.dropdown li.hover,
    ul.dropdown li:hover {
     background-color: #2474ba;
     color: #000;
 z-index: 1599;

    }

    ul.dropdown a:link,
    ul.dropdown a:visited    { color: #000; text-decoration: none; }
    ul.dropdown a:hover        { color: #000; }
    ul.dropdown a:active    { color: #ffa500; }


    /* -- level mark -- */

    ul.dropdown ul {
     width:350px;
     margin-top: 1px;
 z-index: 1599;
    }

        ul.dropdown ul li {
     width: 250px;    
         font-weight: normal;
          z-index: 1000;
          
        }



/*-------------------------------------------------/
 * @section        Support Class `dir`
 * @level sep    ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url('/images/nav-arrow-down.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
 z-index: 1599;
 left: 0;
}

li.dropdownbelow1{
 padding-right: 20px;
 width: 300;
 background-image: url(/images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
font-family:verdana ; 
font-size: 12px; 
font-weight: bold;
text-align: left;
 z-index: 1599;
 }
 
li.dropdownbelow2{
 padding-right: 20px;
 width: 400px;
 height: 15px;
 background-image: url(/images/nav-arrow-down2.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 font-family:verdana ; 
 font-size: 12px; 
 font-weight: bold;
 text-align: left;
 z-index: 1000;
 
}

/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url('/images/nav-arrow-right.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
 z-index: 1599;
}

ul.dropdown-upward *.dir {
 background-image: url('/images/nav-arrow-top.png');
}

ul.dropdown-vertical *.dir,
ul.dropdown2-upward2 ul *.dir {
 background-image: url(/images/nav-arrow-right-white.png);
 z-index: 1599;
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url('/images/nav-arrow-left.png');
 background-position: 0 50%;
 z-index: 1599;
}
























ul.dropdown2 {
 font-weight: bold;
 text-align: left;
 z-index: 1599;
}


    ul.dropdown2 li {
     padding: 7px 10px;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #fff #cbe0f8 #cbe0f8;
/*    background-color: #f6f6f6;*/
     background-color: #0d3c71;
     color: #000;
     z-index: auto;
    }

    ul.dropdown2 li.hover,
    ul.dropdown2 li:hover {
     background-color: #2474ba;
     color: #000;
 z-index: 1599;

    }

    ul.dropdown2 a:link,
    ul.dropdown2 a:visited    { color: #000; text-decoration: none; }
    ul.dropdown2 a:hover        { color: #000; }
    ul.dropdown2 a:active    { color: #ffa500; }


    /* -- level mark -- */

    ul.dropdown2 ul {
     width:350px;
     margin-top: 1px;
 z-index: 1599;
    }

        ul.dropdown2 ul li {
     width: 250px;    
         font-weight: normal;
          z-index: 1000;
          
        }



/*-------------------------------------------------/
 * @section        Support Class `dir`
 * @level sep    ul, .class
 */


ul.dropdown2 *.dir {
 padding-right: 20px;
 background-image: url('/images/nav-arrow-down.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
 z-index: 1599;
 left: 0;
}

li.dropdownbelow1{
 padding-right: 20px;
 width: 300;
 background-image: url(/images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
font-family:verdana ; 
font-size: 12px; 
font-weight: bold;
text-align: left;
 z-index: 1599;
 }
 
li.dropdownbelow2{
 padding-right: 20px;
 width: 400px;
 height: 15px;
 background-image: url(/images/nav-arrow-down2.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 font-family:verdana ; 
 font-size: 12px; 
 font-weight: bold;
 text-align: left;
 z-index: 1000;
 
}

/* -- Components override -- */

ul.dropdown-horizontal2 ul *.dir {
 padding-right: 15px;
 background-image: url('/images/nav-arrow-right.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
 z-index: 1599;
}

ul.dropdown-upward2 *.dir {
 background-image: url('/images/nav-arrow-top.png');
}

ul.dropdown-vertical2 *.dir,
ul.dropdown2-upward2 ul *.dir {
 background-image: url(/images/nav-arrow-right-white.png);
 z-index: 1599;
}

ul.dropdown-vertical-rtl2 *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url('/images/nav-arrow-left.png');
 background-position: 0 50%;
 z-index: 1599;
}


























ul.dropdown3 {
 font-weight: bold;
 text-align: left;
 z-index: 1599;
}


    ul.dropdown3 li {
     padding: 7px 10px;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #fff #cbe0f8 #cbe0f8;
/*    background-color: #f6f6f6;*/
     background-color: #0d3c71;
     color: #000;
     z-index: auto;
     
    }


    ul.dropdown3 li.hover,
    ul.dropdown3 li:hover {
     background-color: #2474ba;
     color: #000;
 z-index: 1599;

    }


    ul.dropdown3 a:link,
    ul.dropdown3 a:visited    { color: #000; text-decoration: none; }
    ul.dropdown3 a:hover        { color: #000; }
    ul.dropdown3 a:active    { color: #ffa500; }


    /* -- level mark -- */

    ul.dropdown3 ul {
     width:115px;
     margin-top: 1px;
 z-index: 1599;
          left: 398px;
          
    }


        ul.dropdown3 ul li {
     width: 115px;    
         font-weight: bold;
          z-index: 1000;
          
          
        }




/*-------------------------------------------------/
 * @section        Support Class `dir`
 * @level sep    ul, .class
 */


ul.dropdown3 *.dir {
 padding-right: 20px;
 background-image: url('/images/nav-arrow-down.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
 z-index: 1599;
 left: 0;
 text-align: right;      
      
}


li.dropdownbelow1{
 padding-right: 20px;
 width: 300;
 background-image: url(/images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
font-family:verdana ; 
font-size: 12px; 
font-weight: bold;
text-align: left;
 z-index: 1599;
 
 }
 
li.dropdownbelow2{
 padding-right: 20px;
 width: 400px;
 height: 15px;
 background-image: url(/images/nav-arrow-down2.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 font-family:verdana ; 
 font-size: 12px; 
 font-weight: bold;
 text-align: left;
 z-index: 1000;
 
}

/* -- Components override -- */

ul.dropdown-horizontal3 ul *.dir {
 padding-right: 15px;
 background-image: url('/images/nav-arrow-right.png');
 background-position: 100% 50%;
 background-repeat: no-repeat;
 z-index: 1599;
}

ul.dropdown-upward2 *.dir {
 background-image: url('/images/nav-arrow-top.png');
}

ul.dropdown-vertical3 *.dir,
ul.dropdown2-upward3 ul *.dir {
 background-image: url(/images/nav-arrow-right-white.png);
 background-position: right;
 z-index: 1599;
 text-align: left;
}


ul.dropdown-vertical-rtl3 *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url('/images/nav-arrow-left.png');
 background-position: 0 50%;
 z-index: 1599;
}