﻿#homepage-carousel-container
{
    margin:0px 0px 5px 0px;
    background-color:#fff;
    border-top: 1px solid #CC0000;
    padding-top:1px;
    width:641px;
    position:relative;
    overflow:hidden;
    height:272px;
}
#homepage-carousel-header
{
    font-size: 12px;
    text-shadow:0 1px 0 #560505;
    font-style:italic;
    position:absolute;
    top:10px;
    right:0px;
    background-color:#BF1818;
    z-index:300;
    color:#FFFFFF;
    padding:4px 6px;
}
#homepage-carousel-container .lead-story
{
}
#homepage-carousel-container .lead-story .text
{
    float:left;
    width:318px;
    height:200px;
    padding:15px 0px 15px 15px;
    background:url(../images/carousel_left.jpg) no-repeat top right; 
    color:#FFFFFF;
    overflow:hidden;
}
#homepage-carousel-container .lead-story .text a
{
    margin: 0px 0px 15px 0px;
    font: 26px Tahoma, Arial;
    color: #FFFFFF;
}
#homepage-carousel-container .lead-story .text .category
{
    margin: 0px 0px 5px 0px;
    height:15px;
}
#homepage-carousel-container .lead-story .text .category a
{
    font-size: 10px;
    color: #EEEEEE;
    text-transform: uppercase;
    font-family: Arial;
    margin:0px;
    line-height:normal;
}
#homepage-carousel-container .lead-story .text .byline
{
    margin-top: 10px;
}
#homepage-carousel-container .lead-story .text .byline, #homepage-carousel-container .lead-story .text .byline a
{
    color: #EEEEEE;
    font-size: 12px;
    font-family: Arial;
}
#homepage-carousel-container .lead-story .text p
{
    font:13px arial;
    font-weight:bold;
    margin-top: 10px;
}
#homepage-carousel-container .lead-story .image
{
    float:left;
    width:307px;
    height:230px;
}
#homepage-carousel-container .lead-story .overlay
{
    overflow:hidden;
    position:absolute;
    top:0px;
    left:333px;
    width:307px;
    height:230px;
}
#homepage-carousel-container .carousel-index
{	
	width:610px;
	height: 25px;
	background-color: #E0E0E0;
	text-align: left;
	clear: both;
	padding-left: 15px;
	padding-right: 15px;
}
#homepage-carousel-container .carousel-index .arrows
{	
	float: right;	
	padding-top: 6px;
}
#homepage-carousel-container .carousel-index .arrows a
{		
	padding-left: 3px;
}
#homepage-carousel-container .carousel-index a
{	
	cursor: pointer;
}
#homepage-carousel-container .carousel-index a.item, #homepage-carousel-container a.itemselected
{
    float: left;
	height: 24px;
	padding: 1px 8px 0px 8px;
	color: #666666;
	font-size: 18px;	
}
#homepage-carousel-container .carousel-index a.itemselected
{		
	background-color: #0054A6;
	color: #FFFFFF;
}

/* NEW CAROUSEL STUFFS */

.homepage-carousel-leftside
{
    float:left;
    z-index:190;
    margin:0 0 0 180px;
}

.homepage-carousel-rightside
{  
    z-index:200;
    padding:0 0 0 0px;
    width:190px;
    position:absolute;
    top:1px;
    left:0;    
}
.homepage-carousel-rightside h2 
{
    display:block;
    margin:0;
    background:#CC0000;
    color:#fff;
    width:170px;
    font-size:14px;
    font-weight:700;
    padding:2px 0 0 10px;
    height:18px;
}

.homepage-carousel-leftside-on,
.homepage-carousel-leftside-off
{
    color:#ffffff;
    font-size:13px;
    line-height:16px;
    font-family:Arial,Sans-Serif;
    height:51px;
    padding:5px 25px 6px 10px;
    overflow:hidden;
    background:url(../Images/carousel-default.gif) no-repeat top left;  
}
.homepage-carousel-leftside-on
{
    background:url(../Images/carousel-on.png) no-repeat top left;
}
.homepage-carousel-leftside-separator
{
    background:url(../Images/carousel-default-separator.gif) no-repeat top left;
}

.homepage-carousel-category
{
    font-size:10px;
    text-transform:uppercase;
    font-family: Arial, Sans-Serif;
    text-decoration:none;
}

.homepage-carousel-leftside-on a 
{
    color:#FFF;
    text-decoration:none;
    display:block;
    overflow:hidden;
    font-weight:normal;
    height:51px;
}

.homepage-carousel-leftside-on a:hover
{
    text-decoration:none;
    color:#FFF;
}

.homepage-carousel-leftside-off a, .homepage-carousel-leftside-off a:hover
{
    text-decoration:none;
    display:block;
    overflow:hidden;
    font-weight:normal;
    color:#444444;
    height:51px;
}


.homepage-carousel-rightside-on
{
    display:block;
}

.homepage-carousel-rightside-off
{
    display:none;
}

.homepage-carousel-introtext
{
    color:#ffffff;
    position:absolute;
    height:102px;
    z-index:100;
    padding:10px 15px 0px 15px;
    margin-top:160px;
    overflow:hidden;
    width:431px;
}

.homepage-carousel-leftside .overlay
{
    position:absolute;
    z-index:90;
    top:168px;
    width:460px;
    height:105px;
    overflow:hidden;   
    background-color:#262930;
    opacity:0.75;  
    filter:alpha(opacity=75);  
    -moz-opacity:0.75; 
}
.carousel-category a
{
    font-size:11px;
    font-family: Arial, Sans-Serif;
    color:#DDDDDD;
    text-decoration:none;
    text-transform:uppercase;
}
.carousel-category a:hover
{
    text-decoration:underline;
}
.carousel-published
{
    color:#DDDDDD;
    font-family:Arial,Sans-Serif;
    font-size:11px;
    font-style:italic;
}
.carousel-header
{
    margin-bottom:2px;
    /*height:49px;*/
    overflow: hidden;
    
}
.carousel-header a
{
    font-size:20px;
    font-family: Arial, Sans-Serif;
    color:#FFFFFF;
    text-shadow:0 1px 0 #303438;
    text-decoration:none;
    font-weight:bold;
    line-height:23px;
    
}
.carousel-header a:hover
{
    color:#eeeeee;
    text-decoration:underline;
}
