/*    File name            :    style_2008.css
    Description            :    A style template for my web pages
    Author                :    "Mathieu Rouvinez" [mathieu.rouvinez@gmx.net]
    Date of creation    :    2008.01.01
    Last modification    :    2008.07.19
*/

body
{
    font-family: arial,sans-serif;
    font-size: small;
    margin: 0pt;
    color: #ffffff;
    background-color: #828282;
}

table.header
{
    font-family: Courier New,Courier,monospace;
    font-size: small;
    width: 100%;
    height: 50px;
    vertical-align: middle;
    color: #ffffff;
    background-color: #000000;
    background-image: url('img/title_bkgnd.png');
    border-top: none;
    border-right: none;
    border-bottom: outset 2px #838487;
    border-left: none;
    margin-left: auto;
    margin-right: auto;
}

.header_fill
{
    width: auto;
}

.header_left
{
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 250px;
}

.header_center
{
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 500px;
    font-size: 2.0em;
    font-weight: bold;
}

.header_right
{
    padding: 0px 0px 0px 0px;
    text-align: right;
    width: 250px;
}

table.footer
{
    font-family: Courier New,Courier,monospace;
    font-size: small;
    width: 100%;
    height: 50px;
    vertical-align: middle;
    color: #ffffff;
    background-color: #000000;
    border-top: none;
    border-right: none;
    border-bottom: outset 2px #838487;
    border-left: none;
    margin-left: auto;
    margin-right: auto;
}

.footer_fill
{
    width: auto;
}

.footer_left
{
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 250px;
}

.footer_center
{
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 500px;
}

.footer_right
{
    padding: 0px 0px 0px 0px;
    text-align: right;
    width: 250px;
}

table.buttons
{
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

.button
{
    padding: 0px 2px 0px 2px;
    border: 0px;
}

div.main
{
    font-family: arial,sans-serif;
    font-size: small;
    color: #ffffff;
    background-color: #a6a8ab;
    padding: 16px 0px 16px 0px;
}

table.main_columns
{
    font-family: arial,sans-serif;
    font-size: small; 
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

td.main_column_1
{
    padding: 10px 10px 10px 10px;
    vertical-align: top;
    width: 250px;
    color: #000000;
    background-color: #ffffff;
    border-top: none;
    border-right: outset 2px #838487;
    border-bottom: outset 2px #838487;
    border-left: none;
}

td.main_column_2
{
    padding: 10px 10px 10px 10px;
    vertical-align: top;
    width: 500px;
    color: #000000;
    background-color: #ffffff;
    border-top: none;
    border-right: outset 2px #838487;
    border-bottom: outset 2px #838487;
    border-left: none;
}

td.main_column_3
{
    padding: 10px 10px 10px 10px;
    vertical-align: top;
    width: 250px;
    color: #000000;
    background-color: #ffffff;
    border-top: none;
    border-right: outset 2px #838487;
    border-bottom: outset 2px #838487;
    border-left: none;
}

td.warning
{
    padding: 10px 10px 10px 10px;
    text-align: center;
    color: #cc0000;
    background-color: #ffffff;
    border: thin dotted #cc0000;
}

img
{
    padding: 0px 0px 0px 0px;
    border: 0px;
}

a.white
{
    background-color: #ffffff;
    color: #ffffff;
}

a.link
{
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
}
a.link:hover
{
    background-color: #ffffff;
    color: #3b5998;
    text-decoration: underline;
}

a.titlelink
{
    color: #ffffff;
    text-decoration: none;
}
a.titlelink:hover
{
    color: #3b5998;
    text-decoration: none;
}
