﻿/******Start menu Div********/
    ul.main-menu{
        padding: 0;
        list-style: none;
        background: #f2f2f2;
    }
    ul.main-menu li{
        display: inline-block;
        position: relative;
        line-height: 21px;
        text-align: left;
        border-top: 1px solid #9ECC45;
        border-left: 1px solid #9ECC45;
        border-right: 1px solid #9ECC45;
    	border-radius: 4px 4px 0px 0px;
		
background: #9ece3c; /* Old browsers */
background: -moz-linear-gradient(top,  #9ece3c 12%, #6aad38 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#9ece3c), color-stop(97%,#6aad38)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9ece3c 12%,#6aad38 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9ece3c 12%,#6aad38 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9ece3c 12%,#6aad38 97%); /* IE10+ */
background: linear-gradient(to bottom,  #9ece3c 12%,#6aad38 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ece3c', endColorstr='#6aad38',GradientType=0 ); /* IE6-9 */

    }
    ul.main-menu li a{
        display: block;
        padding: 8px 18px;
        color: #333;
        text-decoration: none;
        color:#fff;
		font-family:"Trebuchet MS", Arial;
		font-size:14px;
    }
    ul.main-menu li a:hover{
        color: #fff;
        border-radius: 4px 4px 0px 0px;
		
background: #91d9fe; /* Old browsers */
background: -moz-linear-gradient(top,  #91d9fe 3%, #51aed7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#91d9fe), color-stop(100%,#51aed7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #91d9fe 3%,#51aed7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #91d9fe 3%,#51aed7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #91d9fe 3%,#51aed7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #91d9fe 3%,#51aed7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91d9fe', endColorstr='#51aed7',GradientType=0 ); /* IE6-9 */
    }
    ul.main-menu li ul.dropdown{
        min-width: 125px; /* Set width of the dropdown */
        background: #f2f2f2;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
		padding:0px;
    }
      ul.main-menu li ul.dropdown li{
        background: #F5F2E9;
		border-radius:0px;
		padding:0px;
		margin:0px;
    }
     ul.main-menu li ul.dropdown li a{
        color:#3B3A3A;
    }
    ul.main-menu li ul.dropdown a:hover{
        background: #7EB841;
        border-radius:0px;
        color:#fff;
    }
    ul.main-menu li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    ul.main-menu li ul.dropdown li{
        display: block;
    }
	.last-li{
        border-bottom:1px solid #9ECC45;
    }
	.active{
		background: #fc6364; /* Old browsers */
background: -moz-linear-gradient(top,  #fc6364 3%, #c6292c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fc6364), color-stop(100%,#c6292c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fc6364 3%,#c6292c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fc6364 3%,#c6292c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fc6364 3%,#c6292c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fc6364 3%,#c6292c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6364', endColorstr='#c6292c',GradientType=0 ); /* IE6-9 */

}

/******End Menu Div********/

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
color:#fff;
border:none;
text-decoration:none;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-left: 1px solid #D4D1C2;
border-right: 1px solid #D4D1C2;
border-bottom-width: 0;
font: normal 13px "Trebuchet MS", Arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #F5F2E9;
width: 200px; /* default width for menu */
}
.menuanchorclass{ text-decoration:none; padding:0px 12px; display: inline !important;}
.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
color:#3B3A3A;
display: block;
text-indent: 3px;
border-bottom: 1px solid #D4D1C2;
padding: 5px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #7EB841;
color: white;
text-decoration:none;
border:none !important;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 13px "Trebuchet MS", Arial;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: #999;
visibility: hidden;
}

