/*

    Custom news CSS for Lapinte Lumber.

*/

.article-highlight {
    margin-bottom: 20px;
    padding:10px 18px;
    background-color:#d5d5d5;
    border:2px solid #c6c6c6;
}

.article-highlight .article-title {
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 150%;
    border-bottom: 1px solid #b4b4b4;
}

.article-highlight .article-title i {
    margin-right: 8px;
}

.article-highlight .article-title a, .article-highlight .article-title a:visited {
}

.article-highlight .article-title a:hover {
    text-decoration: none;
}

.article-highlight .article-moreinfo a, .article-highlight .article-moreinfo a:visited {
}

.article-highlight .article-moreinfo a:hover {
    text-decoration: none;
}


/***** News Headlines Display *****/

div.headlines
{
    margin: 0 Auto 18px Auto; 
}

div.headlines h2
{
    margin: 0 0 16px 0;
    font-size: 18px;
    font-style: italic;
    line-height: 24px;
    text-align: center;    
}

div.headlines ul
{
    margin-bottom: -6px;
}

div.headlines ul li
{
    margin-bottom: 6px;
    color: #CC0000;
}

div.headlines ul li a, div.headlines ul li a:visited
{
    color: #CC0000;
    text-decoration: none;
}

div.headlines ul li a:hover
{
    color: #0000CC;
}

div.news-headlines {
    margin-bottom: 24px;
    padding:20px 0 0 0;
    background-color:#F0F0F0;
    border: 2px solid #BBBBBB;
}

div.news-headlines ul {
    margin: 0 0;
    padding: 0 0;
    list-style: none;
}

div.news-headlines ul li {
    text-align: center;
}

/* --------------------------------------------------------------------------------------------- */
/* These are some settings to fix various display issues relating to deprecated HTML tags */
/* and attributes.  This fixes some (but not all) of the issues in IE 7. */

font[size="1"] { font-size: 12px; line-height: 18px; }
font[size="2"] { font-size: 14px; line-height: 20px; }
font[size="3"] { font-size: 16px; line-height: 24px; }
font[size="4"] { font-size: 18px; line-height: 28px; }
font[size="5"] { font-size: 20px; line-height: 30px; }

table[width="100%"] { width: 100%; }
table[border="1"] { border: 1px solid #000000; }
table[border="1"] td, table[border="1"] th { border: 1px solid #000000; }
table[cellpadding="1"] td, table[cellpadding="1"] th { padding: 2px 2px; }
table[cellpadding="2"] td, table[cellpadding="2"] th { padding: 4px 4px; }
table[cellpadding="3"] td, table[cellpadding="3"] th { padding: 6px 6px; }
table td[align="center"], table th[align="center"] { text-align: center; }
table td[align="left"], table th[align="left"] { text-align: left; }
table td[align="right"], table th[align="right"] { text-align: right; }
table td[valign="top"], table th[valign="top"] { vertical-align: top; }
table td[valign="middle"], table th[valign="middle"] { vertical-align: middle; }
table td[valign="bottom"], table th[valign="bottom"] { vertical-align: bottom; }
table td[width="20%"], table th[width="20%"] { width: 20%; }
table td[width="40%"], table th[width="40%"] { width: 40%; }
table td[width="60%"], table th[width="60%"] { width: 60%; }
table td[width="80%"], table th[width="80%"] { width: 80%; }
table td[width="25%"], table th[width="25%"] { width: 25%; }
table td[width="50%"], table td[width="50%"] { width: 50%; }
table td[width="75%"], table td[width="75%"] { width: 75%; }
table td[width="33%"], table th[width="33%"] { width: 33%; }
table td[width="34%"], table th[width="34%"] { width: 34%; }
table td[width="66%"], table th[width="66%"] { width: 66%; }
table td[width="67%"], table th[width="67%"] { width: 67%; }
table td[width="100%"], table th[width="100%"] { width: 100%; }
table td[width="*"], table th[width="*"] { width: auto; }