h2#page-title {
  display:none;
}

#featurepanel {
  margin:0px 12px 0px 0px !important;
  padding-left:0px !important;
  width:480px !important;
  border:0px !important;
}

h3#mentor-cats-title{
  background:#cccccc !important;
  padding:6px;
  font-size:1.667em;
  font-weight:normal;
}

div#mentorcats {
  overflow:hidden;
}

div#mentorcats ul {
  overflow:hidden;
  width:100%;
  margin:6px;
}

div#mentorcats ul li {
  width:40%;
  clear:none !important;
  background:url(/img/li-charcoal-sq.gif) left center no-repeat ;
  float:left;
  padding:0px 0px 0px 18px !important;
  margin:3px 0px !important;
}

div#mentorcats ul li.over ,
div#mentorcats ul li:hover ,
div#mentorcats ul li.active {
  background:url(/img/li-red-sq.gif) left center no-repeat ;
}

div#mentorcats ul li.active a {
  font-weight:bold;
  text-decoration:underline;
}

#mentorlist {
  overflow:hidden;
  height:185px;
  border:solid 2px #cccccc;
  margin-bottom:12px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}

#mentorlist h4 {
  margin:9px 0px 0px 10px;
}

#mentorlist ul {
  margin:0px;
  padding:0px;
}

#mentorlist li {
  float:left;
}

#mentorlist li img {
border: 1px solid #fff;
}

#mentorlist li.active img,
#mentorlist li.over img,
#mentorlist li:hover img {
  border: 1px solid #f00;
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
  position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    float:left;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    list-style-image:none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 105px;
    height: 145px;
    margin:0px 0px;
    padding: 3px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    float:right;
    display: block;
    background:url(/img/scroll-right.gif) left center no-repeat;
    margin-top:3px;
    width:26px;
    height:105px;
}

.jcarousel-prev {
    z-index: 3;
    float:left;
    display: block;
    margin-top:3px;
    background:url(/img/scroll-left.gif) left center no-repeat;
    width:26px;
    height:105px;
}

.jcarousel-prev-disabled {
  /*background:url(/img/scroll-left-inactive.gif) left center no-repeat !important;*/
  background:url(/img/scroll-left-sml-inactive.gif) 6px center no-repeat !important;
}

.jcarousel-next-disabled {
  /*background:url(/img/scroll-right-inactive.gif) left center no-repeat !important;*/
  background:url(/img/scroll-right-sml-inactive.gif) 3px center no-repeat !important;
}


/**
* Mentor Profile
**/

#mentor-profile {
  padding:6px;
  border:solid 2px #cccccc;
  margin-bottom:12px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}


#news-item {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}


#news-item #mentor-profile-box {
  float:right;
  background:#ebebec url(/img/mentor-profile-box-bg.png) top left repeat-x;
  border:solid 1px #cdcdcd;
  padding:0px;
  width:250px;
  height:93px;
}

#news-item #mentor-profile-box div.txt {
  font-size: 0.917em;
  padding:6px;
  color:#777676;
}


#mentor-profile-box div.txt h3 {
  font-size:1.273em;
  margin-top:1em;
  margin-bottom:0.1em;
}

#mentor-profile-box div.txt h3 a {
  color:#777676;
}

#news-item #mentor-profile-box img {
  float:right;
  margin:0px 0px 0px 6px;
  padding:0px;
  width:93px;
  height:93px;
}


span.mencat,
span.mencat a{
font-family:arial;
  font-size: 0.727em;
  color:#6d6e71;
}