﻿
#cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a {
    margin: 0;
    padding: 0;
    position: relative;
}

#cssmenu {
    border-bottom: 1px dashed #FFFFFF;
    border-top: 1px dashed #FFFFFF;
    height: 25px;
    position: relative;
    margin: 5px 0 5px 0;
}

    #cssmenu:after, #cssmenu ul:after {
        clear: both;
        content: "";
        display: block;
    }

    #cssmenu a {
        color: #FFFFFF;
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 25px;
        padding: 0 20px;
        text-decoration: none;
    }

    #cssmenu ul {
        list-style: none outside none;
    }

    #cssmenu > ul {
        float: left;
    }

        #cssmenu > ul > li {
            float: left;
        }

            #cssmenu > ul > li:hover:after {
                bottom: 0;
                content: "";
                display: block;
                height: 0;
                left: 50%;
                margin-left: -10px;
                position: absolute;
                width: 0;
            }

            #cssmenu > ul > li:first-child > a {
                border-radius: 0;
            }

            #cssmenu > ul > li:last-child > a {
                border-radius: 0;
            }

            #cssmenu > ul > li.active a {
                background: none repeat scroll 0 0 rgba(57, 57, 57, 0.35);
            }

            #cssmenu > ul > li:hover > a {
                background: none repeat scroll 0 0 rgba(57, 57, 57, 0.35);
            }

    #cssmenu .has-sub {
        z-index: 1;
    }

        #cssmenu .has-sub:hover > ul {
            display: block;
        }

        #cssmenu .has-sub ul {
            display: none;
            left: 0;
            position: absolute;
            top: 100%;
            min-width: 250px;
        }

            #cssmenu .has-sub ul li {
            }

                #cssmenu .has-sub ul li a {
                    background: none repeat scroll 0 0 rgba(57, 57, 57, 0.35);
                    display: block;
                    filter: none;
                    font-size: 12px;
                    line-height: 80%;
                    padding: 10px;
                }

                #cssmenu .has-sub ul li:hover a {
                    background: none repeat scroll 0 0 #FF0000;
                }

        #cssmenu .has-sub .has-sub:hover > ul {
            display: block;
        }

        #cssmenu .has-sub .has-sub ul {
            display: none;
            left: 100%;
            position: absolute;
            top: 0;
        }

            #cssmenu .has-sub .has-sub ul li a {
                background: none repeat scroll 0 0 #0C7FB0;
                border-bottom: 1px dotted #6DB2D0;
            }

                #cssmenu .has-sub .has-sub ul li a:hover {
                    background: none repeat scroll 0 0 #095C80;
                }
