@charset "utf-8";
/* CSS Document */

	#image_rotator_container {
		width:648px;
		height:280px;
		padding:7px;	
	}

	/*main_image section */



	.main_image  {
    /*width: 598px;*/
	width: 444px;
    height: 280px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
	}
	.main_image h2 {
		font-size: 2em;
		/*font-weight: normal;*/
		margin: 0 0 5px;
		padding: 9px 17px 0 17px;
	}
	.main_image p {
		font-size: 1.0em;
		line-height: 1.2em;
		padding: 0 17px 15px 17px;
		margin: 0;
	}
	.block small { /*--We'll be using this same style on our thumbnail list--*/
		font-size: 1em;
		padding: 0 0 0 20px;
		background: url(icon_calendar.gif) no-repeat 0 center;
	}
	.main_image .block small {/*margin-left: 10px;*/}
	.main_image .desc{
		position: absolute;
		bottom: 0;
		left: 0; /*--Stick the desc class to the bottom of our main image container--*/
		width: 100%;
		display: none; /*--Hide description by default, if js is enabled, we will show this--*/
	}
	.main_image .block{
		width: 100%;
		background: #111;
		border-top: 1px solid #000;
	}
	.main_image .block a{
		color:#12c6ce;
		text-decoration:none;
	}
	.main_image .block a:hover{
		text-decoration:underline;
	}
	.main_image a.collapse { /*--This is our hide/show tab--*/
		background: url(btn_collapse.gif) no-repeat left top;
		height: 27px;
		width: 93px;
		text-indent: -99999px;
		position: absolute;
		top: -27px;
		right: 20px;
	}
	.main_image a.show {background-position: left bottom;}
	
	
	/*image_thumb section */
	.image_thumb  {
		float: left;
		/*width: 299px;*/
		width: 200px;
		/*background: #f0f0f0;
		background-color:#57CAD0;*/
		/*border-right: 1px solid #fff;
		border-top: 1px solid #ccc;*/
		background: url('images/banner_thumbnail_back.gif') no-repeat;
		margin-left:4px;
	}
	
	.image_thumb h2 {
			
	}
	.image_thumb a span {
		display:block;
		border: 1px solid #fff;
		background: #fff;
		float: left;
		height:50px;
		width:50px;	
		overflow:hidden;
		position:relative;
		margin-right:4px;
	}
	.image_thumb img {
		border:none;
		height:50px;
		width:79px;
		position:absolute;
		left:-15px;
	}
	.image_thumb ul {
		margin: 0;
		padding: 0;
		list-style: none;
		
	}
	.image_thumb ul li{
		margin: 0;
		padding: 8px;
		/*background: #f0f0f0 url(nav_a.gif) repeat-x;*/
		/*width: 279px;*/
		width: 183px;
		height:53px;
		float: left;
		cursor: pointer;
		
		border-top:1px solid #fff;
	}
	
	.image_thumb ul li.active,
	.image_thumb ul li:hover{ /*--Active State--*/
		background: url('images/banner_thumbnail_back_dark.gif') no-repeat;
		cursor: pointer;
	}
	.image_thumb ul li.item1.active,
	.image_thumb ul li.item1:hover{ /*--Active State--*/
		background-position:0 0px;
	}
	.image_thumb ul li.item2.active,
	.image_thumb ul li.item2:hover{ /*--Active State--*/
		background-position:0 -69px;
	}
	.image_thumb ul li.item3.active,
	.image_thumb ul li.item3:hover{ /*--Active State--*/
		background-position:0 -138px;
	}
	.image_thumb ul li.item4.active,
	.image_thumb ul li.item4:hover{ /*--Active State--*/
		background-position:0 -207px;
	}
	html .image_thumb ul li h2 {
		font-size: 1.5em;
		font-size:1.0em;
		font-weight:normal;
		margin: 0px 0;
		padding: 0;
	}
	html .image_thumb ul li p,
	html .image_thumb ul li small{
		display:none;
	}
	.image_thumb ul li .block {
		float: left;
		margin-left: 3px;
		padding: 0;
		/*width: 170px;*/
		width: 120px;
	}
	.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/