/** {
    margin:0px 0px;
    padding: 0px 0px;
}*/

body {
    margin: 5px 2% 0px 2%;
    background-color:white;
}

.MainDiv1
{
    background-color:rgb(188,191,194);
    padding:5px 10px;
}

.MainDiv2 {
    float:left;
    width:69.33%;
}

.CoNm {
    font-family: 'Times New Roman';
    font-size: 56px;
    font-weight:900;
    text-shadow: -2px 5px 10px white, 2px -5px 10px white;
    letter-spacing:6px;
    word-spacing:10px;
}

.MainDiv3 {
    float:left;
    text-align:right;
    width:30%;
}

.HdCls
{
    font-family:Arial;
    font-size:16px;
    letter-spacing:0.5px;
    vertical-align:middle;
}

.MainDiv4
{
    
}
/*========================= MENU START FROM HERE =============================*/
/* ----- Set the parent <li>’s CSS position property to ‘relative’. ----- */
ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    background: linear-gradient(to bottom, RGB(76,76,76) 0%,RGB(127,127,127) 3%,RGB(102,102,102) 13%,#2c2c2c 50%,RGB(17,17,17) 76%,RGB(19,19,19) 100%);
}
/*           background: linear-gradient(to bottom, RGB(76,76,76) 0%,RGB(127,127,127) 3%,RGB(102,102,102) 13%,#2c2c2c 50%,RGB(17,17,17) 76%,RGB(19,19,19) 100%);*/
        
/* ---- Setting the Width and color of LEVEL 1 (li)---- */
ul li
{
    display: block;
    position: relative;
    float: left;
}
/*           background: linear-gradient(to bottom, RGB(76,76,76) 0%,RGB(127,127,127) 3%,RGB(102,102,102) 13%,#2c2c2c 50%,RGB(17,17,17) 76%,RGB(19,19,19) 100%); */
        
/* ---- Setting the Width and color of LEVEL 1 (a in li)---- */
ul li a
{
    display: block;
    padding: 1em;
    text-decoration: none;
    white-space: nowrap;
    color: rgb(255,255,255);
    border-right:1px solid rgb(80,80,80);
    background: linear-gradient(to bottom, RGB(76,76,76) 0%,RGB(127,127,127) 3%,RGB(102,102,102) 13%,#2c2c2c 50%,RGB(17,17,17) 76%,RGB(19,19,19) 100%);
}
        
ul li a:active
{
    background: linear-gradient(to left, RGB(255,255,255) 3%,RGB(127,127,127) 80%);
}
        
/* ---- When Mouse over then Backgroup color will be ---- */
ul li a:hover
{
    background: rgb(44,62,80);
}
        
/* ---- The CSS to hide the sub menus. ---- */
li ul
{
    display: none;
}
        
/* ---- Displays the LEVEL 2 dropdown menu on hover of Level 1 <a>. ---- */
li:hover > ul
{
    display: block;
    position: absolute;
}
li:hover li
{
    float: none;
}

li:hover a
{
    /* background: #1bc2a2; */
}
        
li:hover li a:hover
{
    /* background: #2c3e50;*/
}
        
.main-navigation li ul li
{
    border-top: 0;
}
        
/* Padding of Level 2 and below */
ul li ul li a
{
    padding:5px 50px 5px 15px;
    background: linear-gradient(to left, RGB(76,76,76) 0%,RGB(127,127,127) 3%,RGB(102,102,102) 13%,#2c2c2c 50%,RGB(17,17,17) 76%,RGB(19,19,19) 100%);
}
/*        
ul li ul li
{
    background: linear-gradient(to left, RGB(76,76,76) 0%,RGB(127,127,127) 3%,RGB(102,102,102) 13%,#2c2c2c 50%,RGB(17,17,17) 76%,RGB(19,19,19) 100%);
}
*/
ul li ul li a
{
    border-top: 1px solid rgb(10,10,10);
}

ul li ul li a:hover
{
    color: rgb(255,255,42);
    background: linear-gradient(to left, RGB(25,25,25) 3%,RGB(127,127,127) 10%);
}

/* give for selected Menu background: linear-gradient(to left, RGB(255,255,255) 3%,RGB(127,127,127) 80%); */

/* ---- Displays second level dropdown menus to the right of the first level dropdown menu. ---- */
ul ul ul
{
    left: 100%;
    top: 0;
}
        
/* ---- Simple clearfix. ---- */
ul:before, ul:after
{
    content: " "; /* 1 */
    display: table; /* 2 */
}
        
ul:after
{
    clear: both;
}