﻿#homepage-carousel-container
{
    margin:0px 0px 5px 0px;
    /*padding:15px;*/
    /*background-color:#FFFFFF;*/
    width:640px;
    height:285px;
    position:relative;
    overflow:hidden;
}
.carousel-header
{
    font-size: 18px;
    margin: 0px 0px 3px 0px;
    padding:0px;
    color:#666666;
    font-weight:normal;
}
#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-weight: bold;*/
	font-size: 18px;	
}
#homepage-carousel-container .carousel-index a.itemselected
{		
	background-color: #0054A6;
	color: #FFFFFF;
}

/* NEW CAROUSEL STUFFS */

.homepage-carousel-leftside
{
    width:460px;
    float:left;
    position:absolute;
    left:180px;
    z-index:190;
}

.homepage-carousel-rightside
{
    width:190px;
    float:left;   
    position:absolute;
    left:0px;
    z-index:200;
}

.homepage-carousel-leftside-on
{
    color:#ffffff;
    font-size:11px;
    line-height:16px;
    font-family:Arial,Sans-Serif;
    width:165px;
    height:43px;
    padding:8px 15px 0px 10px;
    /*background-color:#163c85;*/
    background:url(../Images/carousel-on.png) no-repeat top left;
    /*border-bottom:2px solid #f3f3f3;*/
}

.homepage-carousel-leftside-off
{
    color:#ffffff;
    font-size:11px;
    line-height:16px;
    font-family:Arial,Sans-Serif;
    width:165px;
    height:43px;
    padding:8px 15px 0px 10px;
    /*border-bottom:2px solid #f3f3f3;*/
    /*background:url(../Images/carousel-tab-bkg.jpg) no-repeat top right #DDDDDD;*/
    background:url(../Images/carousel-default.png) 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, .homepage-carousel-leftside-on a:hover
{
    color:#ffffff;
    text-decoration:none;
    display:block;
    overflow:hidden;
}

.homepage-carousel-leftside-off a, .homepage-carousel-leftside-off a:hover
{
    color:#DDDDDD;
    text-decoration:none;
    display:block;
    overflow:hidden;
}

.homepage-carousel-rightside-on
{
    width:190px;
    display:block;
}

.homepage-carousel-rightside-off
{
    width:190px;
    display:none;
}

.homepage-carousel-introtext
{
    color:#ffffff;
    position:absolute;
    /*opacity:0.75;
    filter: alpha(opacity=70);
    background-color:#333333;*/
    width:430px;
    /*margin:10px;*/
    height:75px;
    z-index:100;
    padding:10px 10px 10px 20px;
    /*background: url(../Images/carousel-intro-bkg.png) top left;*/
    margin-top:190px;
}

.homepage-carousel-leftside .overlay
{
    position:absolute;
    z-index:90;
    top:0px;
    width:460px;
    overflow:hidden;   
}
.carousel-category
{
    font-size:11px;
    color:#DDDDDD;
    font-style: italic;
}
.carousel-category a
{
    font-size:11px;
    font-family: Arial, Sans-Serif;
    color:#DDDDDD;
    text-decoration:none;
    text-transform:uppercase;
    font-style: normal;
}
.carousel-category a:hover
{
    text-decoration:underline;
}
.carousel-header a
{
    font-size:20px;
    /*font-family: Gerogia, Serif;*/
    font-family: Arial, Sans-Serif;
    color:#FFFFFF;
    text-decoration:none;
}
.carousel-header a:hover
{
    text-decoration:underline;
}
