﻿
#menu-top {
    width:100%;
}
    #menu-top img{
        margin-right: 15px;
    }

    #menu-top-left {
        margin: 20px 0px 0px 20px;
        z-index: 10;
        width:500px;
        float:left;
        clear: both;
        font-weight: bold;
    }

    #menu-top-left h1{
        display: inline-block;
        font-size: 40px;
        color:#f96c13;
        margin: 0px;
        padding: 3px 0px 0px 0px;
    }

    #menu-top-left h2{
        display: inline-block;
        font-size: 30px !important;
        color:#f96c13;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
    }

        #menu-top-left h2 > a, #menu-top-left h1 > a {
            text-decoration: none;
            color:#f96c13;
        }

    #menu-top-right {
        padding-top: 20px; padding-right: 5px;
        
        z-index: 10;
        float:right;
        font-size: 1.2em;
        width:550px;
        text-align:right;
    }
    
#menu-wrap{
    float: right;
	width: 100%;
	clear: both;
	z-index: 20;
    display: flex;
    justify-content: flex-end;
}

#skip-wrap{
    height: 5px;
    position: relative;
	top: 0;
	z-index: 10;
    width:100px;
}

    #skip-wrap a{
        font-size: 5px;
        color:#fff;
    }

   
#top-menu{
    margin-top: 0px;
    margin-bottom: 5px;
    float: left;
	margin-right: 5px;
}

    #top-menu li{
        list-style-type: none;
        float: left;
        position: relative;
	    margin-left: 10px;
    }
    
    #top-menu li a{
     border:1px solid #82c34c; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:1.1em;font-family:arial, helvetica, sans-serif; padding: 3px 20px 3px 20px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
     background-color: #9FD176; background-image: -webkit-gradient(linear, left top, left bottom, from(#9FD176), to(#749956));
     background-image: -webkit-linear-gradient(top, #9FD176, #749956);
     background-image: -moz-linear-gradient(top, #9FD176, #749956);
     background-image: -ms-linear-gradient(top, #9FD176, #749956);
     background-image: -o-linear-gradient(top, #9FD176, #749956);
     background-image: linear-gradient(to bottom, #9FD176, #749956);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9FD176, endColorstr=#749956);
    }

    #top-menu li a:hover{
     border:1px solid #6ba839;
     background-color: #9EE862; background-image: -webkit-gradient(linear, left top, left bottom, from(#9EE862), to(#7DB84C));
     background-image: -webkit-linear-gradient(top, #9EE862, #7DB84C);
     background-image: -moz-linear-gradient(top, #9EE862, #7DB84C);
     background-image: -ms-linear-gradient(top, #9EE862, #7DB84C);
     background-image: -o-linear-gradient(top, #9EE862, #7DB84C);
     background-image: linear-gradient(to bottom, #9EE862, #7DB84C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9EE862, endColorstr=#7DB84C);
    }
    
#font_size {
    display: table;
}
    #font_size span {
        width:240px;
        font-size: 1.2em;
        display:table-cell;
        vertical-align:bottom;
        text-align:right;
    }

#size{
    float: right;
    vertical-align:bottom;
}

    #size li{
        list-style-type: none;
        display: inline-block;
        padding: 0px 1px;
    }
    
    #size li a{
        text-decoration: none;
        color: #105773;
    }

    #size li .NormalFontSize{
        font-size: 12px;
    }

    #size li .LargeFontSize{
        font-size: 18px;
    }

    #size li .XLargeFontSize{
        font-size: 24px;
    }
