html {
    background-color:#252a39;
}

#rte-content{
    background:#FFFFFF url(/tv/faircity/images/bgr_main_visual_v2.jpg) repeat-x scroll 0 0;
}

.mainNav {
    background:none;
}

.rte-footer {
    background:#012758 url(/tv/faircity/images/logo_rte_footer.gif) no-repeat scroll 850px 50%;
}

.rte-footer a {
    text-decoration:none;
}

.containerFaircity{
	width:100%;
	margin:0;
	padding:0 0 5px;
	height:100%;
	border: none;
	background: #fff url(/tv/faircity/images/bgr_main_visual.jpg) repeat-x;
	width:849px;
}

h3 {
	font-weight:normal;
	color:#3a8ac2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px;
}

h3 a {
	color:#3a8ac2;
	text-decoration:none;
}

h3 a:hover {
	color:#FFAE00;
	text-decoration:none;
}

.mainVisualArea {
	background:url(../images/bgr_main_visual.jpg) no-repeat; 
	height:344px;
	width:849px;
	margin:0px 0px 10px 0px;
	float:left;
}

.mainNav {
	background:transparent url(/tv/faircity/images/bgr_main_visual.jpg) no-repeat scroll 0 0;
	float:left;
	height:350px;
	width:254px;
    padding:0 0 0 18px;
}

.leftNav{ 
	width:256px;
	margin-top: 180px;	
}

.leftNav a {
	display:block;
	width:216px;
	height:19px;
	background:none;
	margin:0px;
	padding:0px;
	color:#ffffff;
	padding:1px 20px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0;
	text-decoration:none;
}

.leftNav a:hover {
	text-decoration:none;
	color:#FFB109;
	background-color:#33506B;
}

body.home .leftNav a#home, 
body.weekPrev .leftNav a#weekPrev, 
body.videoHighlights .leftNav a#videoHighlights, 
body.featuresNews .leftNav a#featuresNews, 
body.characters .leftNav a#characters, 
body.videoHighlights .leftNav a#videoHighlights, 
body.photoGallery .leftNav a#photoGallery, 
body.polls .leftNav a#polls, 
body.shop .leftNav a#shop {
	background-color:#33506B;
}

#videoHighlights {
	background-image:url(/tv/faircity/images/leftnav_player_logo.png);
	background-repeat:no-repeat;
	background-position:172px 2px;
}

.flashComp{ 
	padding: 10px 7px 0px 13px;
	float:left;
	z-index:1;
	
}

/*Footer Area start here*/

.extra {
    width:832px;
    background:transparent url(/tv/faircity/images/extrabg_832.jpg) no-repeat scroll 0 0;
	margin:8px 0px 14px 0px;
	padding:0px;
	height:232px;
	float:left;
}

.extra a.sta img {
	border:1px solid #5ba1bf;
	
}
.extra a.sta:hover img {
	border:1px solid #ffae00;
}

a.rightArrow  {
	background:url(../images/rArrow.gif) right no-repeat;
	padding:2px 24px 2px 0px;
	margin:0px 10px 0px 0px;
}
/************** Extra Box CSS *************/	

.fcontainer{
	width:825px;
	height:35px; 
	background:transparent;
}
	
.fcontainer .txt{
	float:left;
	width:660px;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	padding-top:9px;
	padding-left:15px;	
	z-index:5px;
	position:relative;

	}
.btnArrow{
	float:right;
	height:20px;
	margin:0px;
	padding-top:8px;
	}
.btnArrow a{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	}
	
.btnArrow img{
	padding:0px 5px 0 5px;
	}
/******** Main Content Home Page *********************/

#homeThisWeek {
    width:276px;
    float:left;
}

#homeNews, .homeNews {
    width:276px;
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.homeNews h3, #homeNews h3, #homeThisWeek h3{
    padding:10px 15px 4px;
    background:transparent url(/tv/faircity/images/col2_head_bg_276.gif) no-repeat scroll 0 0;
    height:22px;
    width:246px;
}

.newsItems{
    background-color:#dff2fd;
    border-bottom:1px solid #FFFFFF;
    border-right:1px solid #D1D2D2;
    border-left:1px solid #D1D2D2;
    color:#393A3B;
    display:block;
    float:left;
    margin:0;
    padding:12px 7px;
    text-decoration:none;
    width:260px;
}
.newsItems h4 {
    font-size:14px;
    font-weight:bold;
    margin:0 0 6px;
    padding:0;
}
.newsItems h4 a{
    color:#393A3B;
    text-decoration:none;
}
.newsItems img {
    border:1px solid #22346E;
    float:left;
    margin:1px 5px 1px 1px;
}
.newsItems p {
    font-size:11px;
    margin:0;
    padding:0;
}
.newsItems p a {
    color:#393A3B;
    text-decoration:none;
}

.newsItems0 {
    background:#95C5E1 url(/tv/faircity/images/col2_news_item_bg.gif) repeat-x scroll center top;
}
img.newsItems0  {
    border:1px solid #FFAE00;
    
}
.newsItems0 p {
    margin:1px 0 0;
}

.newsItemsBottom {
    background:transparent url(/tv/faircity/images/col2_bottom_bg_276.gif) no-repeat scroll bottom;
    height:14px;
    padding:4px;
    text-align:right;
}

/* CSS Advertisements */
#rte-content .adv {
	float:left;
	margin:10px;
	width:250px;
    display:inline;
}
#advertisment-skyscraper {
	position:relative;
    float:right;
    width:128px;
    background:white;
}

#advertisment-skyscraper object{
    float:right;
}

.right {
	text-align:right;
}
.clear {
	margin : 0px;
	height : 0px;
	clear : both;
	float : none;
	font-size: 0px;
	overflow : hidden;
	visibility: hidden;
}

/*.colContainer {
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	width:849px;
}*/
.col1 {
	float:left;
	width:276px;
	margin-right: 10px;
}

.polling {
	float:left;
	margin:0;
	padding:0 0 10px;
	margin-right: 0px;
	width:268px;
}
.pollHead {
	margin:0px;
	background:url(../images/poll_head_bg.gif) no-repeat;
	padding:10px;
	height:23px;
	width:248px;
}
.pollContent {
	margin:0px;
	background:url(../images/poll_middle_bg.gif) repeat-y;
	padding:10px 10px 10px 20px;
	font-size:12px;
	width:238px;
}
.pollContent p {
	margin:0px;
	padding:0px;
}
.pollBottom {
	margin:0px;
	padding:7px 6px 5px 0px;
	background: url(../images/poll_bottom_bg.gif) no-repeat;
	height:25px;
	width:262px;
}
.date {
	color:#2f4a83;
	text-decoration:none;
	margin:0px;
}

.lbutton {
	background:url(../images/btn_bg.gif) no-repeat;
	width:119px;
	height:26px;
	font-family:Arial, Helvetica, sans-serif;
	border:0px;
	cursor:pointer;
	text-align:center;
	font-size:11px;
	color:#5b5b5b;
	font-weight:bold;
	text-decoration:none;
	float:right;
	line-height:26px;
	display:block;
}

/*************** CSS for Video Highlight         *********************/
.colL {
	float:left;
	width:270px;
	padding:0px 15px 0px 0px;
}
.colMain {
	float:left;
	width:547px;
	padding:0;
	margin:10px 0 0 0px;
}

.colMain h3{
	color:#3A8AC2;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
}

#videohighcol{
	margin:0;
	width:547px;
	padding:0px;
	position:relative;
}
	
.videohighcolcontent{
	background:#bdd9e5 url(../images/video_high_top_bg.gif) top repeat-x;
	border-right:1px solid #b8b8b8;
	border-left:1px solid #b8b8b8;
	width:545px;
	font-family: Arial, Helvetica, sans-serif;
	}
.videohighcolcontent .mediaplayer{
	padding:2px 17px 10px 13px;
	width:513px;
	height:340px;
	}
.videohighcolcontent .mediaplayer div.playerImageHolder {
	height:340px;
	width:512px;
	background-repeat:no-repeat;
	background-position:center center;
}
.videohighcolcontent .mediaplayer img#playThis {
	margin:145px 225px;
}
.videohighcolhead{
	background:url(../images/dot_line1.gif) bottom repeat-x;
	padding: 0px 0px 6px 11px;
	width:534px;
	height:20px;
	float:left;
	}
.videohighcolhead h3{
	margin:0;
	}
.videohighcolhead span{
	font-size:14px;
	font-weight:normal;
	color:#3a8ac2;
	padding:0px;
	margin:0px;
}
.videoHighTopStrip {
	display:block;
	width:547px;
	height:11px;
	background:url(../images/video_high_top_strip.gif) no-repeat;
	font-size:1px;
	line-height:0px;
}
ul#playlistContainer{
	margin:0;
}

.castContentTop {
	display:block;
	width:547px;
	height:10px;
	background:url(../images/cast_content_top.gif) no-repeat;
	font-size:1px;
	line-height:0px;
}

.vnewsItems {
	margin:0px;
	padding:12px 8px 11px 8px;
	display:block;
	float:left;
	color:#393a3b;
	text-decoration:none;
	width:528px;
	border-bottom:1px solid #ffffff;
}
.vnewsItems img {
	 float:left;
	 margin:1px 10px 2px 1px;
 	 border:1px solid #22346e;
}
.vnewsItems p {
	margin:0px;
	padding:0px;
	font-size:11px;
}
.vnewsItems p a {
	color:#393a3b;
	text-decoration: none;
}
.vnewsItems h4 {
	margin:0px 0px 6px 0px;
	padding:0px;
	font-weight:bold;
	font-size:14px;
}
.vnewsItems h4 a{
    color:#393A3B;
    text-decoration:none;
}

.vnewsItems0 {
	background:#90c6e0 url(../images/vnewsItems_hover.gif) top repeat-x;
	padding:12px 8px 12px 8px;
}
.vnewsItems0 img {
	 margin:0px 9px 0px 0px;
	 border:2px solid #ffae00;
}

.videohighcolBottom {
    float:left;
    width:100%;
	background:url(../images/video_high_bottom_strip.gif)  no-repeat;
	padding:1px 4px 3px 4px;
	height:26px;
}
.navBox {
	margin:0px 0px 10px 0px;
	padding:0px;
	float:left
}

.navBoxHead h3{
	margin:0;	
}

.navBoxMiddle ul{
	margin:0
}

div.navBoxMiddle ul li{ 
	height:auto;
}

.navBoxHead {
	background:url(../images/navBoxTop.gif) no-repeat;
	padding:10px 0px 5px 12px;
	width:257px;
	height:20px;
}
.navBoxMiddle {
	background:#f0f1f2;
	width:267px;
	border-left: 1px solid #d1e0e7;
	border-right: 1px solid #d1e0e7;
}
.navBoxMiddle  li {
	list-style:none;
	height:31px;
	width:267px;
	border-bottom:1px solid #ffffff;
}
.navBoxMiddle ul li a {
	padding:8px 0 8px 30px;
	width:auto;
	height:15px;
	min-height:15px;
	height:auto !important;
	display:block;
	font-size:11px;
	color:#4f4f4f;
	text-decoration:none;
	background: transparent url(/tv/faircity/images/navbox_arrow.gif) no-repeat scroll 10px 10px;
}

.navBoxMiddle ul li a img {
	margin:10px 5px 0px 0px;

}
.navBoxMiddle ul li a:hover {
	background:#d5e7ef url(/tv/faircity/images/navBoxhover_bg_wide.gif) repeat-x scroll 0 0;
	color:#4F4F4F;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 8px 30px;
	height:15px;
	min-height:15px;
	height:auto !important;
	width:auto;
}

.navBoxBottom {
	background:url(../images/navBoxBottom.gif) no-repeat;
	padding:2px 5px 0px 0px;
	width:264px;
	height:29px;
}
/*************** CSS for News Page *******************/

.news_holder {
	width:547px;
}

.newsContent {
	margin:0px 0px 8px 0px;
	padding:0px;
	position:relative;
}
.newsContent div img {
	border:1px solid #079bd4;
	position:relative;
	z-index:1;
}
.newsHeadbg {
	width:545px;
	background:#000;
	height:33px;
	margin:-34px 0px 0px 1px;
	position:relative;
	z-index:5;
	opacity: 0.7;
}
.newsContent h3 {
	margin:-28px 0px 6px 28px;
	position:relative;
	z-index:8;
}
.newsContent h3 span {
	font-size:14px;
}
.newsContentDtls {
	background: #bdd9e5 url(../images/news_article_bg.gif) repeat-x;
	padding:14px 24px 14px 24px;
	width:497px;
	border-bottom:1px solid #FFF;
	border-left:1px solid  #b8b8b8;
	border-right:1px solid  #b8b8b8;
	font-size:11px;
	color:#4f4f4f;
}
.newsContentDtls p {
	margin:5px 0px 5px 0px;
}
.newsContentDtls h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#5b5b5b;
	font-weight:bold;
	margin:0px;
}
.newsRelatedLnks {
	margin:0px;
	background:#c8e7f4;
	width:493px;
	padding:8px 26px 6px 26px;
	height:13px;
	border-left:1px solid #b8b8b8; 
	border-right:1px solid #b8b8b8; 
}
ul.lnks {
	margin:0px;
	padding:0px;
}
ul.lnks li {
	list-style:none;
	float:left;
	margin:0px;
	padding:0px 10px 0px 14px;
	background:url(../images/relstory_arrow.gif) no-repeat 0 1px ;
	/*width:147px;*/
	font-size:11px;
	font-weight:bold;
}
ul.lnks li a {
	color:#5b5b5b; 
	text-decoration:none;
}
ul.lnks li a:hover {
	color:#293c76; 
	text-decoration:none;
}
.newsFooterLnks {
	background: #bdd9e5 url(../images/news_bottom_bg.gif) no-repeat left bottom;
	width:495px;
	height:auto !important;
	min-height: 13px;
	height: 13px;
	padding:8px 26px 8px 26px;
	/*float:left;*/
}
.paging {
	background:url(../images/paging_bg.gif) no-repeat;
	width:515px;
	height:22px;
	padding:6px 16px 6px 16px;
	float:left;
}
.paging img {
	float:left;
	margin:1px 0px 0px 0px;
}
.paging label {
	float:left;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	padding:6px 20px 0px 0px;
}
.paging label.right {
	padding:6px 0px 0px 20px;
}
/*************** CSS for Cast Page **************/
.castcol{
	margin:0;
	width:547px;
	padding:0px;
	position:relative;
}
.cast {
		background:#bdd9e5 url(../images/cast_content_bg.gif)  repeat-x;
		min-height:585px;
		width:545px;
		float:left;
		border-left:1px solid #b8b8b8;
		border-right:1px solid #b8b8b8;
}
.casthead {
	margin:0px 2px 0px 2px;
	padding:0px 30px 6px 8px;
	width:503px;
	float:left;
	background:url(../images/dottedline.gif) bottom no-repeat;
}
.casthead h3 {
	float:left;
}
.pagingCast {
	float: right;
	font-weight:bold;
	color:#505050;
	font-size:12px;
	padding:5px 0px 0px 0px;
}
.pagingCast a {
	color:#505050;
	margin:0px 5px 0px 0px;
	text-decoration:none;
}
.pagingCast a:hover {
	color:#ffae00;
	text-decoration:none;
}
div.cast#page1 .pagingCast a#castMenu1,
div.cast#page2 .pagingCast a#castMenu2,
div.cast#page3 .pagingCast a#castMenu3,
div.cast#page4 .pagingCast a#castMenu4 {
	color:#ffae00;
	text-decoration:none;
}
.castContent {
	padding:3px 0px 3px 0px;
	width:545px;
	float:left;
}

a.castThumb{
	text-decoration:none;
}
a.castThumb:hover {
	display:block;
	background:#BAD4DF url(images/cast_thumb_hover_bg.gif) repeat-x scroll center top;
	text-decoration:none;
}
a.castThumb:hover img {
	border:2px solid #FFAE00;
	margin:0 9px 0 0px;
}

.castThumb {
	float:left;
	margin:0px 0px 0px 3px;
	padding:10px 5px 10px 5px;
	width:258px;
	height: 94px;
	color:#393a3b;
	border-bottom:1px solid #ffffff;
}
.castThumb img {
	float:left;
	border:1px solid #5ba1bf;
	margin:1px 10px 1px 1px;
}
.castThumb img.noborder {
	border:0px;
}
.castThumb p {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	color:#505050;
}
.castThumb p.bio {
	margin:15px 0px 6px 0px;
	padding:0px;
	font-size:11px;
	color:#5ba1bf;
}
.castThumb p.normal {
	margin:8px 0px 6px 0px;
	padding:0px;
	font-weight:normal;
	font-size:11px;
}
.castThumb p.normal img {
	border:0px;
}
.castThumb0 {
	background: #bad4df url(../images/cast_thumb_hover_bg.gif) top repeat-x;
}
.castThumb0 img {
	border:2px solid #ffae00;
	margin:0px 9px 0px 0px;
}
.castBottom {
	background:url(../images/cast_content_bottom.gif) no-repeat;
	padding:1px 5px 3px 0px;
	width:542px;
	height:22px;
}
/********************** CSS for Character Page *******************/
.characterHolder {
	margin:0px 0px 10px 0px;
	padding:0px;
	width:547px;
}
.characterhead {
	background: url(../images/character_title_bg.gif) no-repeat;
	height:21px;
	width:536px;
	padding:6px 0px 6px 11px;
}
.characterContent {
	background:#a3c0cd url(../images/character_biobg.gif) top repeat-x;
	float:left;
	padding:10px 7px 10px 7px;
	width:531px;
	font-size:11px;
	color:#505050;
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	border-bottom:0px;
}
.characterContent img {
	border:1px solid #aba9a5;
	float:left;
	margin:0px 10px 0px 0px;
}
.characterContent p {
	margin:8px 0px 8px 0px;
}
.characterContent h4 {
	font-size:14px;
	font-weight:bold;
	color:#505050;
	margin:0px 0px 8px 0px;
}
.characterFooterStrip {
	display:block;
	width:547px;
	height:6px;
	background:url(../images/character_footerstrip.gif) no-repeat;
	font-size:1px;
	line-height:0px;
	clear:both;
}
/************** CSS for Photo Gallery Page ****************/

.photoAlbum {
	margin:10px 0px 0px 0px;
	padding:0px;
	width:547px;
	position:relative;
}
.photoAlbumHead {
	margin:0px;
	padding:10px 0px 0px 10px;
	background:url(../images/photo_album_head_bg.gif) no-repeat;
	width:537px;
}
.photoAlbumContent {
	margin:0px;
	padding:6px 6px 6px 6px;
	background:#d9e5e9;
	width:533px;
	color:#505050;
	font-size:11px;
	border-left:1px solid #cbdee4;
	border-right:1px solid #cbdee4;
}
.photoAlbumContent h4 {
	font-size:14px;
	font-weight:bold;
	margin:4px 0px 2px 0px;
}
.photoAlbumBottom {
	margin:0px;
	background:url(../images/photo_album_bottom_bg.gif) no-repeat;
	width:535px;
	height:23px;
	padding:4px 6px 4px 6px;
}
#pre_but{
	float:left;
}
#nxt_but{
	float:right;
}

img.hover{
    border:2px solid #FFAE00;
}
/****************** CSS for Polling Page *************/
.scrollContent {
	height:163px;
    margin:15px 10px 0;
    overflow:hidden;
    position:relative;
    width:789px;
}
.scrollBlock {
	position: relative;
	left: auto;
	width: 1056px;
}
.scrollBlk {
	display:block;
	position: relative;
	float: left;
	width:250px;
	padding: 0px 6px 0px 7px;
}
.scrollBlk a h3 {
	color: #fff;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	clear:both;
	margin:0;
}
.scrollBlk a:hover h3 {
	color: #ffae00
}
.scrollBlk a img {
	border:1px solid #5ba1bf;
	width:247px;
	height:139px;
	margin-bottom:3px;
	display:block;
}
.scrollBlk a:hover img {
	border:1px solid #ffae00;
}
.scrollBlk a img {
	border:1px solid #5ba1bf;
}

/* CSS Poll Styles */
.polling {
    margin:0;
    padding:0;
}

.pollContent {
    display:inline;
    float:left;
}

.pollBottom{
    float:left;
}

/* CSS Archive Pages */
.archiveHeader {
    float:left;
    margin:0;
    background:#d6e8ef url(/tv/faircity/images/dot_line1.gif) repeat-x scroll center bottom;
    border-left:1px solid #B8B8B8;
    border-right:1px solid #B8B8B8;
    height:20px;
    padding:0 0 6px 11px;
    width:534px;
}

.archivecol {
    background:#BDD9E5 url(/tv/faircity/images/video_high_top_bg.gif) repeat-x scroll center top;
    border-left:1px solid #B8B8B8;
    border-right:1px solid #B8B8B8;
    font-family:Arial,Helvetica,sans-serif;
    width:545px;
    float:left;
    min-height: 800px;
    height:auto !important;
    height: 800px;
    margin:0;
    padding:0
}

.archiveContainer{
	margin:0 0 0 8px;
	padding:0;
	float:left;
	display:inline;
}
.archiveContainer img{
	width:110px;
}
.archiveContainer p{
	display:inline;
	float:left;
	width:120px;
	text-align:center;
	color:#4F4F4F;
	font-family:Verdana,Arial;
	font-size:9pt;
	padding:2px 0 0;
}
.archiveContainer div{
	float:left;
	display:block;
	width:120px;
	height:120px;
	padding: 8px 0 0 8px;
}
.archiveContainer span{
	border: solid 2px #97c9e6;
	padding:1px;
	float:left;
}
.archiveContainer a{	
	width:110px;
	height:70px;
	display:block;
	overflow:hidden;
}

#playDirect{
	clear:both;
	display:block;
	float:left;
	font-size:small;
	margin:10px 0 20px 35%;
	text-decoration:none;
}

a#playDirect:hover{
	text-decoration:underline;
}

.seriesbottom a:link{
	font-size:.75em;
	padding: 0px 8px;
	color:#164875;
	text-decoration:none;
	font-weight:normal;
}

.seriesbottom a:visited{
	font-size:.75em;
	padding: 0px 8px;
	color:#164875;
	text-decoration:none;
	font-weight:normal;
}

.seriesbottom a:hover{
	font-size:.75em;
	padding: 0px 8px;
	color:#5B5B5B;
	text-decoration:underline;
	font-weight:normal;
}
