/* Nav Rules
----------------------------------------------*/

#nav, #nav ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  }

#nav li { /* all list items */
  margin: 0;
  padding: 0;
  white-space: nowrap;
  float: left;
  background: #eee;
  width: 175px; /* width needed if there are 5 subsections */  
  width: 219px; /* width needed or else Opera goes nuts */  
  border: 0px solid #000;
  }

#nav li.last {width: 218px;}

#nav a {
  margin: 0;
  padding: 0px 0;
  line-height: 2.3;
  height: 21px;
  display: block;
  font-family: arial, helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  font-size: .8em;
  font-weight: bold;
  color: #004881;
  text-decoration: none;
  background: #E6EDF3;
  border: 2px solid #80A4C1;
  border-right: 0px solid #004881;
  border-left: 0px;
  }

#nav li ul { /* second-level lists */
  position: absolute;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  width: 175px;   
  width: 219px;  
  border-bottom: 0px solid #80A4C1;
  }

#nav li.last ul {width: 218px;}

#nav li:hover ul, #nav li.sfhover ul { /* "li.sfhover ul" works with "/js/nav.js" for WinIE */
  display: block;
  left: auto;
  }

#nav li ul li a {
  padding-left: 15px;
  line-height: 2.1;
  text-align: left;
  text-transform: none;
  font-size: .9em;
  font-weight: normal;
  background: #BFD1DF;
  border: 0;
  border-bottom: 1px solid #80A4C1;
  width: 204px; /* this value is proportionally smaller than the width of "#nav li ul" by the amount of padding in "#nav a" */  
  }

#nav li.last ul li, #nav li.last ul li a {width: 203px;}

#nav a:hover {
  color:#004881;
  background: #BFD1DF;
  }

#nav li ul li a:hover {
  color: #004881; 
  background: #e6edf3;
  }

#nav li.last, #nav li.last a {border-right: 0;}


/* Subnav Rules (left column links)
----------------------------------------------*/

#snav {
  margin: 0 0 2em;
  padding: 0;
  font-size: .9em;
  list-style-type: none;
  background: #fff;
  border: 0px solid #80A4C1;
  }

#snav ul {
  padding: 0;
  margin: 0 !important;
  list-style-type: none;
  border-top: 1px solid #80A4C1;
  }

#sidebar #snav ul {margin-top:0;}

#sidebar #snav li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  background-image: none;
  display: inline; /* fixes whitespace bug in Win IE5 */
  }

#snav li#snav-home a {border-top: 1px solid #ccc;}

#snav li a {
  white-space: nowrap;
  height: 2.3em;
  line-height: 2.2em;
  display: block;
  padding: 0 0 0 20px;
  margin: 0;
  font-weight: bold;
  text-decoration: none;
  }

#snav li a:link, #snav li a:visited {color: #4076a1; border-bottom: 1px solid #80A4C1;}

#template #snav li#snav_template a, 
#about_main #snav li.snav_about_main a, 
	#about_management #snav li.snav_about_management a, 
	#about_board #snav li.snav_about_board a, 
	#about_careers #snav li.snav_about_careers a, 
	#about_contact #snav li.snav_about_contact a, 
	#about_directions #snav li.snav_about_directions a, 
#prodserv_main #snav li.snav_prodserv_main a, 
	#prodserv_ra #snav li.snav_prodserv_ra a, 
		#prodserv_ra_tour #snav li.snav_prodserv_ra a, 
	#prodserv_ri #snav li.snav_prodserv_ri a, 
		#prodserv_ri_tour #snav li.snav_prodserv_ri a, 
	#prodserv_rmi #snav li.snav_prodserv_rmi a, 
		#prodserv_rmi_tour #snav li.snav_prodserv_rmi a, 
		#prodserv_rmi_rankings #snav li.snav_prodserv_rmi a, 
	#prodserv_xml #snav li.snav_prodserv_xml a, 
	#prodserv_services #snav li.snav_prodserv_services a, 
	#prodserv_support #snav li.snav_prodserv_support a, 
	#prodserv_training #snav li.snav_prodserv_training a, 
#solutions_main #snav li.snav_solutions_main a, 
	#solutions_sp #snav li.snav_solutions_sp a, 
	#solutions_gov #snav li.snav_solutions_gov a, 
#tech_main #snav li.snav_tech_main a, 
	#tech_wp #snav li.snav_tech_wp a, 
	#tech_presentations #snav li.snav_tech_presentations a, 
	#tech_peering #snav li.snav_tech_peering a, 
	#tech_notes #snav li.snav_tech_notes a, 
#newsevents_main #snav li.snav_newsevents_main a, 
	#newsevents_pr #snav li.snav_newsevents_pr a, 
	#newsevents_events #snav li.snav_newsevents_events a, 
	#newsevents_media #snav li.snav_newsevents_media a, 
#snav li a:hover {
  background: #fff url(../images/li_red.gif) no-repeat 7px .8em;
  color: #333;
  border-bottom: 1px solid #80A4C1;
  }

#snav li a:active {
  background: #fff url(../images/li_red.gif) no-repeat 7px .8em;
  color: #000;
  border-bottom: 1px solid #80A4C1;  
  }


/* tabnav Rules (for Product pages)
----------------------------------------------*/
.tabnav {
  margin: 2em 0 2em;
  padding: 0 0 0 10px;
  float: left;
  width: 565px;
  height: 24px;
  background: url(../images/tab_bottom.gif) repeat-x bottom;
  }

#content .tabnav ul li {
  margin: 0; 
  padding: 0;
  display: inline;
  list-style-type: none;
  background-image: none;
  }

#content .tabnav a:link, #content .tabnav a:visited {
  padding: 2px 10px 2px 10px;
  margin-right: 4px;
  float: left;
  font-size: 1em;
  line-height: 1.5;
  font-weight: bold;
  text-decoration: none;
  color: #555;
  background: #eee; /* BFD1DF 80A4C1 */
  border: 1px solid #ccc;
}

#content .tabnav li a:link.active, #content .tabnav li a:visited.active {
/* This a's class is needed for control.tabs javascript*/
  color: #004881; /* B20838 */
  background: #fff;
  border-bottom: 1px solid #fff !important;
  }

.tabnav a:hover {background: #fff;}