/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
 
#nav {
   background:#222;
   overflow: visible;
   height: 40px;
   }

ul#nav, ul.sub1, ul.sub2  {
   height: 40px;
   list-style-type: none;
   /*color: #222;*/
   }
 
#nav li {
   outline: none;
   text-align: center;
   position: relative;
   float: left;
   margin-right: 4px;
   background-color: #222;
   }

#nav a {
   height: 40px;
   line-height: 40px;
   text-decoration: none;
   display: block !important;
   color: #FFF;
   padding: 0em 1em;
   }

ul#nav .sub1 li {
   text-align: left;
   }

ul#nav .sub1 a {
   font-size: 8pt;
   width: 155px;
   background-color:#222;
   border-bottom: 1px solid #888;
   webkit-border-radius: 0.327em;
   padding: 0em 1em;
   }   
   
ul#nav .sub2 a {
  width: 100px;
  background-color:#222;
  border-bottom: 1px solid #888;
  webkit-border-radius: 0.327em;
  padding: 0em 1em;
  }  

ul#nav li:hover > a {
  background-color: #888;
  }  
   
ul#nav li:hover a:hover {
  background-color: #FFF;
  font-weight: normal;
  }    
 
ul#nav ul.sub1 {
  display: none;
  position: absolute;
  top: 40px;
  left: -40px;
  } 
 
ul#nav ul.sub2 {
  display: none;
  position: absolute;
  top: 0px;
  left: 136px;
  }  

ul#nav li:hover .sub1 {
  display: block;
  }
  
ul#nav .sub1 li:hover .sub2 {
  display: block;
  }
   
ul#nav li a:hover {
   background:#FFF;
   color:#333;
}


.darrow {
		font-size: 8pt;
		position: absolute;
		top: 9px;
		right: 2px;
		color: #888;
        }
		
.rarrow {
		font-size: 8pt;
		position: absolute;
		top: 12px;
		right: 8px;
		color: #888;
        }


#index #nav .index,
#home #nav .home,
#bio #nav .bio,
#cv #nav .cv,
#media #nav .media,
#research #nav .research,
#presentations #nav .research,
#projects #nav .projects,
#links #nav .teaching,
#teaching #nav .teaching {

   text-decoration: none;
   font-weight: bold;
 
     
}