/* CSS Document */

/* Navigation */

a:hover {color:#FF0000;}

#nav{
   display: inline;
   position: relative;
   clear: left;
   float: left;
   width: 900px;
   height: 61px;
   margin: 1px 0 0 1px;
   list-style: none;
}

#nav li{
   float: left;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   line-height: 1;
}

#nav .current,
#nav li:hover,
#nav li.sfhover{
}

#nav li#nav_home{
   background: none;
}

#nav li#nav_home.current_home,
#nav li#nav_home.current,
#nav li#nav_home:hover,
#nav li#nav_home.sfhover{
}

#nav .current_contact,
#nav li#nav_contact:hover,
#nav li#nav_contact.sfhover{
}
#nav a{
	padding: 7px 19px 12px;}

#nav li a{
   display:block;
   float: left;
   color:#0000FF;
   text-decoration: none;
}

/* 2nd level of navigation */

#nav .current ul ul,
#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   list-style: none;
}

#nav li li,
#nav li li.current{
   float: left;
   font-size: 85%;
   text-indent: 0;
}

#nav .current_contact ul,
#nav .current ul,
#nav li:hover ul,
#nav li.sfhover ul{
   top: 22px;
/* next bit controls position of 2nd level */
   left: 53px;
   width: 850px;
   z-index:2;
}

#nav li li a{
   float: left;
   width: auto !important;
   background: none !important;
   padding: 8px 12px;
   color: #3B200A;
}

#nav li li a:hover{
   color:#FF0000;
   text-decoration: none;
}

/* menu extras like RSS Feeds, Contact, Site Map and Help */
#menuextras {
position:absolute;
top:-90px;
right:8px;
}

#menuextras a {
color:#666666;
}

#menuextras a:hover {
color:#FF0000;
}

/* change the menu based on context */
#menuPeople #nav_people a, #menuLearning #nav_learning a, #menuCurriculum #nav_curriculum a, #menuCommunity #nav_community a, #menuInfo #nav_info a, #menuHome #nav_home a {
color:#CCCCCC;
}

/* not sure how to make hte 2nd level stay dark with red hover yet >>>>>>>>

#menuPeople #nav_people li li a:hover, #menuLearning #nav_learning li li a:hover #nav_curriculum li li a:hover {
   color:#FF0000;
   text-decoration: none;
}

#menuPeople #nav_people li li a {
   color:#0000FF;
   text-decoration: none;
}


 */