/* Base , Set up fonts etc. */


body
{
    font                : 0.8em Trebuchet MS, Arial, Sans Serif;
    background-color    : #4a0404; 
    margin              : 0px;
    padding             : 0px;
}
h1
{
    font                : bold 1.4em Trebuchet MS, Arial, Sans Serif;
}
a, a:visited
{
    text-decoration     : underline;
    color               : #292929;
}
a:hover
{
    color               : #f5f0d6;
}

#extraContent a, #extraContent2  a:visited, #extraContent2 a, #extraContent2  a:visited
{
    text-decoration     : underline;
    color               : #f5f0d6;
}
#extraContent a:hover,#extraContent2 a:hover
{
    color               : #fff0b3;
}

#pageHeader a, #pageHeader a:visited, #pageFooter a, #pageFooter a:visited
{
    text-decoration     : underline;
    color               : #ffe680;
}

#pageHeader a:hover, #pageFooter a:hover
{
    color               : #fff0b3;
}

#listBreaker, #subPageBreaker
{
    display             : none;
}


#pageWrapper
{
    margin              : 0px;
    width               : 100%;
    margin              : 0px auto;
    position            : relative;
}

#pageHeader
{
    background-color    : #4a0404;
    border-bottom       : 2px solid #95741A;
    margin-bottom       : 10px;
}


#pageHeader h1
{
    font-size           : 190%;
    margin              : 0px;
    padding             : 10px;
    color               : #4a0404;
}

#extraContent,#extraContent2
{
    display             : inline;
    float               : right;
    clear               : right;
    width               : 160px;
    margin-right        : 10px;
    border              : 1px solid #000000;
    background-color    : #7b6719;
    color               : #f5f0d6;
}
#extraContent2
{
    margin-top: 10px;
    border              : 1px solid #000000;
    background-color    : #c2b375;
    color               : #060606;
}

#subPageWrapper
{
    position: relative;
}
#userLinks
{
    display             : inline;
    float               : left;
    clear               : left;
    margin-left         : 10px;
}
#siteNavigation
{
    display             : inline;
    float               : left;
    clear               : left;
    margin-left         : 10px;
}
.contentContainer
{
    padding             : 5px;
}

#userLinks h1, #siteNavigation h1
{
    font-size           : 100%;
    padding             : 2px 5px;
    margin              : 0px;
    border              : 1px solid #4a0404;
    background-color    : #000000;
    color               : #060505;
    border-bottom-width : 0px;
}


#userLinks ul, #userLinks li
{
    padding             : 0px;
    margin              : 0px;
    list-style-type     : none;
}

#siteNavigation ul
{
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px;
}

#siteNavigation ul li 
{
    display             : inline;
}

#userLinks ul,#siteNavigation ul
{
    margin-bottom       : 10px;
    list-style-type     : none;
    border              : 1px solid #000000;
    background-color    : #7b6719;
    padding             : 3px 0px 5px 0px;
}


#mainContent
{
    margin-left         : 180px;
    margin-right        : 180px;
    border              : 1px solid #221b00;
    background-color    : #e6ddb8;
    color               : #292825;
    margin-top          : 10px;
}
#mainContent .contentContainer
{
    padding             : 10px;
}

#pageFooter h6
{
    padding-left        : 10px;
    margin              : 0px;
    font-size           : 90%;
    font-weight         : normal;
}

#pageFooter
{

    border              : solid #574600;
    border-width        : 0px 1px 1px; 
    padding             : 2px;
    margin-left         : 180px;
    margin-right        : 180px;
    background-color    : #664401;
    color               : #fffae6}
#bntag
{
    border              : solid #221b00;
    border-width        : 0px 1px 1px; 
    padding             : 2px;
    margin-left         : 180px;
    text-align          : center;
    margin-right        : 180px;
    background-color    : #e6ddb8;
    color               : #292825;
    font-size: 90%;
} 





/* Setup Navigation Buttons */
/* Base , Set up fonts etc. */


body
{
    font                : 0.8em Trebuchet MS, Arial, Sans Serif;
    background-color    : #4A0404; 
    margin              : 0px;
    padding             : 0px;
}
h1
{
    font                : bold 1.4em Trebuchet MS, Arial, Sans Serif;
}
a, a:visited
{
    text-decoration     : underline;
    color               : #292929;
}
a:hover
{
    color               : #29271d;
}

#extraContent a, #extraContent2  a:visited, #extraContent2 a, #extraContent2  a:visited
{
    text-decoration     : underline;
    color               : #f5f0d6;
}
#extraContent a:hover,#extraContent2 a:hover
{
    color               : #fff0b3;
}

#pageHeader a, #pageHeader a:visited, #pageFooter a, #pageFooter a:visited
{
    text-decoration     : underline;
    color               : #ffe680;
}

#pageHeader a:hover, #pageFooter a:hover
{
    color               : #fff0b3;
}

#listBreaker, #subPageBreaker
{
    display             : none;
}


#pageWrapper
{
    margin              : 0px;
    width               : 100%;
    margin              : 0px auto;
    position            : relative;
}

#pageHeader
{
    background-color    : #4A0404;
    border-bottom       : 1px solid #221b00;
    margin-bottom       : 10px;
}


#pageHeader h1
{
    font-size           : 190%;
    margin              : 0px;
    padding             : 10px;
    color               : #4A0404;
}

#extraContent,#extraContent2
{
    display             : inline;
    float               : right;
    clear               : right;
    width               : 160px;
    margin-right        : 10px;
    border              : 1px solid #332900;
    background-color    : #7b6719;
    color               : #f5f0d6;
}
#extraContent2
{
    margin-top: 10px;
    border              : 1px solid #332900;
    background-color    : #c2b375;
    color               : #060606;
}

#subPageWrapper
{
    position: relative;
}
#userLinks
{
    display             : inline;
    float               : left;
    clear               : left;
    margin-left         : 10px;
}
#siteNavigation
{
    display             : inline;
    float               : left;
    clear               : left;
    margin-left         : 10px;
}
.contentContainer
{
    padding             : 5px;
}

#userLinks h1, #siteNavigation h1
{
    font-size           : 100%;
    padding             : 2px 5px;
    margin              : 0px;
    border              : 1px solid #332900;
    background-color    : #664401;
    color               : #060505;
    border-bottom-width : 0px;
}


#userLinks ul, #userLinks li
{
    padding             : 0px;
    margin              : 0px;
    list-style-type     : none;
}

#siteNavigation ul
{
    list-style-type     : none;
    margin              : 0px;
    padding             : 0px;
}

#siteNavigation ul li 
{
    display             : inline;
}

#userLinks ul,#siteNavigation ul
{
    margin-bottom       : 10px;
    list-style-type     : none;
    border              : 1px solid #332900;
    background-color    : #7b6719;
    padding             : 3px 0px 5px 0px;
}


#mainContent
{
    margin-left         : 180px;
    margin-right        : 180px;
    border              : 1px solid #221b00;
    background-color    : #e6ddb8;
    color               : #292825;
    margin-top          : 10px;
}
#mainContent .contentContainer
{
    padding             : 10px;
}

#pageFooter h6
{
    padding-left        : 10px;
    margin              : 0px;
    font-size           : 90%;
    font-weight         : normal;
}

#pageFooter
{

    border              : solid #574600;
    border-width        : 0px 1px 1px; 
    padding             : 2px;
    margin-left         : 180px;
    margin-right        : 180px;
    background-color    : #664401;
    color               : #fffae6}
#bntag
{
    border              : solid #221b00;
    border-width        : 0px 1px 1px; 
    padding             : 2px;
    margin-left         : 180px;
    text-align          : center;
    margin-right        : 180px;
    background-color    : #e6ddb8;
    color               : #292825;
    font-size: 90%;
} 





/* Setup Navigation Buttons */

#userLinks a, #userLinks a:visited, #siteNavigation a, #siteNavigation  a:visited
{
    display             : block;
    font-size           : 90%;
    font-weight         : bold;
    padding             : 2px 10px;
    text-decoration     : none;
    
    border              : solid #7b6719;
    background-color    : #000000;
    color               : #f5f0d6;

    border-width        : 1px 0px;
    margin              : 2px 0px;
    width               : 140px;
    
}

#siteNavigation a:hover,  #userLinks a:hover, #siteNavigation a.active
{
    border-color        : #000000;
    background-color    : #664401;
    color               : #060606;
}
#siteNavigation a.active
{
    cursor              : default;
}
#userLinks a, #userLinks a:visited, #siteNavigation a, #siteNavigation  a:visited
{
    display             : block;
    font-size           : 90%;
    font-weight         : bold;
    padding             : 2px 10px;
    text-decoration     : none;
    
    border              : solid #000000;
    background-color    : #664401;
    color               : #f5f0d6;

    border-width        : 1px 0px;
    margin              : 2px 0px;
    width               : 140px;
    
}

#siteNavigation a:hover,  #userLinks a:hover, #siteNavigation a.active
{
    border-color        : #000000;
    background-color    : #F1EAC6;
    color               : #060606;
}
#siteNavigation a.active
{
    cursor              : default;
}