/* Site Navigation */

#nav {
    float: right;
    position: relative;
    top: 18px;
    font-size:8pt;
}
#dnn_pnav {
	padding-left:8px;
    margin-top: 0;
}
#dnn_pnav li {
    position: relative;
    list-style: none;
    margin: 0;
}

    #dnn_pnav li ul {
        margin-left: 0;
    }

#dnn_pnav > li {
    float: left;
    margin-right: 2px;
}

    #dnn_pnav > li > a, #dnn_pnav > li > span {
        display: block;
        padding: 14px 6px 10px;
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
    }

    #dnn_pnav > li > span {
        cursor: default;
    }

    #dnn_pnav > li:hover > a {
    	color:#2e5191;
    }
   #dnn_pnav > li.active > a {
	background-color: #BCCBEA;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%,rgba(188,203,234,1) 100% );
	border-radius: 8px 8px 0 0;
	margin-top:-2px;
	color:#444;
	padding: 15px 10px 14px;
    }

        #dnn_pnav > li:hover > a:active {
            color: #444;
        }

    #dnn_pnav > li:hover > span {
        color: #444;
    }

    /* Secondary level */
    #dnn_pnav > li > ul { /* Styles for all sub levels */
        display: none;
        position: absolute;
        z-index: 2;
        width: 225px;
        padding: 0;
	color:#FFF;
	font-weight:bold;
        background: #6e91d1;
        border: 1px solid #cbcbcb;
    }

#dnn_pnav li:hover > ul {
    display: block;
}

#dnn_pnav > li > ul { /* styles specific to secondary level */
    top: 40px;
    left: 0;
    padding: 2px 5px;
}


#dnn_pnav > li ul a, #dnn_pnav > li ul span {
    display: block;
    padding: 5px 5px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    /* transition decleration */
    transition: all ease-in 100ms;
    -moz-transition: all ease-in 100ms; /* Firefox 4 */
    -webkit-transition: all ease-in 100ms; /* Safari and Chrome */
    -o-transition: all ease-in 100ms; /* Opera */
    -ms-transition: all ease-in 100ms; /* IE9? */
}

#dnn_pnav > li ul span {
    color: #FFF;
    cursor: default;
}

#dnn_pnav ul li:last-child > a {
}

#dnn_pnav > li > ul li:hover > a {
    color: #444;
}

/* Tertiary level */
#dnn_pnav li ul li ul {
    padding: 5px 0 5px 15px;
}