#sccMenu {
    background: #D6D6D6;
    margin: 0px;
    border: 2px solid #AAAAAA;
    width: 246px!important;
}

#sccMenu .topLevel {
    margin: 0px!important;
    padding: 0px!important;
    width: 246px!important;
}

#sccMenu .topLevel li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    width: 246px!important;
    border-bottom: 0px solid rgba(128, 128, 128, 0.1);
}

#sccMenu .topLevel a {
    text-decoration: none;
    font-weight: 200;
    font: bold 13px arial !important;
    color: #1C4E69;
    padding: 3px 5px;
    display: block;
    /*
    text-indent: -15px;
    padding-left: 22px;
*/
    padding-right: 10px;
}

#sccMenu .topLevel a:hover,
#sccMenu .subLevel a:hover {
    color: #C8E6F1!important;
    background-color: #1C4E69!important;
}

#sccMenu .topLevel li:hover .subLevel {
    display: block !important;
}

/************* second level menu *************************/
#sccMenu .subLevel {
    display: none;
    position: absolute;
    top: -15px;
    /*    left: 240px;*/
    left: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 0px!important;
    margin: 0px!important;
    z-index: 1;
    width: 246px!important;
    background-color: #d6d6d6 !important;
    border: 2px solid #aaaaaa !important;
}

#sccMenu .subLevel ul {
    margin: 0px!important;
    padding: 0px!important;
    width: 246px!important;
}

#sccMenu .subLevel li {
    position: relative;
    list-style: none;
    padding: 0px!important;
    margin: 0px!important;
    display: block;
    width: 246px!important;
}

#sccMenu .subLevel a {
    text-decoration: none;
    font-weight: 200;
    font: bold 13px arial !important;
    color: #1C4E69 !important;
    display: block!important;
    padding: 3px 5px;
    display: block;
    /*text-indent: -15px;
    padding-left: 22px;
    padding-right: 10px;
	for secong level menus wrapping (2line)*/
}

#sccMenu .subLevel span {
    /* display: block!important;
	padding: 3px 3px; margin:0px; */
}

#sccMenu .subLevelRight {
    display: none;
    position: absolute;
    top: -2px;
    left: 240px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 0px!important;
    margin: 0px!important;
    z-index: 1;
    width: 246px!important;
    background-color: #d6d6d6 !important;
   /* border: 2px solid #aaaaaa !important;  */
}

#sccMenu .subLevelRight ul {
    margin: 0px!important;
    padding: 0px!important;
    width: 246px!important;
}

#sccMenu .subLevelRight li {
    position: relative;
    list-style: none;
    padding: 0px!important;
    margin: 0px!important;
    display: block;
    width: 246px!important;
}

#sccMenu .subLevelRight a {
    text-decoration: none;
    font-weight: 200;
    font: bold 13px arial !important;
    color: #1C4E69 !important;
    display: block!important;
    padding: 3px 5px;
    display: block;
    text-indent: -15px;
    padding-left: 22px;
    padding-right: 10px;
}

#sccMenu .subLevel li:hover .subLevelRight {
    display: block !important;
	
}

#sccMenu .subLevel li .subLevelRight ul li:hover .subLevelRight{
    display: block !important;
}

/*#sccMenu .subLevelRight li.haschild:hover .haschild {display: block !important;} */
#sccMenu .subLevelRight li.haschild:hover .subLevelRight ul {display: block !important; border: 2px solid #aaaaaa!important;}

/************** inside content pane for main page DDRmenus *********************************/

.contentPane #sccMenu .topLevel li {
	/*text-indent: -25px!important;*/
	margin-left: 35px;
}


.contentPane #sccMenu .subLevel {/* second level menu*/
    display: block;
    position: relative;
    top: 0px;
    left: 60px;
    box-shadow: none;
    z-index: 0;
    background-color: transparent!important;
    border: 0px!important;
}

.contentPane #sccMenu .subLevel li {
    list-style: disc outside none!important;
	list-style-type: circle!important;
	line-height: 3px!important;
}

.contentPane #sccMenu .subLevel a {
    color: #0D397C!important;
    padding: 0px 5px;
}

.contentPane #sccMenu .subLevelRight {
    display: block;
    position: relative;
    top: 0px;
    left: 35px;
    box-shadow: none;
    background-color: transparent!important;
}

.contentPane #sccMenu .subLevelRight li {
    list-style: square outside none !important;
	list-style-type: square!important;
    padding: 0px!important;
    margin: 0px!important;
}

.contentPane #sccMenu .subLevelRight a {
    text-decoration: none;
    font-weight: 200;
    font: bold 13px arial !important;
    color: #0D397C!important;
    display: block!important;
    text-indent: -15px;
	padding-top: 0px;
	padding-bottom: 0px;
    padding-left: 22px;
    padding-right: 10px;
}

#sccMenu .subLevel li:hover .subLevelRight {
    display: block !important;
	
}

#sccMenu .subLevel li .subLevelRight ul li:hover .subLevelRight{
    display: block !important;
}

/*#sccMenu .subLevelRight li.haschild:hover .haschild {display: block !important;} */
#sccMenu .subLevelRight li.haschild:hover .subLevelRight ul {display: block !important; border: 2px solid #aaaaaa!important;}


/************** also inside content pane ************************/

#dnn_ContentPane #sccMenu {
    background: transparent;
    border: none;
	width: auto;
	margin-top: 20px; 
}

#dnn_ContentPane #sccMenu .topLevel {
	min-width: 600px;
	width: auto;
	max-width: 100% !important;

}

#dnn_ContentPane #sccMenu ul {
    margin: 0px auto 10px auto!important;
}

/***** change to menu to fix dpw took out important ************/
#dnn_ContentPane #sccMenu ul li {
    display: list-item;
    list-style-type: disc;
    list-style: disc outside none;
	max-width: 600px;
	white-space: nowrap;
}

@media screen and (max-width:769px) {
	
#dnn_ContentPane #sccMenu ul li {	
	margin-right: auto;
    margin-left: auto;
	
}
}
	

#dnn_ContentPane #sccMenu a, #dnn_ContentPane #sccMenu a:link, #dnn_ContentPane #sccMenu a:visited, #dnn_ContentPane #sccMenu a:active {
    text-decoration: none!important;
    color: #0D397C;
}

.contentPane #sccMenu a:hover {
	text-decoration: underline!important;
    background-color: transparent !important;
    color: #990000!important;
}

/************************************************/
	
@media screen and (max-width:769px) {
    #sccMenu {
        display: none;
        margin: 0!important;
        width: auto!important;
        border-top: 0px solid #AAAAAA;
    }
    #sccMenu .topLevel a {
        text-decoration: none;
        font: bold 16px arial !important;
        color: #1C4E69;
        padding: 4px 8px;
        display: block;
        text-indent: -15px;
        padding-left: 22px;
    }
    #sccMenu .topLevel a:hover {
        text-decoration: none;
        font: bold 16px arial !important;
        color: #C8E6F1;
        background-color: #1C4E69;
        padding: 4px 8px;
        display: block;
        text-indent: -15px;
        padding-left: 22px;
    }
    #sccMenu .topLevel li,
    #sccMenu .topLevel {
        width: 100%!important;
    }
    #sccMenu .subLevel {
        /* position: relative;
        left: 0;
        margin-top: 0;
        box-shadow: none;
        border: none;*/
        display: none;
    }
    #sccMenu .topLevel li:hover .subLevel {
        display: none !important;
    }
    .showSecond {
        display: block !important;
    }
    #sccMenu .MenuItem span {
        display: none;
    }
}


/*
#sccMenu .subLevelRight .last{
    display: none;
}*/