#menu {
            width: 100%;
            height: 40px;
            clear: both;
        }

        ul#nav {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
        }

            ul#nav li {
                display: inline;
            }

                ul#nav li a {
                    float: left;
                    color: #13136e;
                    text-decoration: none;
                    margin-left: 0px;
                    padding: 5px 28px;
                    line-height:40px;
                    font-weight:bold;
                    font-size:16px;
                
                }
                ul#nav li a:hover {
                  background-color:#ffab3f;
                  color:#13136e;
                }

            /* APPLIES THE ACTIVE STATE */
            /*ul#nav .current a, ul#nav li:hover > a {
                    color: #fff;
                    margin-left:30px;
                    text-decoration: none;
                    text-shadow: 1px 1px 1px #330000;
                    background: #bb0000;
                    -moz-border-radius-topright: 10px;
                    -webkit-border-top-right-radius: 10px;
                    -moz-border-radius-topleft: 10px;
                    -webkit-border-top-left-radius: 10px;
                }*/

            /* THE SUBMENU LIST HIDDEN BY DEFAULT */
            ul#nav ul {
                display: none;
                margin-left: 20px;
                position:static;
            z-index:999999;
            }

            /* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */
            ul#nav li:hover > ul {
                position: absolute;
                display: block;
                height: 45px;
                margin: 40px 0 0 0;
                /*background: #aa0000;
                -moz-border-radius-bottomright: 10px;
                -webkit-border-bottom-right-radius: 10px;
                -moz-border-radius-bottomleft: 10px;
                -webkit-border-bottom-left-radius: 10px;*/
            }

        .divinside {
            /*position: absolute;
                display:block;
                width: 100%;
                height: 45px;
                margin: 40px 0 0 0;*/
            display: inline-block;
            margin-top:22px;
            width: 1170px;
               background: rgb(242,230,188);
	background: -moz-linear-gradient(top, rgba(242,230,188,1) 1%, rgba(251,242,211,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,230,188,1)), color-stop(100%,rgba(251,242,211,1)));
	background: -webkit-linear-gradient(top, rgba(242,230,188,1) 1%,rgba(251,242,211,1) 100%);
	background: -o-linear-gradient(top, rgba(242,230,188,1) 1%,rgba(251,242,211,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,230,188,1) 1%,rgba(251,242,211,1) 100%);
	background: linear-gradient(to bottom, rgba(242,230,188,1) 1%,rgba(251,242,211,1) 100%);
            -moz-border-radius-bottomright: 10px;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            -webkit-border-bottom-left-radius: 10px;
            
        }

        ul#nav li:hover > ul li a {
            float: left;
            color: #444;
            text-decoration: none;
            margin: 15px 13px 0px 13px;
            padding: 0 0px 0 0;
            /*background: #fff;*/
        }

            ul#nav li:hover > ul li a:hover {
                color: #444;
                text-decoration: none;
                text-shadow: none;
            }

        .imgall {
            margin-top: 0px;
            width: 120px;
            height: 170px;            
        }


        .imgtop {
            height: 120px;
            max-width: 100%;
            max-height: 100%;
            border: 1px solid #1c6495;
            background-color:#fff;
            text-align:center;
            
        }
        .imgtop:hover {
              border: 1px solid #f25e22;

        }
            .imgtop img {
                text-align:center;
                width: 100%;
                height: 100%;
            }
        .imgbtn {
            height: 50px;
            line-height:17px;
            font-size: 13px;
            text-align: center;
        }
ul#nav li ul li a {
    padding:5px;
}

ul#nav li ul li a:hover {
    background:none;
    color:#f25e22 !important;
}

 .suboverlay{
    display: inline-block;
    width:100%;

 }
        
        .overlay {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 5000;
            top: 0;
            left: 0;
            background-color: rgb(0,0,0);
            background-color: rgba(0,0,0, 0.9);
            overflow-x:hidden;
            transition: 0.5s;
        }

        .overlay-content {
            position: relative;
            top: 20%;
            width: 100%;
            text-align: center;
            margin-top: -75px;
            overflow-y:hidden;
        }

        .overlay a {
            width:100%;
            text-align:left;
            float:left;
            padding: 8px;
            text-decoration: none;
            font-size: 16px;
            color: #818181;
            display: block;
            transition: 0.3s;
        }

            .overlay a:hover, .overlay a:focus {
                color: #f1f1f1;
            }

        .overlay .closebtn {
            position: absolute;
            top: 15px;
            left: 15px;
            font-size: 40px;
        }

        @media{
            .overlay a {
                width:100%;
                text-align:left;
                font-size: 16px;
            }

            .overlay .closebtn {
                position:absolute;
                font-size: 40px;
                top: 15px;
                left: 15px;
            }
        }