/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; float:left;  z-index:200;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0px; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 1px; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */


#nav ul { width: 122px; }
#nav li.first ul, #nav li.last ul {width:124px;}
#nav ul ul { left: 162px; }


/* Everything else is theming */
.top {height:25px;}
#nav ul { top: 35px; } 
#nav li a.top{text-transform: uppercase; color: #000; width:122px; background:#fff url(../images/menu_grad.gif) no-repeat top right;  text-align:center;  padding-top:10px;  font-weight:bold;}
#nav li a:hover { text-decoration:none; text-transform: uppercase; background: #fff url(../images/menu_grad_invert.gif) no-repeat top right;}

#nav li.first a { text-transform: uppercase; background: #fff url(../images/start_top_nav.gif) no-repeat top left; width:125px;}
#nav li.first a:hover { text-decoration:none; text-transform: uppercase; background: #fff url(../images/start_top_nav_invert.gif) no-repeat top left;}

#nav li.last a { text-transform: uppercase; background: #fff url(../images/end_top_nav.gif) no-repeat top left; width:125px;}
#nav li.last a:hover { text-decoration:none; text-transform: uppercase; background: #fff url(../images/end_top_nav_invert.gif) no-repeat top left;}

#nav ul li a, #nav li.first ul li a, #nav li.last ul li a { width:108px; background-image:none; text-transform: uppercase; text-align:left; margin:0px; padding:2px 7px 4px 7px; background-color:#FBFBFB; border-bottom: 1px solid #E6E6E6; color: #000; font-size:10px; font-weight:900;}
#nav li.first ul li a, #nav li.last ul li a {width:110px;}

#nav ul.green li a:hover {background-image:none; color:#A0CC3A; text-transform: uppercase; text-decoration:none;}
#nav ul.blue li a:hover {background-image:none; color:#4266AF; text-transform: uppercase;text-decoration:none;}
#nav ul.red li a:hover {background-image:none; color:#DE1F35; text-transform: uppercase;text-decoration:none;}
#nav ul.cyan li a:hover {background-image:none; color:#1FC3F3; text-transform: uppercase;text-decoration:none;}
#nav ul.pink li a:hover {background-image:none; color:#EF6EA8; text-transform: uppercase;text-decoration:none;}
#nav ul.yellow li a:hover {background-image:none; color:#FFC50A; text-transform: uppercase;text-decoration:none;}
#nav a { padding: 0px; line-height: 14px; }


#nav ul.green li.selected_subpage{
  text-align:left; margin:0px; padding:2px 7px 4px 7px; background:#FBFBFB; border-bottom: 1px solid #E6E6E6; color: #A0CC3A; font-size:10px; font-weight:800; text-transform: uppercase;
}
#nav ul.blue li.selected_subpage{
  text-align:left; margin:0px; padding:2px 7px 4px 7px; background:#FBFBFB; border-bottom: 1px solid #E6E6E6; color: #4266AF; font-size:10px; font-weight:800;text-transform: uppercase; 
}
#nav ul.red li.selected_subpage{
  text-align:left; margin:0px; padding:2px 7px 4px 7px; background:#FBFBFB; border-bottom: 1px solid #E6E6E6; color: #DE1F35; font-size:10px; font-weight:800;text-transform: uppercase; 
}
#nav ul.cyan li.selected_subpage{
  text-align:left; margin:0px; padding:2px 7px 4px 7px; background:#FBFBFB; border-bottom: 1px solid #E6E6E6; color: #1FC3F3; font-size:10px; font-weight:800;text-transform: uppercase; 
}
#nav ul.pink li.selected_subpage{
  text-align:left; margin:0px; padding:2px 7px 4px 7px; background:#FBFBFB; border-bottom: 1px solid #E6E6E6; color: #EF6EA8; font-size:10px; font-weight:800;text-transform: uppercase; 
}
#nav ul.yellow li.selected_subpage{
  text-align:left; margin:0px; padding:2px 7px 4px 7px; background:#FBFBFB; border-bottom: 1px solid #E6E6E6; color: #FFC50A; font-size:10px; font-weight:800;text-transform: uppercase;
}


/* Basic code - don't modify */
 
 #navb { display: block; margin: 0; padding: 0; position: relative; float:left; }
  #navb li { display: block; list-style: none; margin: 0; padding: 0px; float: left; position: relative; }
  #navb a { display: block; }
  #navb ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navb ul { line-height: 0; } /* IE6 "fix" */
  	#navb ul a { zoom: 1; } /* IE6/7 fix */
    #navb ul li { float: left; }
    #navb ul ul { top: 0; }
    
/* Essentials - configure this */


#navb ul { width: 462px; }
#navb ul ul { left: 162px; }

/* Everything else is theming */
#navb ul { top: 35px; height:28px; background:transparent url(../images/bottom_submenu.gif) no-repeat top left ; width:475px;} 
#navb li a { _width:141px;  color: #000; height: 25px;  background:transparent url(../images/bottom_menu_grad_invert.gif) repeat top left;  text-align:center; padding:10px 26px 0px 26px; _padding:10px 0px 0px 0px; font-size:13px; font-weight:bold;}
#navb li a:hover { text-decoration:none; background: #fff url(../images/bottom_menu_grad.gif) repeat top left;}
#navb li.first a { _width:90px;   background: #fff url(../images/start_bottom_nav.gif) no-repeat top left; }
#navb li.first a:hover { text-decoration:none; background: #fff url(../images/start_bottom_nav_invert.gif) no-repeat top left;}

#navb li.empty a, #navb li.empty a:hover { width:2px; padding:10px 0px 0px 0px; background: #fff url(../images/bottom_menu_grad_invert.gif) repeat top left; }



#navb ul li.first a {background:none;color:#808080;}
#navb ul li.first a:hover {background: none; color:#000; text-decoration:none;}

#navb ul li a, #navb ul li.selected_subpage {  
  color:#808080; 
  background:transparent url(../images/bottom_submenu_divider.gif) no-repeat top right;  
  padding: 6px 15px 10px 15px; 
  width:auto;
  margin: 0px;
  height: 20px;  
  display:inline; 
  position:relative; 
  top:6px; 
  _top: 0px;
  .top:0px;
  font-weight:bold;
  left:10px;}
  
#navb ul li a:hover{ background: transparent url(../images/bottom_submenu_divider.gif) no-repeat top right; color:#000; text-decoration:none; } 
#navb a { padding: 0px; line-height: 1.2em; }

#navb ul li.selected_subpage {
  top:1px;
  _top:9px;
  .top:9px;

}
