html * {
    margin:                 0;
    padding:                0;
}

body {
    font:                   .8em arial, helvetica, sans-serif;
}

#container {
    position:               relative;
    width:                  966px;
    margin:                 0 auto;
}



/** header ********************************************************************/

#header {
    height:                 118px;
    margin-left:            26px;
    background:             url(images/header.jpg);
}

#header h1 {
    padding:                17px 0 0 21px;
}

#header h1 a {
    display:                block;
    width:                  565px;
    height:                 90px;
    text-indent:            -100em;
    overflow:               hidden;
}

#header p {
    display:                none;
}



/** navbar ********************************************************************/

#navbar {
    position:               relative;
    margin-top:             26px;
    margin-left:            218px;
    padding:                8px 30px;
    background:             #E0F0B2;
    color:                  #6A8D54;
    font-size:              .86em;
}

#navbar a {
    color:                  #6A8D54;
    text-decoration:        none;
}

#navbar strong {
    font-weight:            normal;
}


/** title *********************************************************************/

#title {
    display:                none;
}

/** content *******************************************************************/

#content {
    position:               relative;
    overflow:               hidden;
    margin-left:            26px;
    padding:                60px 30px 40px;
    background:             #E0F0B2 url(images/content.jpg) no-repeat center bottom;
}

#content h3 {
    margin:                 10px 10 15px -20px;
    padding:                0;
    color:                  #6A8D54;
    font-size:              2em;
    font-weight:            normal;
}

#content h4 {
    margin:                 20px 0 10px;
    padding:                0;
    color:                  #6A8D54;
    font-size:              1.5em;
    font-weight:            normal;
}

#content p {
    margin:                 10px 0;
}

#content ul {
    margin:                 10px 0;
    padding:                0 5px;
    list-style:             none;
}

#content ul li {
    padding-left:           15px;
    background:             url(images/li.gif) no-repeat 0 4px;
}

#content hr {
    height:                 1px;
    margin:                 30px 0;
    *margin:                10px 0; /* targets IE6 and 7 */
    border:                 0;
    border-top:             1px dashed #999;
}

#content a {
    color:                  #ffffff;
}

/** footer ********************************************************************/

#footer {
    margin:                 10px 0;
    color:                  #927ECB;
    text-align:             center;
}

#footer address {
    font-style:             normal;
}

#footer a {
    color:                  #927ECB;
}


/** nav ***********************************************************************/

#navcontainer {
    position:               absolute;
    top:                    126px;
    left:                   0;
    width:                  218px;
    padding-top:            10px;
    background:             #927ECB url(images/navcontainer.gif) no-repeat;
}

#navcontainer p {
    margin:                 0;
    padding:                10px 15px 29px;
    background:             url(images/navcontainer-p.gif) no-repeat center bottom;
    text-align:             center;
    color:                  #fff;
}

#navcontainer p.opened {
    padding-bottom:         10px;
    background:             none;
}

#nav {
    display:                none;
    padding:                0;
    list-style:             none;
}

#nav a {
    display:                block;
    height:                 17px;
    padding:                7px 10px 3px 30px;
    background:             #fff url(images/nav-a.gif);
    color:                  #663399;
    text-decoration:        none;
    font-size:              .85em;
}

#nav a:hover {
    color:                  #000;
}

#nav li.last-child a {
    background:             #fff url(images/nav-a-lastchild.gif);
}

/** subnav ********************************************************************/

#subnavcontainer {
    position:               absolute;
    top:                    118px;
    right:                  0;
    padding-right:          18px;
    background:             url(images/subnavcontainer.gif) no-repeat right top;
}

#subnav {
    margin:                 0;
    list-style:             none;
    font-family:            verdana, arial, helvetica, sans-serif;
    font-size:              .85em;
    font-weight:            bold;
}

#subnav li {
    float:                  left;
    background:             #927ECB;
}

#subnav li.first-child {
    padding:                0 0 0 18px;
    background:             url(images/subnav.gif) no-repeat;
}

#subnav a {
    display:                block;
    padding:                8px 15px 5px;
    background:             url(images/subnav-li-a.gif) repeat-x;
    color:                  #fff;
    text-decoration:        none;
}

#subnav a:hover, 
#subnav li.selected a {
    background:             #D3CBEA url(images/subnav-li-a-hover.gif) repeat-x;
    color:                  #927ECB;
}

/** deuxieme niveau **/

#subnav ul {
    display:                none;
    position:               absolute;
    top:                    26px;
    font-family:            arial, helvetica, sans-serif;
}

#subnav li:hover ul {
    display:                block;
}

#subnav ul li {
    display:                block;
    float:                  none;
    position:               relative;
    background:             none;
}

#subnav ul li.first-child {
    padding:                0;
    background:             none;
}

#subnav li ul a, 
#subnav li.selected ul a {
    float:                  none;
    width:                  178px;
    height:                 25px;
    padding:                7px 10px 3px 30px;
    background:             url(images/nav-a2.gif);
    color:                  #663399;
    font-family:            arial, helvetica, sans-serif;
    font-size:              .9em;
    font-weight:            normal;
}

#subnav li ul a:hover {
    color:                  #000;
    background:             url(images/nav-a2.gif);
}

#subnav li ul li.last-child a, 
#subnav li ul li.last-child a:hover {
    background:             url(images/subnav-ul-a-lastchild2.gif);
}