#Archives .carousel { 
		padding: 1px 0 0 0;
		margin: 0 0 0px 0px;
		position: relative;     
	}

    #Archives .main { 
        margin-left: 0px auto;
		width:715px;
    }

    #Archives .demo em { 
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }

    #Archives .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }

    #Archives .carousel a.prev, #Archives .carousel a.next { 
        display: block;
        float: left;
        width: 40px;
		line-height: 46px;
		font-size:12px;
		font-weight:bold;
        text-decoration: none;
		outline: none;
    }

	#Archives .carousel a.next { 

	}

	#Archives .carousel a.next:hover { 
		text-decoration:underline;
	
	}

	#Archives .carousel a.prev:hover { 
		text-decoration:underline;
	}

	#Archives .carousel a:hover, #Archives .carousel a:active { 
		border: none;
		outline: none;
	}

    #Archives .carousel .jCarouselLite { 
        float: left;
        background-color: #F7D1D1;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }

	#Archives .carousel ul { 
		margin: 0;
	}

	#Archives .carousel li img, 
	#Archives .carousel li p,
	#Archives .carousel li p a{ 
		width: 125px;
		height: 30px;
		line-height: 30px;
		margin: 10px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
	}

	#Archives .widget img { 
		cursor: pointer;
	}

	#Archives .imageSlider li img, 
	#Archives .imageSlider li p, 
	#Archives .imageSliderExt li img , 
	#Archives .imageSliderExt li p { 
		width: 125px;
		height: 30px;
	}