@charset "utf-8";
/* CSS Document */

#menu {
 position:relative;
 top:0px;
 margin-top:0px;
 height:0px; /* was 22px */
 width:962px;
 font-size:10px;
 /* ie 5.x */
 left:0px;
 voice-family:"\"}\"";
 voice-family:inherit;
 left:1px;
}

html>body #menu {
 left:0px;
}

#menu .section {
 /*left:1px;*/
 width:117px;
 margin-right:0px;
 float:left;
}

#menu a {
display:block;
 height:16px;
 line-height:16px;
 color:#000;
 
 font-family:Arial;
font-weight:normal;
 font-size:10px;
 text-decoration:none;
 text-align:left;
 letter-spacing:1px;
 /* ie 5.0 workaround (text-indent not supported) */
 width:117px;
 w\idth:115px;
 voice-family:"\"}\"";
 voice-family:inherit;
 /* everybody else */
 text-indent:10px;
 padding-left:0px; /* workaround fix */
  background-image: url(../im/menu/boxbackg.gif);
}

#menu #nav-group0 {

 margin-left:0px;
}

#menu #nav-group0 a {
 
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
 border-top:1px solid #B9D6E6;
 border-left:1px solid #B9D6E6;
 border-right:1px solid #ABCEE2;
 border-bottom:1px solid #ABCEE2;
}

#menu #nav-group0 a:hover,
#menu #nav-group0 a.active {

 font-weight:normal;
 color:#518FB1;
 background: #fff;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#menu #nav-group1 {
 margin-left:120px;
}

#menu #nav-group1 a {
	text-indent:10px;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
 border-top:1px solid #B9D6E6;
 border-left:1px solid #B9D6E6;
 border-right:1px solid #ABCEE2;
 border-bottom:1px solid #ABCEE2;
}

#menu #nav-group1 a:hover,
#menu #nav-group1 a.active {
text-indent:10px;
 font-weight:normal;
 color:#518FB1;
 background: #fff;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#menu #nav-group2 {
 margin-left:240px;
}

#menu #nav-group2 a {

	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
 border-top:1px solid #B9D6E6;
 border-left:1px solid #B9D6E6;
 border-right:1px solid #ABCEE2;
 border-bottom:1px solid #ABCEE2;
}

#menu #nav-group2 a:hover,
#menu #nav-group2 a.active {
 font-weight:normal;
 color:#518FB1;
 background: #fff;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#menu #nav-group3 {
 margin-left:360px;
}

#menu #nav-group3 a {

	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
 border-top:1px solid #B9D6E6;
 border-left:1px solid #B9D6E6;
 border-right:1px solid #ABCEE2;
 border-bottom:1px solid #ABCEE2;
}

/* common menu behaviors */

#menu #nav-group3 a:hover,
#menu #nav-group3 a.active {
 font-weight:normal;
 color:#518FB1;
 background: #fff;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#menu #nav-group4 {
 margin-left:480px;
}

#menu #nav-group4 a {
 
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
 border-top:1px solid #B9D6E6;
 border-left:1px solid #B9D6E6;
 border-right:1px solid #ABCEE2;
 border-bottom:1px solid #ABCEE2;
}
/* common menu behaviors */

#menu #nav-group4 a:hover,
#menu #nav-group4 a.active {
 font-weight:normal;
 color:#518FB1;
 background: #fff;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#menu #nav-group5 {
 margin-left:600px;
}

#menu #nav-group5 a {

	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
 border-top:1px solid #B9D6E6;
 border-left:1px solid #B9D6E6;
 border-right:1px solid #ABCEE2;
 border-bottom:1px solid #ABCEE2;
}
/* common menu behaviors */

#menu #nav-group5 a:hover,
#menu #nav-group5 a.active {
 font-weight:normal;
 color:#518FB1;
 background: #fff;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#menu #nav-group6 {
 margin-left:720px;
}

#menu #nav-group6 a {

	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
 border-top:1px solid #B9D6E6;
 border-left:1px solid #B9D6E6;
 border-right:1px solid #ABCEE2;
 border-bottom:1px solid #ABCEE2;
}
/* common menu behaviors */

#menu #nav-group6 a:hover,
#menu #nav-group6 a.active {
 font-weight:normal;
 color:#518FB1;
 background: #fff;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;


}

#menu #nav-group7 {
 margin-left:840px;
}

#menu #nav-group7 a {

	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
 border-top:1px solid #B9D6E6;
 border-left:1px solid #B9D6E6;
 border-right:1px solid #ABCEE2;
 border-bottom:1px solid #ABCEE2;
}
/* common menu behaviors */

#menu #nav-group7 a:hover,
#menu #nav-group7 a.active {
 font-weight:normal;
 color:#518FB1;
 background: #fff;
 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

/*
#menu #sub-group0 a,
#menu #sub-group1 a,
#menu #sub-group2 a,
#menu #sub-group3 a,
#menu #sub-group4 a 
#menu #sub-group5 a
#menu #sub-group6 a
#menu #sub-group7 a{
 border-right:1px solid #333;
 border-bottom:1px solid #333;
}
*/

#menu a.active {
 color:#333;
}

/* sub-items */

#nav-cont {
 position:absolute;
 top:0px;
 left:0px;
 display:block;
 
 /* z-index? */
}

.nav-groups {
	position:absolute;
	left:3px;
	width:117px;
	float:left;
	top: -1px;
}

.sub-groups {
 position:relative;
 left:0px;
 width:117px;
 padding-top:10px;
 background:transparent url(../im/none0000.gif); /* puts "something" in the container background, so nav event-based handling works */
 overflow:hidden;
}

html>body .sub-groups {
 /* for mouseout on menus (Mozilla) */
 border:1px solid transparent;
 left:-1px;
 padding-top:9px;
 
}

.sub-groups ul {
 visibility:hidden;
 
}

.nav-groups:hover div.sub-groups {
 display:block;
 
}

#menu .sub-groups a {
 border-top:1px solid #ffffff;
 border-left:1px solid #ffffff;
 text-indent:10px;
 height:auto;
 letter-spacing:0px;
 width:117px;
font-weight:normal;
 w\idth:115px;
}

#menu ul {
 list-style-type:none;
 margin:0;
 padding:0;
}

#menu li {
 margin-bottom:1px;
}




#topnav ul {  
margin:0;  
list-style:none; }

#topnav li {  
float: right; 
margin:5px 0 0 0; 
padding:0; 
background-image:none; 
background: #ffffff;	
text-indent:0; 
height: 15px; 
border-right: 1px solid #ddd; 
}

#topnav li ul { /* second-level lists */
	display: block;
	margin: 0;
	border: 1px solid #f8f8f8;
	padding-bottom: 4px;
	text-align: left;
	position: absolute;
	background: #ffffff;	
	width: 1.3em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#topnav li ul li {
 border: 0;}

#topnav li:hover ul,#topnav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
z-index: 2000;
}
  
#topnav a{ 
display:block; 
margin:0;  
padding:.25em 8px;  
padding-right: 10px; 
border-width:0;  
font-family:Arial; 
font-size:9px;   
text-decoration: none;  
background:inherit; 
vertical-align: middle; 
color:#999; 
}

#topnav a:hover{ 
display:block; 
margin:0;  
padding:.25em 8px;  
padding-right: 10px; 
border-width:0;  
font-family:Arial; 
font-size:9px;   
text-decoration: none;  
background:inherit; 
vertical-align: middle; 
color:#82ACD6; }