/****************HOME STARTS****************/
#header {float:left; width:955px; background:url(../media/images/header_bg_home.gif) no-repeat right 0; padding:8px 0 5px 0;}
.footer_inner {float:left; width:935px; padding:25px 10px 80px 10px; background:none no-repeat 10px 0;}

/********top stories starts*********/
.canvas {float: left; width: 960px;}

.clear {clear: both;}

.story-list a {color:#003399; text-decoration:none;}
.story-list a:hover {text-decoration: underline;}

/********carousel starts********/
.foto-carousel-container {width: 460px; position:relative; background: #FFF; float: left;margin-bottom:10px;clear:both;}
	.foto-carousel {width: 456px; background:#000; padding: 5px 2px; overflow: hidden; position: absolute; bottom: 0;display:none;}
	.foto-carousel-active .foto-carousel {bottom: 2px;}
	  .foto-carousel .foto-carousel-slider {line-height: 0;}
		.foto-carousel .foto-small {display: inline-block; background: none; margin: 0; padding: 0; opacity: 0.3;}
		.foto-carousel .foto-small:hover {opacity: 1;}
		.foto-carousel .foto-small.selected {opacity: 1;}
			.foto-carousel .foto-small.selected img {border: 2px solid #fff;}
			.foto-carousel .foto-small img {height: 40px; width: 40px; border: 2px solid #000;}
		.foto-carousel-container .control {width: 28px; height: 48px; display: block; overflow: hidden; position: absolute; text-indent: -9999px; z-index: 10;}
		/*.foto-carousel-container .control.previous {background: #000 url('../visuals/previous.png') no-repeat center; left: 0;}
		.foto-carousel-container .control.next {background: #000 url('../visuals/next.png') no-repeat center; right: 0;}*/
		.foto-carousel-active, .foto-story-list-active {border: 1px solid #aaa; padding: 2px;}
		.foto-carousel-hover, .foto-story-list-hover {border: 3px solid #555;}
		.foto-carousel-container .foto-large { width: 460px; height: 385px; overflow: hidden; line-height: 0;}
		.foto-carousel-container .foto-large a {outline: none; }
		.foto-carousel-container .foto-large img {border: none; outline: none; }
	.foto-cover {width: 460px; padding: 1000px 0; position: absolute; background: #000;}
/********carousel ends********/

.foto-large {overflow: hidden; line-height: 0; width: 462px; }
.foto-large a {outline: none; }
.foto-large img { outline: none; }
.foto-large img.large-home2 { border:1px solid #000; margin-bottom:10px; width:460px; height: 385px; }

.ctr_left .introtext{width:450px;border-color:#fff;background:#fff;}
.ctr_right .introtext{width:450px;}
.introtext{ border: 1px solid #aaa;padding:6px 8px;background:#eee;margin:0 0 8px 0;}
.introtext h2 {font-size: 18px; line-height: normal; font-weight: normal; text-decoration: none; color: #222; text-transform: uppercase;margin-bottom:6px;}
.introtext_event { float: left; width: 442px; }

.banner{width:448px;border: 1px solid #aaa;padding:5px;background:#fff;margin-bottom:10px;overflow:hidden;}
.banner img{float:left;margin-right:10px;width:200px;height:165px;}
.banner h4 {font-size: 18px; line-height: normal; font-weight: normal; text-decoration: none; color: #222; text-transform: uppercase;margin-bottom:6px;font-stretch:condensed;}
.banner .button{display:inline-block;padding:4px 7px;color:#fff;background:#444;}


/********eventvariation starts********/
.txt h1, .txt h2 {font-family:Arial Narrow, Arial, Helvetica, sans-serif; font-weight: normal; color:#222; text-transform:uppercase; padding-bottom: 10px; font-stretch: condensed;}
.txt h1 {font-size: 24px; line-height: 24px;}
.txt h2 {font-size: 18px; line-height: 18px;}

.event-banner-container {float: left; position: relative; width: 458px; height: 438px; margin-right: 20px; border: 1px solid #666666;}
	.event-banner-container .img {position: absolute; z-index: 5; width: 458px;}
	.event-banner-container .txt {position: absolute; z-index: 10; bottom: 30px; left: 30px; width: 358px; padding: 20px; background: #ffffff; border: 1px solid #cccccc;}
		.event-banner-container a.button {background: #515151; color: #fff; display: block; float: left; font: normal 12px arial, sans-serif; height: 17px; margin: 10px 0; padding: 5px 10px; text-decoration: none;}

.event-one {float: left; width: 221px; height: 235px; margin: 0 19px 20px 0;}
.event-two {float: left; width: 220px; height: 235px; margin: 0 0 20px 0;}
	.event-one .img, .event-two .img {float: left; width: 218px; height: 128px; margin-bottom: 10px; border: 1px solid #666666;}
	.event-one .txt, .event-two .txt {float: left;}
.event-three {float: left; width: 448px; height: 173px; padding: 5px; border: 1px solid #cccccc;}
	.event-three .img {float: left; width: 212px; height: 172px; margin-right: 20px; border: 1px solid #666666;}
	.event-three .txt {float: left; width: 214px;}
	.event-three a.button {background: #515151; color: #fff; display: block; float: left; font: normal 12px arial, sans-serif; height: 17px; margin: 10px 0; padding: 5px 10px; text-decoration: none;}
/********eventvariation ends********/
	
.story-list {width: 475px; background: #FFF; float: left;}
	.story-list ul {list-style: none; margin: 0;}
	.story-list ul li {list-style: none; float: left; width: 450px; margin-bottom: 2px; padding: 6px 8px; cursor:pointer; border: 1px solid #fff;}

.newhome .story-list ul li {list-style: none; float: left; width: 214px; margin-bottom: 10px; padding: 6px 21px 6px 0px; cursor:pointer; border: 1px solid #fff;}

	.story-list ul li.st1 h1 a {/*font-size: 26px;*/font-size: 18px; line-height: normal; font-weight: normal; text-decoration: none; color: #222; text-transform: uppercase;}
	.story-list ul li.st2 h2 a {/*font-size: 22px;*/font-size: 18px; line-height: normal; font-weight: normal; text-decoration: none; color: #222; text-transform: uppercase;}
	.story-list ul li.st3 h2 a {font-size: 18px; line-height: normal; font-weight: normal; text-decoration: none; color: #222; text-transform: uppercase;}
		.story-list ul li h1 a:hover, .story-list ul li h2 a:hover {text-decoration: none;}
	
	.story-list ul li.selected {background: #555555; color: #fff;}
		.story-list ul li.selected a {color: #66ccff;}
			.story-list ul li.selected a:hover {text-decoration: none;}
		.story-list ul li.selected h1 a, .story-list ul li.selected h2 a {color: #fff;}
	.story-list ul li.foto-story-list-active {border: 1px solid #aaa; background: #eee;}
	  .story-list ul li.foto-story-list-active h1 a, .story-list ul li.foto-story-list-active h2 a, .story-list ul li.foto-story-list-active p {color: #555;}
	  .story-list ul li.foto-story-list-active a {color: #003399; }

	.story-list ul li.st1 {}
	.story-list ul li.st2 {}
	.story-list ul li.st2 img {float: left; margin: 0 10px 0 0; }
	.story-list ul li.st2 p {float: left; }
	.story-list ul li.st3 {}

	.story-list ul li.home1 img {  }
	.story-list ul li.home1 p { width: 365px; }
	.story-list ul li.home2 img { width: 212px; height: 128px; border: solid 1px #222; margin-bottom: 7px; }
	.story-list ul li.home2 p { width: 225px; }

/********top stories ends*********/
/****************HOME ENDS****************/









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */