/* * 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }*/


/*********************my change **************************************
a:hover                             { text-decoration :underline; } 
img                                 { border:0px; }

/*********************************************************************/



/* 
	LEVEL ONE
*/



ul.kaleDropdown {
    position: relative;
    float: left;
    width: 100%;
    padding: 2px 0px;
    font: 12px "Roboto";
}

    ul.kaleDropdown li {
        font-weight: bold;
        float: left;
        elevation: higher;
        margin-right: 0px;
    }

    ul.kaleDropdown a:hover {
        color: #EE0000;
    }
    /* */
    ul.kaleDropdown a:active {
        color: #ffa500;
    }
    /**/
    ul.kaleDropdown li a {
        display: block;
        padding: 0px 8px; /*border-right: 1px solid #333;*/
        color: #222;
    }

    ul.kaleDropdown li:last-child a {
        border-right: none;
    }
    /* Doesn't work in IE */
    ul.kaleDropdown li.hover,
    ul.kaleDropdown li:hover {
        background: #F1F1F1;
        color: black;
        position: relative;
    }

        ul.kaleDropdown li.hover a {
            color: #000 !important;
        }



    /* 
	LEVEL TWO
*/
    ul.kaleDropdown ul {
        width: auto;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        border: none;
    }

        ul.kaleDropdown ul li {
            font-weight: normal;
            background: #f6f6f6;
            color: #000;
            background-color: #ddd;
            border-bottom: 1px solid #ccc;
            float: none;
            line-height: 16px;
        }

            /* IE 6 & 7 Needs Inline Block */
            ul.kaleDropdown ul li a {
                border-right: none;
                width: 100%;
                display: inline-block;
            }

                ul.kaleDropdown ul li a:hover {
                    color: #000;
                    border-right: none;
                    width: 100%;
                    display: inline-block;
                }

            /* new Added */
            ul.kaleDropdown ul li ul li a {
                width: 50px;
            }

            ul.kaleDropdown ul li ul li ul li a {
                width: 50px;
            }

            ul.kaleDropdown ul li ul li a:hover {
                color: Maroon;
            }

            ul.kaleDropdown ul li ul li ul li a:hover {
                color: Orange;
            }
        /* new Added */

        /* 
	LEVEL THREE
*/
        ul.kaleDropdown ul ul {
            left: 100%;
            top: 0;
        }

    ul.kaleDropdown li:hover > ul {
        visibility: visible;
    }

/* * 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }*/


/*********************my change **************************************
a:hover                             { text-decoration :underline; } 
img                                 { border:0px; }

/*********************************************************************/



/* 
	LEVEL ONE
*/
ul.kaleDropdown {
    position: relative;
    float: left;
    width: 100%;
    padding: 2px 0px;
}

    ul.kaleDropdown li {
        font-weight: bold;
        float: left;
        elevation: higher; /*border-left:1px solid;*/
    }

    ul.kaleDropdown a:hover {
        color: #d91b43;
    }
    /* */
    ul.kaleDropdown a:active {
        color: #ffa500;
    }
    /**/
    ul.kaleDropdown li a {
        display: block;
        padding: 0px 8px; /*border-right: 1px solid #333;*/
        color: #222;
    }

    ul.kaleDropdown li:last-child a {
        border-right: none;
    }
    /* Doesn't work in IE */
    ul.kaleDropdown li.hover,
    ul.kaleDropdown li:hover {
        background: #F1F1F1;
        color: black;
        position: relative;
    }

        ul.kaleDropdown li.hover a {
            color: #000 !important;
        }



    /* 
	LEVEL TWO
*/
    ul.kaleDropdown ul {
        width: 108px;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 36px;
        border: none;
        text-align: right;
    }

        ul.kaleDropdown ul li {
            font-weight: normal;
            background: #f6f6f6;
            color: #000;
            background-color: #ddd;
            border-bottom: 1px solid #ccc;
            float: none;
            line-height: 16px;
        }

            /* IE 6 & 7 Needs Inline Block */
            ul.kaleDropdown ul li a {
                border-right: none;
                width: 100%;
                display: inline-block;
            }

                ul.kaleDropdown ul li a:hover {
                    color: #000;
                    border-right: none;
                    width: 100%;
                    display: inline-block;
                }

            /* new Added */
            ul.kaleDropdown ul li ul li a {
                width: 50px;
            }

            ul.kaleDropdown ul li ul li ul li a {
                width: 50px;
            }

            ul.kaleDropdown ul li ul li a:hover {
                color: Maroon;
            }

            ul.kaleDropdown ul li ul li ul li a:hover {
                color: Orange;
            }
        /* new Added */

        /* 
	LEVEL THREE
*/
        ul.kaleDropdown ul ul {
            left: 100%;
            top: 0;
        }

    ul.kaleDropdown li:hover > ul {
        visibility: visible;
    }
/* * 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }*/


/*********************my change **************************************
a:hover                             { text-decoration :underline; } 
img                                 { border:0px; }

/*********************************************************************/



/* 
	LEVEL ONE
*/



ul.kaleDropdown {
    position: relative;
    float: left;
    width: 100%;
    padding: 2px 0px;
    font: 12px "Roboto";
}

    ul.kaleDropdown li {
        font-weight: bold;
        float: left;
        elevation: higher;
        margin-right: 0px;
    }

    ul.kaleDropdown a:hover {
        color: #EE0000;
    }
    /* */
    ul.kaleDropdown a:active {
        color: #ffa500;
    }
    /**/
    ul.kaleDropdown li a {
        display: block;
        padding: 0px 8px; /*border-right: 1px solid #333;*/
        color: #222;
    }

    ul.kaleDropdown li:last-child a {
        border-right: none;
    }
    /* Doesn't work in IE */
    ul.kaleDropdown li.hover,
    ul.kaleDropdown li:hover {
        background: #F1F1F1;
        color: black;
        position: relative;
    }

        ul.kaleDropdown li.hover a {
            color: #000 !important;
        }



    /* 
	LEVEL TWO
*/
    ul.kaleDropdown ul {
        width: auto;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        border: none;
    }

        ul.kaleDropdown ul li {
            font-weight: normal;
            background: #f6f6f6;
            color: #000;
            background-color: #ddd;
            border-bottom: 1px solid #ccc;
            float: none;
            line-height: 16px;
        }

            /* IE 6 & 7 Needs Inline Block */
            ul.kaleDropdown ul li a {
                border-right: none;
                width: 100%;
                display: inline-block;
            }

                ul.kaleDropdown ul li a:hover {
                    color: #000;
                    border-right: none;
                    width: 100%;
                    display: inline-block;
                }

            /* new Added */
            ul.kaleDropdown ul li ul li a {
                width: 50px;
            }

            ul.kaleDropdown ul li ul li ul li a {
                width: 50px;
            }

            ul.kaleDropdown ul li ul li a:hover {
                color: Maroon;
            }

            ul.kaleDropdown ul li ul li ul li a:hover {
                color: Orange;
            }
        /* new Added */

        /* 
	LEVEL THREE
*/
        ul.kaleDropdown ul ul {
            left: 100%;
            top: 0;
        }

    ul.kaleDropdown li:hover > ul {
        visibility: visible;
    }

/* * 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#page-wrap							{ width: 800px; margin: 25px auto; } 
a									{ text-decoration: none; }
ul									{ list-style: none; }
p                                   { margin: 15px 0; }*/


/*********************my change **************************************
a:hover                             { text-decoration :underline; } 
img                                 { border:0px; }

/*********************************************************************/



/* 
	LEVEL ONE
*/
ul.kaleDropdown {
    position: relative;
    float: left;
    width: 100%;
    padding: 2px 0px;
}

    ul.kaleDropdown li {
        font-weight: bold;
        float: left;
        elevation: higher; /*border-left:1px solid;*/
    }

    ul.kaleDropdown a:hover {
        color: #d91b43;
    }
    /* */
    ul.kaleDropdown a:active {
        color: #ffa500;
    }
    /**/
    ul.kaleDropdown li a {
        display: block;
        padding: 0px 8px; /*border-right: 1px solid #333;*/
        color: #222;
    }

    ul.kaleDropdown li:last-child a {
        border-right: none;
    }
    /* Doesn't work in IE */
    ul.kaleDropdown li.hover,
    ul.kaleDropdown li:hover {
        background: #F1F1F1;
        color: black;
        position: relative;
    }

        ul.kaleDropdown li.hover a {
            color: #000 !important;
        }



    /* 
	LEVEL TWO
*/
    ul.kaleDropdown ul {
        width: 108px;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 36px;
        border: none;
        text-align: right;
    }

        ul.kaleDropdown ul li {
            font-weight: normal;
            background: #f6f6f6;
            color: #000;
            background-color: #ddd;
            border-bottom: 1px solid #ccc;
            float: none;
            line-height: 16px;
        }

            /* IE 6 & 7 Needs Inline Block */
            ul.kaleDropdown ul li a {
                border-right: none;
                width: 100%;
                display: inline-block;
            }

                ul.kaleDropdown ul li a:hover {
                    color: #000;
                    border-right: none;
                    width: 100%;
                    display: inline-block;
                }

            /* new Added */
            ul.kaleDropdown ul li ul li a {
                width: 50px;
            }

            ul.kaleDropdown ul li ul li ul li a {
                width: 50px;
            }

            ul.kaleDropdown ul li ul li a:hover {
                color: Maroon;
            }

            ul.kaleDropdown ul li ul li ul li a:hover {
                color: Orange;
            }
        /* new Added */

        /* 
	LEVEL THREE
*/
        ul.kaleDropdown ul ul {
            left: 100%;
            top: 0;
        }

    ul.kaleDropdown li:hover > ul {
        visibility: visible;
    }