@charset "UTF-8"; 



/*
  jCarousel
  This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container".
-----------------------------*/
.jcarousel-container { position: relative; }
.jcarousel-clip { padding: 0; margin: 0; z-index: 2; overflow: hidden; position: relative; }
.jcarousel-list { margin: 0px !important; padding: 0; z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; }
.jcarousel-list li,
.jcarousel-item { width: 75px; height: 75px; /* No width/height causes infinite loops. */ float: left; list-style: none; }
/* buttons added dynamically before the <ul> (inside the <div> described above) & have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next,
.jcarousel-prev { z-index: 3; display: none; }


@media projection, screen {


/* =COLUMNS
  .*_main are usually elastic
  .*_sidebar are usually fixed
  sidebar & main styles declared below template commons
  
  Standard Groups:
  .sidebar(.250)  .main(.420)   .sidebar(.300)
  .main(.679)                   .sidebar(.300)  
  .main(.300)     .main(.728)    .sidebar(.300)  
-----------------------------*/


/* column sizes */
div.col_120 { width: 120px; }
div.col_250 { width: 250px; }
div.col_420 { width: 585px; }
div.col_300 { width: 300px; }
div.col_337 { width: 337px; }
div.col_515 { width: 515px; }
div.col_562 { width: 562px; }
div.col_679 { width: 585px; }
div.col_730 { width: 585px; }
div.col_790 { width: 585px; }


}



@media projection, screen {
/* Features Carousel - photograph and small description box */
/* This should be in it's own file, but is here to save request for now(picture size) */
div#featuresCarousel_main a { text-decoration: none; }

div#featuresCarousel_main .content_body #feature_item_region { height: 300px; }
div#featuresCarousel_main .content_body a.feature_item { height: 300px; background-color: #000; background-repeat: no-repeat; background-position: top center; display: block; }
div#featuresCarousel_main .content_body a.feature_item .content { height: 40px; width: 585px; margin: 0; padding-top: 0px; display: block; position: relative; top: 280px; background-color: #000; }/*box with description*/
div#featuresCarousel_main .content_body a.feature_item .content_text {
	position:relative;
	width:585px;
	top: -58px;
	left: 1px;
	display: block;
	height: 40px;
}
div#featuresCarousel_main .content_body a.feature_item .content_text .body {
	height: 40px;
	color: #FFF;
	position: relative;
	top: 300px;
	display: block;
	margin: 0 5px 0;
	
}/*whitebox outline*/

div#featuresCarousel_main .content_body a.feature_item:hover .content_text .title,
div#featuresCarousel_main .content_body a.feature_item .content_text .title.hover { color: #FFFFFF !important; }




/*RT Features Main jCarousel Skin(small images and boxes)*/
.jcarousel-skin-rt_features_main .jcarousel-container,
.jcarousel-skin-rt_features_main .jcarousel-item a.img { background: #000000 ; }
.jcarousel-skin-rt_features_main .jcarousel-container-horizontal { padding: 6px 20px; }
.jcarousel-skin-rt_features_main .jcarousel-clip-horizontal { width:  545px; height: 70px; margin: 0 auto; }
.jcarousel-skin-rt_features_main .jcarousel-item { width: 86px; height: 80px; }
.jcarousel-skin-rt_features_main .jcarousel-item a { font-weight: normal; color: #b7babb; }
.jcarousel-skin-rt_features_main .jcarousel-item a:hover { color: #FFFFFF; }

.jcarousel-skin-rt_features_main .jcarousel-item a.hover img,
.jcarousel-skin-rt_features_main .jcarousel-item a:hover img { border-color: #b7babb; }
.jcarousel-skin-rt_features_main .jcarousel-item a.img { width: 80px; height: 50px; border: 2px solid #b7babb; display: block; background-position: bottom center; }
.jcarousel-skin-rt_features_main .jcarousel-item a.img:hover { border-color: #FFFFFF; }

.jcarousel-skin-rt_features_main .jcarousel-item a span { position: relative; top: 55px; display: block; text-align: center; font-size: 0.8em; line-height: 12px; } /* IE6 doesnt like borders here. */

.jcarousel-skin-rt_features_main .jcarousel-item a span.selected { color: #FFFFFF; }
.jcarousel-skin-rt_features_main .jcarousel-item a:hover span { color: #FFFFFF; }
.jcarousel-skin-rt_features_main .jcarousel-item a:hover span.selected { color: #FFFFFF !important; }

.jcarousel-skin-rt_features_main .jcarousel-item-horizontal { margin-right: 6px; }
.jcarousel-skin-rt_features_main .jcarousel-item-placeholder { background: #fff; color: #000; }





/*RT Features Main jCarousel Skin - Item Overlay*/
#feature_carousel_item_overlay { width: 80px; height: 50px; position: absolute; left: 1px; top: 6px; border: 2px solid #FFFFFF; z-index: 3; text-align: center; cursor: pointer; }/*up arrow position*/
    html>body #feature_carousel_item_overlay { left: 20px; } /*ie6 is -20px*/
#feature_carousel_item_overlay.hover,
#feature_carousel_item_overlay:hover { border-color: #000000; }
#feature_carousel_item_overlay #feature_carousel_item_overlay_arrow { width: 13px; height: 6px; margin: 0 auto; overflow: hidden; position: relative; top: -8px; cursor: pointer; background: url(http://www.davidsonccc.edu/images/expand_arrow_up.gif) no-repeat 0 0; }
#feature_carousel_item_overlay:hover #feature_carousel_item_overlay_arrow,
#feature_carousel_item_overlay #feature_carousel_item_overlay_arrow.hover { background-position: 0 -6px; }



/*RT Features Main jCarousel Skin - Horizontal Buttons*/
.jcarousel-skin-rt_features_main .jcarousel-next-horizontal { background: transparent url(http://www.davidsonccc.edu/images/expand_arrow_right.gif) no-repeat 0 0; }
.jcarousel-skin-rt_features_main .jcarousel-prev-horizontal { width: 18px; height: 14px; position: absolute; top: 28px; right: 560px; cursor: pointer; background-position: 0 0; }


.jcarousel-skin-rt_features_main .jcarousel-prev-horizontal { background: transparent url(http://www.davidsonccc.edu/images/expand_arrow_left.gif) no-repeat 0 0; }
.jcarousel-skin-rt_features_main .jcarousel-next-horizontal { width: 18px; height: 14px; position: absolute; top: 28px; right: 7px; cursor: pointer; background-position: 0 0; }


}