/* ----------------------- **/
/*  (c) Martin Porcheron   **/
/* ----------------------- **/

/* ----- Default Tags ----- **/

body
{
    margin          : 25px;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : darkblue;

    background-color: #ffffcc;

    text-align      : center;
    text-decoration : none;
}

a, a:active, a:link, a:visited
{
    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : black;

    text-decoration : underline;
}

a:hover
{
    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : black;

    text-decoration : none;
}

/* ----- Form Tags ----- **/

.textbox
{
    border          : 1px solid black;

    padding-left    : 5px;
    padding-right   : 5px;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;
}

.button
{
    border          : 1px solid black;

    padding-left    : 5px;
    padding-right   : 5px;

    background-color: white;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : bold;
}


/* ----- Specific Tags ----- **/

/* ~ Container Class ~ **/

.container
{
    width           : 550px;
    height          : auto;

    margin          : 0px;
    margin-top      : 12px;
    margin-left     : auto;
    margin-right    : auto;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : darkblue;

    text-align      : center;
    text-decoration : none;
}

/* ~ Title Class ~ **/

.title
{
    width           : auto;
    height          : auto;

    display         : inline;

    margin          : 0px;

    margin-left     : auto;
    margin-right    : auto;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 40px;
    font-weight     : normal;

    color           : black;

    text-align      : center;
    text-decoration : none;
}

/* ~ Menu Class ~ **/

.menu, a.menu, a:active.menu, a:link.menu, a:visited.menu, a:hover.menu
{
    width           : auto;
    height          : auto;

    margin          : 0px;
    margin-left     : auto;
    margin-right    : auto;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : black;

    text-align      : center;
    text-decoration : none;
}

/* ~ Left Class ~ **/

.left
{
    width           : 200px;
    height          : auto;

    margin          : 0px;
    margin-right    : 5px;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : darkblue;

    text-align      : left;
    text-decoration : none;
    vertical-align  : top;
}

/* ~ Right Class ~ **/

.right
{
    width           : 350px;
    height          : auto;

    margin          : 0px;

    border-left     : 1px solid black;

    padding-left    : 5px;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : darkblue;

    text-align      : left;
    text-decoration : none;
    vertical-align  : top;
}

/* ~ Main Class ~ **/

.main
{
    width           : 550px;
    height          : auto;

    margin          : 0px;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : darkblue;

    text-align      : left;
    text-decoration : none;
    vertical-align  : top;
}

#mainpage
{
    visibility      : visible;
}


/* ~ Footer Class ~ **/

.footer
{
    width           : auto;
    height          : auto;

    margin          : 0px;

    padding-left    : 5px;

    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 13px;
    font-weight     : normal;

    color           : darkblue;

    text-align      : center;
    text-decoration : none;
    vertical-align  : top;

    visibility      : visible;
}

/* ~ Misc Classes ~ **/

.cattitle
{
    font-family     : Bookman Old Style, Century Gothic, Book Antiqua, serif;
    font-size       : 15px;
    font-weight     : normal;

    color           : black;
}

.center
{
    text-align      : center;
}

.showimage
{
    width           : auto;
    hight           : auto;

    background-color: #ffffcc;

    position        : absolute;

    visibility      : hidden;
}