/* ie6 needs fixed width for secondary ul in nav */
ul.sf-menu li:hover ul, ul.sf-menu li ul {
    width:1000px !important; 
}
.sf-navbar li ul li ul{
       background: transparent !important;
}
 * {font-size:1px;} 
 .teaser IMG {
        margin: 0 0 4px 0;
      /*  _width: 100%;  So that wide images won't brake the design in ie */
}
/* Fix for IE collapsing margin bug */
.teaser IMG {
        _margin-bottom: 0;
        _padding-bottom: 4px;
}
.teaser A IMG {
        _margin-bottom: 4px;
        _padding-bottom: 0;
}
/* Force IE to apply a "max-height" to images in the front-tabs */
#top-story-tabs .tabs-container img{
    height: expression(this.width > 325 ? "323px": true);
    }

    
/* Force a "max-width" on IE front center column */
 #front-center, #front-center .element {
width:expression(document.body.clientWidth > 425? "423px": "auto" );
    }
 input, button, form, textarea, checkbox{
    font-size:12px !important;
 }
 #top-story-tabs .tabs-nav a span{
    width:180px;
 }
 #top-story-tabs .tabs-container img{
    margin:0 !important;
 }
 h5.header, h6.header, h4.header, h2.header, h1.header, h3.header{
    padding:0 !important;
    width: auto !important;
 }
 .hbar ul li.hbar-item{
    width:200px !important;
 }
 #top-story-tabs .tabs-container img{
    padding:0 !important;
    background:none !important;
    margin:0 !important;
    max-height:auto !important;
 }
 div.front-top-teaser{
    overflow:visible;
 }