/* =Styles for the lab
-------------------------------------------------------------- */
#wrapper {
	min-width:1000px;
}
nav {
	/*background-color:#990000;*/
	padding:0px 0;/*padding:10px 0; i changed this*/
}
nav ul {
    font-size: 0;
    list-style-type:none;
    margin:0;
    padding:0;
	z-index: 999;/*I ADDED THIS z-index: 999;*/
}
nav ul li {
    display:inline-block;
    position:relative;font-size:14px;
}

nav ul li > ul li{
padding-right:0;
}

/* sub navigation */
nav li ul {    
    background-color:#AF0C0C;/*BG for all dropdown menu links together @Hover*/
    position:absolute;
    left:0;
    top:40px; /* make this equal to the line-height of the links (specified below) */
    width:200px;
}

nav li li {
    position:relative;
    margin:0;
    display:block;
}
nav li li ul {
    position:absolute;
    top:0;
    left:200px; /* make this equal to the width of the sub nav above */
    margin:0;
}

/* style all links */
nav div .mlink {
    color:#ffffff;
    text-decoration:none;
    display:block;
}

/*
nav li.dropdown  > a.mlink:active {background: yellow;}

nav div.dlink :active { background:yellow}:after */
/*
.nndmlink { 
 this selector is more specific, so it takes precedence over the other :after 
 background:yellow
}

[id^=top-nav-link] {
 background:yellow
}

[id^=top-nav-links]:target { background:#ff0000}*/
.current-page { background:#ff0000}

ul.submenu-divcontainer > li a:HOVER { background:#A6242B;}
/* hide sub menu links */
ul.submenu-divcontainer {
    display:none;
}
/* show arrows for dropdowns */
nav li.dropdown-divcontainer > a {
    background-image:url('../img/arrow-right.png');
    background-position:right 16px;
    background-repeat:no-repeat;
}
nav ul.submenu-divcontainer {
    list-style-type:none;
    margin:0;
    padding:0;
	z-index: 999;/*I ADDED THIS z-index: 999;*/
}
nav ul.submenu-divcontainer li {
    display:inline-block;
    position:relative;
	padding-right:10px;
}

nav ul.submenu-divcontainer li > ul li{
padding-right:0;
}

/* sub navigation */
nav li.dropdown-divcontainer ul.submenu-divcontainer {    
    
    position:absolute;
    left:201px;
    top:0px; /* make this equal to the line-height of the links (specified below) */
    width:200px;
}

nav li.dropdown-divcontainer {
    position:relative;
    margin:0;
    display:block;
	width:200px;
    background:#BF2A30;
	border-bottom:solid 1px rgb(200,50,50); padding-right:0px;
}
nav li.dropdown-divcontainer > a:HOVER { background:#A6242B;}

nav li.just-divcontainer {
    position:relative;
    margin:0;
    display:block;
	width:200px; background:#BF2A30;
	border-bottom:solid 1px rgb(200,50,50); padding-right:0px;
}
nav li.just-divcontainer > a:HOVER { background:#A6242B;}

nav li.just-divcontainer li{
    position:relative;
    margin:0;
    display:block;
	width:200px;
}
nav li.dropdown-divcontainer li {
    position:relative;
    margin:0;
    display:block;
	width:200px; padding-right:0px;
}
nav li.dropdown-divcontainer li ul {
    position:absolute;
    top:0;
    left:200px; /* make this equal to the width of the sub nav above */
    margin:0;
}
/*div container styles ends*/

nav ul li div.upload-p :HOVER {background-color:#ffffff; text-align:center}

/*SubMenu BG-Color for each dropdown link @Hover*/
ul.sub-menu > li a:HOVER { background:#E01C05; text-align:left}
ul.sub-menu > li {text-align:left}

/*main link mouse over BG-Color @Hover*/
div.dlink, li.dlink > ul, li a:HOVER { background:#AF0C0C; text-align:left}
li.dlink > ul { background:#AF0C0C}/*mouse over BG-Color for all dropdown links together @Hover*/

nav a {
    line-height:40px;
    padding:0 15px;/* padding:0 12px; I changed this padding-right:10px;*/
    margin:0 0px;/* margin:0 12px; I changed this */
}

nav a {
    color:#fff;
    text-decoration:none;
    display:block;
}
nav a:hover,
nav a:focus,
nav a:active {
    /*color:rgb(50,50,50); MAIN LINK COLOR @HOVER*/
	color:#FFFFFF;
}

/* style sub level links */
nav li li a {
    border-bottom:solid 1px rgb(200,50,50);line-height:15px;
	padding-top:10px; padding-bottom:10px; 
    /*margin:0 10px; i removed this and added those below*/
}
nav li li:last-child a {
    border-bottom:none;
}

/* hide sub menu links */
ul.sub-menu {
    display:none;
}

/* hide sub menu links */
.container{
    display:none;
}

.container a {

}

/* show arrows for dropdowns */
nav li.dropdown > a {
    background-image:url('../img/arrow-down.png');
    background-position:93% 20px;
    background-repeat:no-repeat; margin:0px
}

nav li li.dropdown > a {
    background-image:url('../img/arrow-right.png');
    background-position:right 16px;
    background-repeat:no-repeat;
}