body {
    font-family: Helvetica,Arial,Sans-Serif;
}

#doc2 {
}

a {
    color: #784E3D;
    text-decoration: none;
}
    a:hover {
        color: #3D2216;
        text-decoration: underline;
    }

#hd { 
    border-bottom: 2px solid #ddd;
}

.clear { clear: both; }

#header {
    margin-top: 30px;
    position: relative;
}

#nav {
    position: absolute;
    right: 0px;
    bottom: 15px;
    vertical-align: bottom;
    color: #D6BCB1;
}

#header h1 {
    float: left;
}

.left {
    float: left;
}

.right {
    float: right;
}

#header h1 img {
    width: 240px;
}

#ft { 
    margin-top: 20px;
}
    #ft div {
        border-top: 2px solid #ddd;
        padding: 10px;
    }
        
#content {
    /*height: 450px;
    overflow: auto;
    overflow-x:auto;
    overflow-y:hidden;
    white-space: nowrap;*/
}

.yui-u { 
    margin-top: 15px;
}

/* This is the window you are gonna she in the web page */
#img-container {
/*position: relative;
width: 250px;
height: 170px;
overflow: auto;
float: left;
color: #ffffff;
height: 500px;
width: 100%;
overflow:scroll;
overflow-y: hidden;
border:none 0px solid*/
}
    
#img-container2 {
    /*white-space: nowrap;
    padding: 8px 0; 
    float: left;
    width: 100%;*/
}

h2 {
    font-size: 1.4em;
    color: black;
    margin-bottom: 5px;
}

.intro {
    float: left;
    color: black;
    margin-bottom: 5px;
}

.section-title {
    color: #aaa;
    font-size: 1.2em;   
    letter-spacing: 0.125em;
    margin: 5px 0 5px 0;
}

.yui-u ul {
    margin-bottom: 20px;
}