@charset "UTF-8";
/*  -----{ dept Bar }---------------------------  */

#deptBar{
width: 100%;
height: 122px;
background: url(../../education/graduate/images/grads_banner_long.jpg);
border-right: 1px solid #666666;
border-left: 1px solid #666666;
}



/*  -----{ navigation }---------------------------  */

.clearfix {
   height: 0px;
   padding: 0px;
   margin: 0px;
   border: none;
   content: ".";
   display: block;
   visibility: hidden;
   clear: both;
   }
   
.first{
border-top: 1px solid #666666;
}

.MainNavBorder{
border-right:  1px solid #666666;

}

.topMainNav{
margin-top: 1px;
}


#zUL {
	height:25px;
	width:100%;
	text-align:center;   
      margin: 0px;               
      padding: 0px;              
      position: static;          
      background: #ffffcc;    
      color: #000;               
      z-index: 20;  
	  border: 1px solid #666666;             
}

#zUL ul {
font-size: 11px;
	margin:0px;
	padding: 0px;
	list-style:none;
	text-decoration:none;
	z-index: 99;                /* want to be sure this is above the rest of the menu */
	
 }/*this dictates the layout/placement of the ul and the drop down list below it*/
 
 
		#zUL li {
			padding: 3px 0 0 0;
			float: left;
			width: 88px;
			text-shadow:#666666;
			position: relative;
			}
			
			#zUL li a{
			
			display: block;
			color: #333333;
			text-decoration:none;
			height: 20px;
			}
			
			#zUL ul li{
			padding: 0;
			width: 88px;/*STAY DO NOT CHANGE*/
			display: block;
			}
			
			#zUL a:visited
			{
			color: none;
			}
			
			#zUL ul li a{
			padding-top: 5px;
			}
			
			#zUL a:hover, 
			#zUL li:hover{
			
			}
				
				
				#zUL ul li ul{
					visibility:hidden;
					position:absolute;
					padding:0px;
					}/*hides the nested ULs, the ones that contain the sub-links.*/
					
					
						#zUL ul li:hover ul{
							visibility:visible;
							position: absolute;
							z-index: 99; 
							margin: 0px;
							
							}
															
					
						#zUL ul li ul a{
							background-color: #ffffcc;
							color:#333333;
							margin: 0px;
							margin-left: -1px;
							height:16px;
							text-align:left;
							width: 70px;
							text-decoration:none;
							padding:0px 9px;
							border-right: 1px solid #666666;
							border-bottom: 1px solid #666666;
							border-left: 1px solid #666666;
							}/*color for drop down text*/
					
						#zUL ul li ul a:hover, 
						#zUL ul li ul a:active{
							color:#333333;
							background-color: white;/*color for hover state background*/
		
							}

	
	/* only non-MSIE browsers use this */
    #zUL ul li>ul,
    #zUL ul ul li>ul{
 }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #zUL li:hover ul ul,              
    #zUL li:hover ul ul ul,
    #zUL li:hover ul ul ul ul,
    #zUL li:hover ul ul ul ul ul{
        display:none;
    }

    #zUL li:hover ul,
    #zUL ul li:hover ul,
    #zUL ul ul li:hover ul,
    #zUL ul ul ul li:hover ul,
    #zUL ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }
#container {clear:left}