/*style du menu*/ /* OVERRIDE FOR DEFAULT EZWEBIN STYLES */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 
 /* common styling */
.menu {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11.5px;
background: url(../images/kntuw_v5/SteelBlueStyle/top_menu_bg.png) repeat-x left top,
url(../images/kntuw_v4/header_bottom_line.png) repeat-x left bottom;
padding-bottom: 10px;
}
.menu ul {
padding:0;margin:0;list-style-type:none; 
z-index: 5;
}
.menu ul.table {display: table; width: 100%;}

.menu ul li {
position:relative; 
background: transparent url(../images/kntuw_v5/SteelBlueStyle/top_menu_border.png) no-repeat right top;
z-index: 10;
float:left;
text-align: left;
}
.menu ul li:last-child {background:none;}

.menu ul li.cell, .menu ul li.cell:hover {display: table-cell; width: 1%; float:none; z-index: 10;}

/* */

.menu ul li a, .menu ul li a:visited {
display:block; text-decoration:none;padding:0px 10px; line-height:40px; height:42px;
color: #e5f7ff;
float:left;
}

.menu ul li a.l1 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    font-size:14px;
    white-space: nowrap;
	text-align: center;
    display: block;
    float:none;
    margin-right: 1px;
}

.menu ul li a.selected {
    background: transparent url(../images/kntuw_v5/SteelBlueStyle/top_menu_select_center.png) repeat-x left 2px;
    margin-right: 1px;
}

.menu ul li:hover {width:auto;}

.menu ul li a.menu_1:hover,
.menu ul li a.menu_2:hover, 
.menu ul li a.menu_3:hover, 
.menu ul li a.menu_4:hover, 
.menu ul li a.menu_5:hover, 
.menu ul li a.menu_6:hover, 
.menu ul li a.menu_7:hover, 
.menu ul li a.menu_8:hover, 
.menu ul li a.menu_9:hover, 
.menu ul li a.menu_10:hover
{background: transparent url(../images/kntuw_v5/SteelBlueStyle/top_menu_hover_center.png) repeat-x left 2px;}

.menu ul li:hover a.menu_1, 
.menu ul li:hover a.menu_2, 
.menu ul li:hover a.menu_3, 
.menu ul li:hover a.menu_4, 
.menu ul li:hover a.menu_5, 
.menu ul li:hover a.menu_6, 
.menu ul li:hover a.menu_7, 
.menu ul li:hover a.menu_8, 
.menu ul li:hover a.menu_9, 
.menu ul li:hover a.menu_10
{background: transparent url(../images/kntuw_v5/SteelBlueStyle/top_menu_hover_center.png) repeat-x left 2px;}

.menu ul li ul {
display: none;
}
.menu div.container {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block;position:absolute;top:41px;margin-top:1px;padding-bottom:1px; left:0;width:212px; border-bottom:1px solid #58676e;
background-color: #8196a1;
box-shadow: 0 4px 7px rgba(0,0,0,0.2);
}
.menu ul li:hover ul.endstop {
left:-40px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;
color:#000;
height:auto;
line-height:15px;
padding:4px 10px 4px 16px; 
width:184px; 
background-color: #ceebf2;
border-top: solid 1px #d9fff9;
border-bottom: solid 1px #b0ced6;
border-left: solid 1px #b0ced6;
border-right: solid 1px #b0ced6;
}
.menu ul li:hover ul li a.drop {
background: #c3e1e8 url(../images/kntuw_v5/SteelBlueStyle/ul-li-selected-bullet.png) no-repeat scroll 4px 6px;
}
.menu ul li:hover ul li a:hover {
color:#000; 
background-color: #c3e1e8;
}
.menu ul li:hover ul li a:hover.drop {
background: #c3e1e8 url(../images/kntuw_v5/SteelBlueStyle/ul-li-selected-bullet.png) no-repeat scroll 4px 6px;
}
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:211px; top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
left:-212px;
}

/*
.menu ul li ul li ul li {
	border: 2px solid red ;
	}
*/

/* Added to hide the 3 level */
.menu ul li:hover ul li:hover ul li ul {
display: none;
}

/* Added to display the 4 level */
.menu ul li:hover ul li:hover ul li:hover ul {
display: block;
}

/* Added to hide the 4 level */
.menu ul li:hover ul li:hover ul li ul {
display: none;
}

/* Added to display the 4 level */
.menu ul li:hover ul li:hover ul li:hover ul {
display: block;
}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu ul li a:hover ul.endstop {
left: -92px;
}
.menu ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:194px; w\idth:160px; border:1px solid #000; border-bottom:0;
}
.menu ul li a:hover ul li a.drop {
background:#ccd url(../images/kntuw_v5/SteelBlueStyle/ul-li-selected-bullet.png) no-repeat 3px 8px; padding-bottom:4px;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}

/* Added to hide level 4 */
.menu ul li a:hover ul li a:hover ul li ul {
visibility:hidden; position:absolute; height:0; width:0;
}

/* Added to display level 4 */
.menu ul li a:hover ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:193px;
}

/* Added to display level 4 on the left */
.menu ul li a:hover ul li a:hover ul li a:hover ul.left {
left:-193px;
}

.menu ul li a:hover ul li a:hover {
color:#000; background: #ccd;
}
.menu ul li a:hover ul li a:hover.drop {
background:#ccd url(../images/kntuw_v5/SteelBlueStyle/ul-li-selected-bullet.png) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:193px;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-193px;
}


/* OVERRIDE FOR DEFAULT EZWEBIN STYLES */

/* ORDERED AND UNORDERED LISTS */

div.menu ul, div.menu ol
{
    margin: 0;
    padding: 0;
}

div.menu ul ul, div.menu ol ul
{
    margin: 0;
}

div.menu ul ol, div.menu ol ol
{
    margin: 0;
}

div.menu li
{
    margin: 0;
    padding: 0;
    line-height: 1em;
}



/* Media Queries */

@media screen and (max-width: 1010px){

	.menu ul li a {
		padding:0px 2px;
	}

}