#PageContainer
{
 float: left;
}

*html #PageContainer
{
 float: none;
}

/*-----------------*/
dl.Box dt a.Icon, dl.Box dt span.Header, dl.Box dt a.HeaderArrow
{
 line-height: 21px;
    
}
dl.Box dt span.Header, dl.Box dt a.HeaderArrow
{
 margin-top: 1px;    
}
dl.Box dt a.Icon
{
 margin-left: 6px;
 margin-top: 4px;    
}
dl.Box dt a.More
{
 margin-right: 10px !important;
}
dl.Box dt
{
 height: 21px !important;
 line-height: 21px;
 padding: 0 !important;
}
dl.Box.NewsList dd
{
padding: 3px 0px 3px 0px;
}
dl.Box.NewsList dd.PrimaryStory
{
 padding: 8px 8px 8px 9px;
 width: 320px;
}


/*dl.Box.NewsList dd.Story 
{
 padding: 4px 6px 3px 0px !important; 
 width: 331px !important; 
}*/
*html dl.Box.NewsList dd.Story 
{
 width: auto !important;
}
/*dl.Box.NewsList dd.Story span
{
 margin-left: 9px !important; 
}*/


/* ----------------------------------------------------------------------------------------------- */
/* Weather */
/* ----------------------------------------------------------------------------------------------- */
#Weather.Box
{
 margin: 10px 0px 0px 1px;
padding: 0;
height: 114px;
 border: 1px solid #666;
 background: #04235C url(bkgrnd_weather.jpg) no-repeat;
 width: 299px;
 float: left;
 display: inline;
 text-align:center; 
}
#Weather.Box ul
{
 padding: 0;
  margin: 12px 0 0 7px;
}
#Weather.Box ul li
{
 width: 120px;
 text-align: left;
 padding: 0;
 display: inline;
 margin: 2px 0 0 0;
}
#Weather.Box ul li.WeatherIcon
{
 width: 68px;
 margin: 3px 0 0 8px;
}
#Weather.Box ul li img
{
 border: 1px solid #999;
 width: 58px;
 height: 58px;
 float: left;
 margin: 0;
 padding: 0;
 cursor:pointer;
}
#Weather.Box ul li span, #Weather.Box ul li div
{
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #fff;
 font-weight: bold;
 margin: 0;
 padding: 0;
 display:block;
 }
 
#Weather.Box ul li div
{
 text-align: center;
 background: #0e4bb3;
 width: 46px;
 padding: 0;
 margin: 0;
 float: left;
 display: inline;
}

#Weather.Box ul li.Now
{
 margin-top: 22px;
}
#Weather.Box ul li.High
{
 margin-top: 2px !important;
}
#Weather.Box ul li span
{
 text-align: right;
 width: 42px;
 float: right;
 margin-right: 32px;
}

/*#Weather.Box a.ClickHere
{
 background: #04235C url(http://www.citynews.ca/style/backgrounds/weather_clickhere.gif) no-repeat;
 height: 36px;
 width: 197px;
 float: left;
 margin: 0px 0 0 13px;
 clear: both;
}*/
#Weather.Box a.ClickHere
{
height: 31px;
 width: 197px;
 float: left;
 margin: 0px 0 0 13px;
 clear: both;
}
#Weather.Box a.ClickHere span
{
 display: none;
}


/* Inside Popnology*/
/* ----------------------------------------------------------------------------------------------- */

div.CenterPromoBox {
 float: left;
 display: inline;
 margin-bottom: 10px;
}

/* WebWatch*/
/* ----------------------------------------------------------------------------------------------- */
div.Column.Center dl.Box
{
 float: left;
 display: inline;
 margin: 0;
 padding: 0;
 width: 249px;
 margin-bottom: 10px;
}
dl#Webwatch.Box dt
{
 margin: 0;
 padding: 0;
 background: url(cp24_webwatch.jpg) no-repeat;
  height: 64px !important;
}
dl#Webwatch.Box dt span
{
 display: none;
}
dl#Webwatch.Box dd {
 border: 1px solid #ABAAAA;
 border-top: 0;
 padding: 4px;
 width: 239px;
 background: #fff url(background_PrimaryStory.gif) repeat !important;
}
dl#PodCast.Box dd div.CenterColInnerBox, dl#Blog.Box dd div.CenterColInnerBox, dl#Webwatch.Box dd div
{
 background: #fff url(home_background_Feature.gif) repeat-x bottom right;
 float: left;
 display: inline;
 padding: 4px 0px 5px 0px;
 width: 239px;
} 
dl#PodCast.Box dd div.CenterColInnerBox div, dl#Blog.Box dd div.CenterColInnerBox div
{
 margin: 0px 5px 0px 4px;
 width: 230px !important;
 width: auto;
} 

dl#Webwatch.Box dd div
{
 margin: 0;
 clear: both;
 height: auto;
 overflow: auto;
}

dl#Webwatch.Box dd ul, dl#Webwatch.Box dd ul li
{
margin: 0;
margin-bottom:2px;
padding: 0;
list-style:circle;
margin-left:15px;
}
dl#Webwatch.Box dd ul
{
 width: 205px;
 margin: 3px 2px 4px 2px;
}
dl#Webwatch.Box dd div li
{
 width: 195px;
}
dl#Webwatch.Box dd div a
{
 margin: 0 !important;
 display: inline !important;
}


/* ----------------------------------------------------------------------------------------------- */
/* News, Feature Column*/
/* ----------------------------------------------------------------------------------------------- */

#Shows, #Features {
    clear: both;
}

#Shows h1.FeatureHeader {
    background: url(home_Right_Show_header.gif) no-repeat;
    width:312px;
    height:24px;
}
#Shows h1.FeatureHeader span {
    display: none;
    
}
#Features h1.FeatureHeader {
    background: url(<img src="http://www.citynews.ca/style/headers/home_Right_Feature_header.gif" alt="Features" width="312" height="23">) no-repeat;
    width:312px;
    height:23px;
}
#Features h1.FeatureHeader span {
    display: none;
    
}
div.FeatureList {
 background: url(background_Gradient.gif) repeat;
 margin: 0 0 10px 0;
 float: left;
 display: inline;
 padding: 5px 10px;
}


div.FeatureList 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.FeatureList dl dt
{
 margin:0px;
 padding:0px;
 float:left; 
 width: auto;
 height:95px;
 display: inline;
}
div.FeatureList dl dt img
{
 margin: 0px;
 padding: 0px;
 background:none;
 border:none;
 width: 127px;
 height:95px;
}
div.FeatureList dl dt a, div.FeatureList dl dt a:link, div.FeatureList dl dt a:visited, div.FeatureList dl dt a:hover img
{
 margin: 0px;
 padding: 0px;
 background: none;
 border: none;
}
div.FeatureList dl dd
{
 margin: 0 0 0 10px;
 padding: 0;
 float: left;
 display: inline;
 width: 267px;
}
div.FeatureList dl dd h1
{
 padding: 0px;
 margin: 7px 0 0 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
}
*html div.FeatureList dl dd .Date
{
 padding-left: 2px;
}
div.FeatureList dl dd p
{
 margin: 0 0 3px 0;
 padding: 0;
 font-size: 11px;
}

.banner_left
{
float:left;
margin:5px 5px 2px 2px;
}

*html div.FeatureList dl dd p
{
 padding-left: 2px;
}
div.FeatureList dl dd a, div.FeatureList dl dd a:link, div.FeatureList dl dd a:visited, div.FeatureList dl dd a:hover
{
 margin: 0;
 padding: 0px;
}
div.FeatureList .More
{
 margin: 0;
 padding: 0;
 float:right;
 display: inline;
 
}
div.FeatureList .More a {
 color: #043EA3;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight:bold;
 text-decoration:none;
 text-transform:lowercase;
 }