html, body { margin:0; padding:0; }
body {
    margin: 0;
    padding: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 76%;
    color: #3d435b;
    background-color: #cbcbcb;
    text-align:center;
}

#wrapper { width:790px; margin:0 auto;
    background-image: url(/css/background2.jpg);
    background-repeat: repeat-y;
    background-position: center;
}
#header { margin:0 auto; padding:0; width:660px;
    text-align:left;
    background: #c3cec9;
    background-image: url(/css/voila_header.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    height:179px;
}
#nav { }
#content { margin:0 auto; width:660px;
    position:relative;
    padding:0;
    text-align:left;
    background: #FbF5FB;
    background-image: url(/css/pattern_bg.jpg);
    background-repeat: repeat-y;
    background-position: top left;
    border-top:1px solid #c8c8c8;
    border-bottom:1px solid #FBF5FB;
}
#l { float:left; width:214px; 
    height:540px; margin:0; padding:0;
    background-image: url(/css/left_bg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}
#r { float:left; width:416px;
    background: transparent;
    line-height:1.7em;
    padding: 5px 10px 120px 15px;
    margin:0;
}
#footer {
    margin:0 auto; width:660px; height:78px; position: relative;
    background: #d6e4dd;
    background-image: url(/css/bottom_voila.jpg);
    background-repeat: no-repeat;
    background-position: 40px 0;
}
#flower{ position:absolute; right:0; bottom:0; 
    background-image: url(/css/flower.jpg);
    width: 274px; height: 180px;
}

/* bof navigation */
#nav ul { margin:0; padding:0.5em 0 0 2em; }
#nav ul li {
    list-style:none;
    background: url(/css/bullet.jpg) no-repeat;
    height: 30px;
    line-height:30px;
    padding-left: 35px;
    font-weight:bold;
}
    /* bof non selected page */
    #nav a:link, #nav a:visited {
        color:#4b5067; text-decoration:none;
    }
    #nav a:active, #nav a:hover {
        color:#222; text-decoration:underline;
    }
    /* eof non selected page */

    /* bof currently selected page */
    #nav #current a:link, #nav #current a:visited {
        color: #222; text-decoration: underline;
    }
    #nav #current a:active, #nav #current a:hover {
        color: red;
    }
    /* eof currently selected page */
/* eof navigation */



img { border: 0; }
ol, ul, li {
    font-size: 1.0em;
    line-height: 1.8em;
    margin-top: 0.2em;
    margin-bottom: 0.1em; 
}
p {
    font-size: 1.0em;
    line-height: 1.8em;
    margin: 1.1em 0em 1.1em 0em;
}
li > p {
    margin-top: 0.2em;
}
pre {
    font-family: monospace;
    font-size: 1.0em;
}
strong, b {
    font-weight: bold;
}

h1{font-size:180%;} h2{font-size:150%;} h3{font-size:140%;}
h4{font-size:130%;} h5{font-size:120%;}
h1, h2, h3, h4, h5 {
    color:#0073B5; font-family:"trebuchet ms"; font-weight:normal;
    margin-top:0.5em;
}