@charset "UTF-8";

/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file                default.css
 * @name                Default
 * @version                0.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
 *
 */

@import "helper.css";


/*-------------------------------------------------/
 * @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 {
        clear: both; 
        padding: 0; 
        width: 100%; 
}

        ul.dropdown li {
                margin: 0 0 0 0; 
                padding: 0;
        }
        
        /* Headers */
        ul.dropdown li .header { 
                float: left; 
                font-size: 12px; 
        }
        ul.dropdown li .header strong { 
                float: left; 
                height: 32px; 
                line-height: 10px; 
                padding: 0 0px 0 px; 
        }
        
        /* Hover headers */
        ul.dropdown li.hover .header,
        ul.dropdown li:hover .header {

        }        
        
        /* Single */
        ul.dropdown li.hover .header,
        ul.dropdown li:hover .header {

        }        
        ul.dropdown li.hover .header strong,
        ul.dropdown li:hover .header strong {

        }
        
        /* Multiple */
        ul.dropdown li.dir.hover .header,
        ul.dropdown li.dir:hover .header {

        }        
        ul.dropdown li.dir.hover .header strong,
        ul.dropdown li.dir:hover .header strong {

        }        
        
        

        /* -- level mark -- */

        ul.dropdown ul {
                 width: 221px;
                 margin-top: 1px;
        }

                ul.dropdown ul li {
                         background: url(../images/menu.gif) repeat-y;
                 line-height: 18px;
                 vertical-align: top;
                }
                
                ul.dropdown ul .first { 
                        background: url(../images/first.gif) right 0 no-repeat; 

                        }
                
                ul.dropdown ul .last { 
                        background: url(../images/last.gif) 0 bottom no-repeat;

                }
                
                ul.dropdown ul .first a:hover {
                         background: url(../images/first1.gif) no-repeat;
                color: #563868;
                }

                ul.dropdown ul .last a:hover {
                         background: url(../images/last1.gif)  0 bottom no-repeat;
                color: #563868;
                }

                ul.dropdown ul li a {
                        display: block;
                        text-align: left;
                        font-weight: bold;
                        padding: 3px 0 4px 20px;
border-top: 1px solid #c1cdeb;
                        color: #e1f1f1;
                        text-decoration: none;
                                        }
                
                ul.dropdown ul li a:hover {
                        padding: 3px 0 4px 40px;
                        font-weight: bold;
			color: #563868;
			background-color: #C4AFD1;
			text-decoration: none;
                         background: url(../images/menu1.gif) repeat-y;
		}
		
		ul.dropdown ul .first a {
			border: 0;
		}