﻿.dd_menu {
    background:#6572a3; 
    padding:0px; 
    margin:0; 
    list-style-type:none; 
    height:40px;
    z-index: 9999;
}

.dd_menu2 {
    background:#9b9b9b; /**/
    padding:0px; 
    margin:0; 
    list-style-type:none; 
    height:30px;

    z-index: 9999;
}

.dd_menu li 
{
    float:left; 
    height:30px; 
    border-right: solid 1px #ccc;
    padding: 0px 0px; 
}

.dd_menu2 li 
{
    float:left; 
    height:30px; 
    border-right: solid 1px #ccc;
    padding: 0px 16.3px; 
    background:#9b9b9b;/**/
}

li.list1 /* to loose the li pad break from last button */
{
    float:left; 
    height:30px; 
    border-right: solid 0px #ccc;
    padding: 5px 11px;
}

li.list2 /* to loose the li pad break from last button */
{
    float:right; 
    height:30px; 
    border-right: solid 0px #ccc;
    padding: 0px 11px;
}

li.list3 /* to loose the li pad break from last button */
{
    float:left; 
    height:30px; 
    border-right: solid 0px #ccc;
    padding: 0px 11px;
}

.dd_menu li a 
{

    display:block; 
    color:#ffffff; 
    text-decoration:none; 
    font:11px arial, verdana, sans-serif; 
    font-weight: bolder;
}

.dd_menu li:hover a /*non-menu hovers*/
{
    text-decoration:underline;
    color:#cecece;
}

.dd_menu ul 
{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    list-style-type:none;
    z-index: 9999;
 }
 
.dd_menu li:hover 
{
    position:relative; 

 }
 
.dd_menu li:hover ul  /*top menu hover menu box*/
{
    left:0px; 
    top:25px; 
    background:#d5d5d5; 
    padding:0px; 
    border:1px solid grey; 
    width:220px;
    z-index: 9999;
}

.dd_menu li:hover ul li 
{
    height:24px; 
    border:none;
    z-index: 9999;
}

.dd_menu li:hover ul li a 
{
    height:24px; 
    padding:0px; 
    display:block; 
    font-size:10px; 
    width:220px; 
    line-height:24px; 
    text-indent:15px; 
    color:#686868; 
    text-align: left;
    background-color:#d5d5d5; 
    text-decoration:none; 
    border:0px solid transparent;
    z-index: 9999;
}

.dd_menu li:hover ul li a:hover 
{
    height:24px; 
    background:silver; 
    color:#686868; 
    border:solid 0px #686868;
    z-index: 9999;
}






.dd_menu2 li a 
{
    padding: 9px 5px; 
    display:block; 
    color:#ffffff; 
    text-decoration:none; 
    font:11px arial, verdana, sans-serif; 
    font-weight: bolder;
}

.dd_menu2 li:hover a 
{
    text-decoration:underline;
    color:#cecece;
}

.dd_menu2 ul 
{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    list-style-type:none;
    z-index: 9999;
 }
 
.dd_menu2 li:hover 
{
    position:relative; 
    background:#676767;/**/
 }
 
.dd_menu2 li:hover ul 
{
    left:0px; 
    top:30px; 
    background:#d5d5d5; 
    padding:0px; 
    border:1px solid #777777; 
    width:242px;
    z-index: 9999;
}

.dd_menu2 li:hover ul li 
{
    height:24px; 
    border:none;
    z-index: 9999;
}

.dd_menu2 li:hover ul li a 
{
    height:24px; 
    padding:0px; 
    display:block; 
    font-size:10px; 
    width:220px; 
    line-height:24px; 
    text-indent:15px; 
    color:#686868; 
    text-align: left;
    background-color:#d5d5d5; 
    text-decoration:none; 
    border:0px solid transparent;
    z-index: 9999;
}

.dd_menu2 li:hover ul li a:hover 
{
    height:24px; 
    background:silver; 
    color:#686868; 
    border:solid 0px #686868;
    z-index: 9999;
}




nav {
	margin: auto; 
	text-align: center;
    background: #9b9b9b;
}

nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}

nav ul {
	background: #ffffff; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 10px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; 
        clear: both; 
        display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: linear-gradient(top, #6572a3 0%, #cfcfcf 40%);
			background: -moz-linear-gradient(top, #6572a3 0%, #cfcfcf 40%);
			background: -webkit-linear-gradient(top, #6572a3 0%,#cfcfcf 40%);
            background: #6572a3;
            color:#fff;
		}


			nav ul li:hover a {
				color: #53506e;
                font-size:10px;
                width:170px;
			}
		
		nav ul li a {
			display: block; 
            padding: 15px 24px;
            text-decoration: none;
		}
			
		
	nav ul ul {
		background: #cbcbcb; 
        border-radius: 0px; 
        padding: 0;
		position: absolute; 
        top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; 
            position: relative;
		}
			nav ul ul li a {
				padding: 6px 20px;
				color: #fff;
                text-align:left;
			}	
				nav ul ul li a:hover {
					background: #fff;
                    color: #9f9f9f;
				}
		
	nav ul ul ul {
		position: absolute; 
        left: 40%; 
        top:10px;
        width: 210px;
        z-index: 9999999;
	}
		
.menuTextBlue2
{
    padding:20px 24px; 
    display:block; 
    color:#6b727c; 
    text-decoration:none; 
    font:13px arial, verdana, sans-serif; 
    font-weight: bolder;
}

.menuTextBlue2:hover
{
    padding:20px 24px; 
    display:block; 
    color:#fff; 
    text-decoration:none; 
    font:13px arial, verdana, sans-serif; 
    font-weight: bolder;
}
