﻿/* ---------------------- LAYOUT -------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* NAV
------------------------------------------------------------------------------- */
#Nav #NavSearch {
 width: 507px;
 background: #e9eaea url(nav_home_search.gif) top left no-repeat;
 height: 32px;
 margin: 0;
 padding: 10px 0 0 0;
}
#Nav #NavSearch #keywords
{
 float: left;
 margin: 0 0 4px 107px;
 width: 164px;
 font-size: 11px;
}
#Nav #NavSearch #submit
{
 float: left;
 margin: 0 0 0 7px;
}
#Nav #NavSearch #spanFlashMail {
 float: left;
 margin: 0 0 0 25px;
 display: inline;
 width: 152px;
 background: url(nav_home_flashmail.gif) top left no-repeat;
}
#Nav #NavSearch #flashmail {
 width: 152px;
}


/* ----------------------------------------------------------------------------------------------- */
/* InsideCityNews */
/* ----------------------------------------------------------------------------------------------- */

#InsideCityNewsWrapper { 
left: 120px; 
top: 210px !important;
}
* html #InsideCityNewsWrapper
{
top: 215px !important;
}


/* ----------------------------------------------------------------------------------------------- */
/* PAGECONTAINER */
/* ----------------------------------------------------------------------------------------------- */
#PageContainer
{
/* width: 970px;
 z-index: 0;
 margin: 0px;
 background: none;
 padding: 0px;
 text-align: left;
 position: relative;

 */
 
 z-index: 0;
 width: auto;
 position:static;
 margin: 0 0 0 10px;
 background: #182458 url(background_PageContainer.gif) repeat;
 padding: 0 0 25px 0;
 text-align: left;
 float: left;
}

*html #PageContainer
{
 float: none;
}

#PageContainer .HomeMainShadow {
/* z-index: 0;
 width: auto;
 margin: 0 0 0 10px;
 background: #182458 url(background_PageContainer.gif) repeat;
 padding: 0 0 25px 0;
 text-align: left;*/

}
/* ----------------------------------------------------------------------------------------------- */
/* PrimaryContainer */
/* ----------------------------------------------------------------------------------------------- */
#PrimaryContainer {
  background: transparent url(home_background_PrimaryContainer.gif) left top no-repeat;
margin: 0px 3px 3px -10px;
 float: right;
 width: 967px;
 height: 305px;
 display:inline;
 overflow: hidden;
  /*margin: 0px 0px 0px -10px;
 padding-right: 3px;*/
 }

/* Weather , Traffic*/
/* ----------------------------------------------------------------------------------------------- */
#Traffic.Box
{
 width: 299px;
 float: left;
 display: inline;
 text-align:center; 
 margin: 10px 0px 0px 1px;
 border: 1px solid #666;
 background: #04235C url(background_weather_traffic.gif) repeat-x;
 padding: 7px 0 6px 0;

}
#Traffic.Box ul
{
 margin: 0 7px 0 7px;
 padding: 0;
}
#Weather.Box ul li, #Traffic.Box ul li
{
 float: left;
 margin: 0;
 padding: 0;
 padding-top: 7px; 
 list-style: none;
 text-align: center;
}
#Weather.Box ul li span, #Traffic.Box span
{
 margin: 0;
 padding: 0;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #fff;
 font-weight: bold;
 display:block;
}

/* Weather */
/* ----------------------------------------------------------------------------------------------- */

/* Traffic*/
/* ----------------------------------------------------------------------------------------------- */
#Traffic.Box ul li
{
 padding: 1px 0px 3px 0px; 
}
#Traffic.Box ul li img
{
 border: 1px solid #666;
 cursor:hand;
 cursor:pointer;
margin: 0 7px 0 7px;
float: left;
}
#Traffic.Box h1, #Traffic.Box h2
{
 clear:both;
 margin: 0;
 padding: 0 0 2px 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #fff;
}
#Traffic.Box h1
{
 font-weight: bold;
 text-transform: uppercase;
 text-align: left;
}
/* ----------------------------------------------------------------------------------------------- */
/* COLUMN LEFT */
/* ----------------------------------------------------------------------------------------------- */
.Column.Left
{
 width: 359px;
 padding: 0;
 margin: 0 0 0 10px;
 display:inline;
 float:left;
}
/* COLUMN CENTER */
/* ----------------------------------------------------------------------------------------------- */
.Column.Center
{
 width: 249px;
 padding: 0;
 margin-left: 10px;
 display:inline; 
 float:left;
}
/* COLUMN RIGHT */
/* ----------------------------------------------------------------------------------------------- */
.Column.Right
{
 width: 312px;
 padding: 0;
 margin-left: 10px;
 display:inline; 
 float:left;
}

/* ----------------------------------------------------------------------------------------------- */
/* Primary Story Box- */
/* ----------------------------------------------------------------------------------------------- */
div.Box.PrimaryStory
{
 background: none;
 border: 0;
 width: 645px;
}
div.Box.PrimaryStory .Story
{
 width: 283px;
 border: 1px solid #666;
}
div.Box.PrimaryStory .Story .Copy
{
 height: 212px;
}
/* News, Feature Column*/
/* ----------------------------------------------------------------------------------------------- */
div#News, div#Feature {
 background: url(background_Gradient.gif) repeat;
 padding: 0 10px;
 margin: 0;
 float: left;
 display: block;
}
div#News {
 padding: 10px;
}

div#Feature {
 padding: 5px 10px;
}

/* ----------------------------------------------------------------------------------------------- */
/* News NewsList Box
/* ----------------------------------------------------------------------------------------------- */
#News dl.Box.NewsList
{
 width: 339px;
 float:left;
 display:block;
 margin: 0;
 padding: 0;
 border-bottom: 0;
}
#News dl.Box.NewsList dt.Primary
{
 background: url(home_background_BoxHeader_right.gif) no-repeat top right;
}
#News dl.Box.NewsList dd
{
 border-left: 1px solid #fff;
 border-right: 1px solid #fff; 
}
#News dl.Box.NewsList dd.Story
{
width: 322px;
}
/* Center Column*/
/* ----------------------------------------------------------------------------------------------- */
/* Box Style */
/* ----------------------------------------------------------------------------------------------- */
div.Column.Center dl.Box
{
 float: left;
 display: inline;
 margin: 0;
 padding: 0;
 width: 249px;
 margin-bottom: 10px;
 border:0;
}
div.Column.Center dl.Box dt
{
 background: url(home_background_Center_BoxHeader.gif) no-repeat;
}

dl#BT.Box dd img, dl#PodCast.Box dd,dl#Webwatch.Box dd, dl#Blog.Box dd, dl#HomePagePoll dd
{
 border: 1px solid #ABAAAA;
 border-top: 0;
}
dl#PodCast.Box dd, dl#Blog.Box dd, dl#Webwatch.Box dd
{
 padding: 4px;
 width: 239px;
 background: #fff url(background_PrimaryStory.gif) repeat !important;
}
dl#PodCast.Box dd div, dl#Blog.Box dd div, dl#Webwatch.Box dd div
{
 background: #fff url(home_background_Feature.gif) repeat-x bottom right;
 float: left;
 display: inline;
 padding: 4px 0px 5px 4px;
  width: 234px;
} 
dl#PodCast img.Thumb, dl#Blog img.Thumb
{
 width: 100px;
 float: left;
 margin: 0 10px 0 0;
 border: 1px solid #999;
 padding: 0;
 clear: both; 
 display: inline;
 } 
dl#PodCast a.Headline, dl#Blog a.Headline{
 font-weight: bold;
 display:block;
}
dl#PodCast a.Download, dl#Blog a.Download
{
 font-weight: bold;
 color: #DC5400;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-decoration:none;
 display:block;
}
dl#PodCast p, dl#Blog p {
 margin: 0 0 5px 0;
}

/* Breakfast Television */
/* ----------------------------------------------------------------------------------------------- */
dl#BT.Box
{
 margin-bottom: 8px;
}
/* Poll */
/* ----------------------------------------------------------------------------------------------- */
/*dl#HomePagePoll.Box dd
{
 background: #556D99;
 text-align:center;
 width: 247px;
 padding: 10px 0 10px 0;
}
dl#HomePagePoll.Box dd div
{
 float:left;
 display:inline;
 height: 203px;
 width: 247px;
}
*/
dl#HomePagePoll {
 float: none;
 display: block;
 margin: 0;
 padding: 0;
 clear: both;
 width: 249px;
 margin-bottom: 10px;
 border:0;
}
dl#HomePagePoll dt
{
 background: url(home_background_Center_BoxHeader.gif) no-repeat;
 margin: 0;
 border: 0; 
 overflow: hidden;
 height: 14px;
 font-size: 10px;
 color: #fff;
 text-transform: uppercase;
 padding: 4px 10px 3px 5px;
 float: none;
}

dl#HomePagePoll dt a.HeaderArrow {
 font-size: 10px;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 background: url(btn_BoxHeader_doublearrow.gif) no-repeat;
 padding-left: 18px;
}
dl#HomePagePoll a.HeaderArrow
{
 float: left;
 display: inline;
 vertical-align: middle;
 margin-right: 5px;
 line-height: 13px;
}
dl#HomePagePoll dt a.More
{
 color: #CDDAEF;
 display: inline;
 float: right;
}
dl#HomePagePoll dd
{
 margin: 0;
 padding: 0;
 background: #556D99;
 text-align:center;
 width: 247px;
 padding: 10px 0 10px 0;
 float: none;
 border: 1px solid #ABAAAA;
 border-top: 0;
 display: block;
 clear:both;
}
dl#HomePagePoll dd div
{ 
 float: none;
 display:inline;
 height: 203px;
 width: 247px;
}
/* WebWatch*/
/* ----------------------------------------------------------------------------------------------- */
dl#Webwatch.Box dd div
{
 clear: both;
 height: 167px;
 overflow: auto;
}
dl#Webwatch.Box dd div a
{
 clear: both;
 display: block;
 margin: 3px 5px 4px 5px;
}
/* Feature Column*/
/* ----------------------------------------------------------------------------------------------- */
div#Feature dl
{
 margin: 5px 0px;
 padding: 0px;
 border: 1px solid #999;
 display: inline;
 float: left;
 background: #fff url(home_background_Feature.gif) repeat-x bottom right;
 width: 290px;
}
div#Feature dl dt
{
 margin:0px;
 padding:0px;
 float:left; 
 width: 127px;
 height:95px;
 display: inline;
}
div#Feature dl dt img
{
 margin: 0px;
 padding: 0px;
 background:none;
 border:none;
}
div#Feature dl dt a, div#Feature dl dt a:link, div#Feature dl dt a:visited, div#Feature dl dt a:hover img
{
 margin: 0px;
 padding: 0px;
 background: none;
 border: none;
}
div#Feature dl dd
{
 margin: 0;
 padding: 0 10px 0px 10px;
 float: right;
 display: inline;
 width: 140px;
}
div#Feature dl dd h1
{
 padding: 0px;
 margin: 7px 0 0 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
}
div#Feature dl dd p
{
 margin: 0;
 padding: 0;
 font-size: 11px;
}
div#Feature dl dd a, div#Feature dl dd a:link, div#Feature dl dd a:visited, div#Feature dl dd a:hover
{
 margin: 0;
 padding: 0px;
}
div#Feature .More
{
 margin: 0;
 padding: 0;
 float:right;
 color: #043EA3;
}

/* Show List*/
/* ----------------------------------------------------------------------------------------------- */
div#ShowLineupArea
{
 width: 940px;
 margin: 10px 10px 0px 10px;
 padding: 5px 0 10px 0;
 background:#032C74;
 display: inline;
 float: left;
 }
 
div#ShowLineupArea dl
{
 margin: 10px 0 0 0px;
 padding:0;
 display:inline;
 float:left;
 width: 310px;
}
div#ShowLineupArea dl dt
{
 margin:0 5px 0 5px;
 padding:3px;
 float:left;
 display:inline;
 background: url(home_background_ShowLineup.gif) repeat;
}
div#ShowLineupArea dl dt img
{
 margin:0;
 padding:0px;
 background:none;
 border:none;
}
div#ShowLineupArea dl dd
{
 margin: 0 10px 0px 0;
 padding: 0;
 float:right;
 display:inline;
 color: #8196BA;
 width: 155px;
}
div#ShowLineupArea dl dd h1
{
 padding:0px;
 margin: 7px 0 0 0;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight: bold;
}
div#ShowLineupArea dl dd p
{
 margin: 0;
 padding: 0;
 font-size:11px;
}
div#ShowLineupArea dl dd a
{
 color: #8196BA;
}

/* Big Box*/
/* ----------------------------------------------------------------------------------------------- */
.Box.BigBox
{
 margin-bottom: 10px;
 background: url(home_background_BigBox.gif);
}