body
{
    color: #666;
}

ul#menuppal
{
    border: 0px;
    display: table; /* firefox */
    background: url(../pictures/carnetjove/header/menuppal.jpg) 50% 50% no-repeat;
    width: 720px;   /* cannot use 100% for IE, because of te padding of the parent */
}
ul#menuppal a
{
    border: 0px;
}
ul#menuppal a.actiu
{
    color: yellow !important;
}

div#capcelera.xanascat ul#llengua a,
div#capcelera.xanascat ul#llengua abbr
{
    color: #999;
}

h1.title
{
    height: 1.5em;
    background: url(../pictures/carnetjove/layout/titlemask.gif) 50% 0% repeat-y;
    margin-bottom: 0px;
    padding: 0.25em 2px 0px 15px;
}

div#esquerra, div#dreta
{
    padding-top: 2em;
}

div#fotos
{
    margin-top: -0.45em;
}
div.synchedheight div#fotos
{
    margin-top: -1em;
}

div#footpattern
{
    display: block;
    clear: both;
    width: 720px; /* same as ul#menuppal */
}
img#funpic
{
    position: relative;
    left: -40px;
    top: 0px;
}
div#footpatternbar
{
    width: 100%;
    height: 21px;
    background: url(../pictures/carnetjove/layout/footbarmask.gif) 50% 0% no-repeat;
}


/* --- tree (overriding tujuca.css) --- */

div#esquerra a
{
    font-size: 12px;
}

.treemenu
{
    margin-bottom: 2px;
    margin-top: 2px;
    letter-spacing: -0.03em;
    word-spacing: -0.2em;
}
.treeindenter {padding-right: 3px;}

.menuindent0 {}
.menuindent1 {padding-left: 8px;}
.menuindent2 {padding-left: 0px;}
.menuindent3 {padding-left: 15px;}
.menuindent4 {padding-left: 30px;}
.menuindent5 {padding-left: 45px;}
.menuindent6 {padding-left: 60px;}
.menuindent7 {padding-left: 75px;}
.menuindent8 {padding-left: 90px;}
.menuindent9 {padding-left: 105px;}

.menuindent1
{
    background: #666 url(../pictures/carnetjove/layout/treemask.gif) 50% 0% repeat-y;
    color: #FFFFFF;
    margin-bottom: 3px;
    line-height: 20px;
}
.menuindent1 a
{
    color: #FFFFFF;
}
.menuindent2 a.node {color: #666;}
.menuindent3 a.node {color: #666;}
.menuindent4 a.node {color: #666;}
.menuindent5 a.node {color: #666;}
.menuindent6 a.node {color: #666;}
.menuindent7 a.node {color: #666;}
.menuindent8 a.node {color: #666;}
.menuindent9 a.node {color: #666;}

.menuindent1 .treeindenter {display: none;}


/* --- fonts --- */

h1.title, ul#menuppal a, div#esquerra div.treemenu
{
    color: #FFFFFF !important;
    font-family: "Courier New", Courier, mono !important;
    font-size: 16px;
    font-weight: bold;
}