ul#mycarousel {font-size:1.1em;margin:0;}
ul#mycarousel p {font-size:1.2em;line-height:1.5em;margin:0;padding:0;}

.jcarousel-skin-tango .jcarousel-container {}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 980px;
    padding: 20px 0;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 940px;
height: 160px;
margin: 0 20px;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 12px;} /*space between hottopics */

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;}

/**
 * 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;}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 226px;
    height: 150px;
}


/* --------------------------------------------- */
/*  Hot Topics                                   */
/* --------------------------------------------- */
	
.jcarousel-skin-tango .jcarousel-item {
    font-family: Arial, Helvetica, Tahoma, sans-serif;
width: 226px; /*hot topic width */
    height: 160px;}

body#index div.hotcontent {padding:5px 10px;}

body#index div.nopad {padding:0;}

li.hottopic {margin-right: 20px;width:226px;height:160px;float:left;background:#ddddd5 url('../images/hot-bottom.gif') no-repeat bottom;}
li.hottopic h3 {border-bottom:white 2px solid; background: no-repeat top;padding:5px 5px 5px 10px;color:white;font-size:1.5em;margin:0;font-family: Arial, Helvetica, Tahoma, sans-serif;}
li.orange h3 {background-color:#ce812c; background-image:url('../images/hot-orange-top.gif');}
li.yellow h3 {background-color:#e7b425; background-image:url('../images/hot-yellow-top.gif');}
li.brown h3 {background-color:#808062; background-image:url('../images/hot-brown-top.gif');}
li.athletics {background: url('../images/hot-athletics.jpg') no-repeat bottom;}
li.fasttrack {background: url('../images/hot-fasttrack.jpg') no-repeat bottom;}
li.schedule {background: url('../images/hot-schedule.png') no-repeat bottom;}
body#index li.hottopic h3 a:link, body#index li.hottopic h3 a:visited {color:white;}
body#index li.hottopic h3 a:hover, body#index li.hottopic h3 a:active {}

li.hottopic .action {background-image: url(../images/hotarrow.png);}

#mycarousel li a:link, #mycarousel li a:visited {text-decoration:none;color:#808062;}
#mycarousel li a:hover {text-decoration:underline;color:#686848;}



select#droplinks{
list-style: none;
margin-left: 0em;
margin-top:0em;
width:85%;
}

p#selectdroplink{
padding:none}

p#onlinecamptext{vertical-align:middle;}
img#onlinecampimg{}
div.onlinecamparea{margin-top:1em;}


/*
 * 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".
 */

/* --------------------------------------------- */
/*  Next Button                                  */
/* --------------------------------------------- */

.jcarousel-next {
    z-index: 3;
    display: none;}

.jcarousel-skin-tango .jcarousel-next-horizontal {
  position: absolute;
  top: 50px;
  right: 0px;
  width: 12px;
  height: 87px;
  cursor: pointer;
  background: transparent url(../images/next-horizontal.png) no-repeat -19px 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -37px 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -37px 1;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;}

/* --------------------------------------------- */
/*  Prev Button                                  */
/* --------------------------------------------- */

.jcarousel-prev {
    z-index: 3;
    display: none;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
   position: absolute;
   top: 50px;
   left: 0px;
   width: 12px;
   height: 87px;
   cursor: pointer;
   background: transparent url(../images/prev-horizontal.png) no-repeat -19px 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -37px 0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -37px 1;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;}