/* News */
    /* paginated, num per pate will be recent + older + oldest.
        Design calls for 8 per page 
        use app_numRecent, numOlder, numOldest...
    */
      
    #content .pageTitle, #content .sectionTitle {
        display:none;}
    
    /* news show title */     
    #center .newsShow h1 {
        /*font-family:Georgia, Times, "Times New Roman", serif;*/
        background:none;
        letter-spacing:normal;
        font-size:2em;
        font-weight:normal;}
        
    /* date */
    #center .newsShow h2 {
        color:#44889b;
        letter-spacing:normal;
        background:none;}
    
    /* most recent headline - biggest size */
    div.latestNews {
        float:none;
        width:100%;}
        
        div.latestNews li span {
            font-size:130%;}

    
    /* wrapper for same-height columns */
    div.newsWrapper {
        float:left;
        width:100%;
        overflow:hidden;
        margin:0 0 1em 0;}
        
        /* left column 4 older news (totalNews - numRecent + 4) */
        div.olderNews {
            float:left;
            width:57%;
            background:transparent url(/images/white_border.png) repeat-y top right;}
            
            div.olderNews li span {
                font-size:115%;}
        
        /* right column 3 oldest news (totalNews - numRecent - 4 + 3) */
        div.oldestNews {
            float:left;
            width:43%;}
            
            div.oldestNews li span {
                font-size:107%;}
                
            /* override - column is really narrow, so need to use a narrow highlight image */
            
            
        div.olderNews div.innerPadding, div.oldestNews div.innerPadding {
            padding:0 3%;}
    
    /* all news cols use the same ul styles and inherits .box and ul.list css */
    ul.news li .boxContent span.title {
        display:block;
        font-size:1.3em;
        /*font-family:Georgia, Times, "Times New Roman", serif;*/
        color:#f6cb00;}
    
    ul.news .boxContent span.date {
        display:block;
        text-transform:uppercase;
        font-size:.75em;
        font-weight:bold;
        color:#437681;}
        
    ul.news .boxContent span.description {
        display:block;
        font-size:.75em;
        line-height:1.5;
        margin:.4em 0 0 0;
        color:#fff;}
        
    /* HOVER - inherits ul.list for bg positioning */
    #center ul.news li a:hover span.boxContent {
        cursor:pointer;
        background:#7dafbe !important;}
        
        #ie6 #center ul.news li a:hover {
            background:#7dafbe;}
            
        
        #ie6 #center ul.news li a:hover span.top, #ie6 #center ul.news li a:hover span.top span {
            background:none !important;}
        
        #ie6 #center ul.news li a:hover span.bottom, #ie6 #center ul.news li a:hover span.bottom span {
            background:none !important;}
            
        #ie6 #center ul.news li a:hover span.boxContent {
            width:100%;
            height:100%;
            background:none !important;}
            
    #center ul.news a:hover span.boxContent span.title {
        color:#fff ;}
        
    #center ul.news a:hover span.boxContent span.date {
        color:#437681;}
        
    #center ul.news a:hover span.boxContent span.description {
        color:#191508;}


/* End News */
