/*** tabs ***/

#navcontainer  {
  border-bottom: 3px solid #e48217;
  font-size: 90%;
  margin: 0 0 30px 0;
  position: relative;
  z-index: 0;
}

#navcontainer ul#navlist li {
  list-style: none;
  margin:0 3px 0 0;
  float:left;
  width: 168px;
  text-align:center; 
}
#navcontainer ul#navlist li a {
  background: url(../images/tab_inactive.gif) no-repeat;
  text-decoration: none;
  float:left;
  line-height:25px;
  width: 169px;
  color: #b1b1b1; 
  padding-top: 4px;
  margin: 0;
  height: 32px;
  position: relative;
  z-index: 3;
  margin-bottom: -6px;
}
#navcontainer ul#navlist li a:hover {
  background: url(../images/tab_active.jpg) no-repeat;
  color: white;
}
#navcontainer ul#navlist li a#current {
  background: url(../images/tab_active.jpg) no-repeat;
  color: white;
}

#navcontainer div#line { 
  border-bottom: 4px solid #e48217;
  /*background: url('../images/tab_line.jpg') repeat-x 0 28px;
  height: 32px; */
  padding-bottom:28px; 
  margin-bottom: -3px; 
  position: relative;
  z-index: 2;
}

.clearer{
 height:1px;
 overflow:hidden;
 margin-top:-1px;
 clear:both;
}

/*** small tabs ***/
#navcontainer ul#navlist li.small { width: 107px; margin:0 3px 0 0;}

#navcontainer ul#navlist li a.small { background: url(../images/tab_inactive_small.gif) no-repeat; width: 107px;}

#navcontainer ul#navlist li a.small:hover { background: url(../images/tab_active_small.jpg) no-repeat;}

#navcontainer ul#navlist li a.small#current { background: url(../images/tab_active_small.jpg) no-repeat;}

/*** medium tabs ***/
#navcontainer ul#navlist li.medium { width: 138px; margin:0 3px 0 0;}

#navcontainer ul#navlist li a.medium { background: url(../images/tab_inactive_med.gif) no-repeat; width: 138px;}

#navcontainer ul#navlist li a.medium:hover { background: url(../images/tab_active_med.jpg) no-repeat;}

#navcontainer ul#navlist li a.medium#current { background: url(../images/tab_active_med.jpg) no-repeat;}

/*** large tabs ***/
#navcontainer ul#navlist li.large { width: 148px; margin:0 3px 0 0;}

#navcontainer ul#navlist li a.large { background: url(../images/tab_inactive_large.gif) no-repeat; width: 148px;}

#navcontainer ul#navlist li a.large:hover { background: url(../images/tab_active_large.jpg) no-repeat;}

#navcontainer ul#navlist li a.large#current { background: url(../images/tab_active_large.jpg) no-repeat;}
/*** end tabs ***/