header {
    height:auto;
    
}

footer {
    
    width:90%;
    margin:auto;
    padding:3px;
}


.video, div {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    align-content:center;
    text-align:center;
    
}

.video {
    margin-bottom: 20px;
}

h1 
    {
    font-family:linedrawn;
    font-size:3em;
    color:#000000;
}


.mod01bg {
    background-color:#6f6962;
    
}

.mod02bg {
    background-color:#616c62;
}

.mod03bg {
    background-color:#5e666c;
}

.mod04bg {
    background-color:#66656b;
}

.mod05bg {
    background-color:#6b6062;
}



section {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
    border: 2px solid #808080;
    border-radius:10px;
    font-family: Verdana,sans-serif;
    color:#000000;
    margin-bottom:20px;
    font-size:.9em;
}

section a {
    color:#9d6917;
}

section a:hover {
    color:#9d71a4;
}

h2 {
    color:#485746;
    font-family:dots;
           padding:0px;
           font-size:2em;
}

h3, h4 {
    font-family:linedrawn_bold;
}

h3 {
    color:#5e666c;
}

h4 {
    color:#57536f;
}

dt {
    font-size: 1.3em;
     font-weight: bolder;
     color:#6f6962;
}

dl.code dt, .codeinline {
    font-family: 'Courier New',monospace;
    color:#3049c1;
   
    
}



dl.csscode dt, .csscodeinline {
    font-family: 'Courier New',monospace;
    color:#a52bb7;
}

dl.noncode dt {
    color:#364f64;
    font-family:Verdana,sans-serif;
}

dl.ftpcode dt {
    font-family: 'Courier New',monospace;
    color:#359215;
}

dd {
    margin-bottom:10px;
    font-size:1.3em;
}

.csscodeinline, .codeinline {
     font-weight:bolder;
}

.content {
    color:#714118;
}

.attribute {
    color:#2f9a2b;
}

.indent {
    margin-left:50px;
}

ul li.indent {
    list-style-type: circle;
}

li.right {
    list-style-type: none;
    text-align:right;
}