html {
    background-color: #CCC;
}

body {
    font-family: "century gothic", "apple gothic", "arial";
    padding: 0.7em;
}

a:link {text-decoration: underline; color: #000000;}
a:visited {text-decoration: underline; color:  #000000;}
a:active {text-decoration: underline; color:#000000;}   
a:hover {text-decoration: underline; color: #000000;}

a.download {
    text-decoration: underline;
}

/* p{
    color: #000000;
    font-size: 0.8em;
    letter-spacing: .08em;
    margin-top: 0;
    margin-left: 10px;
    margin-bottom: 10px;
} */

h1{
    color: #000000;
    font-size: 1.2em; 
    font-weight: bold;
    letter-spacing: 0.3em;
    line-height: 150%;
}

h2{
    color: #000000;
    font-size: 1.2em;
    letter-spacing: .4em;
    font-weight: normal;
}

h3{
    color: #000000;
    font-size: 1.22em;
    letter-spacing: .1em;
    font-weight: normal;
    margin-left: 10px;
}

h1,h2,h3 {
    /* top & bottom margin based on font size */
    margin:1em 0;
}

p {
    margin: 0 2em 1em 2em;
    line-height: 120%;
    letter-spacing: .08em;
}

.mastlogo {
    padding: 1em 0em 1em 0em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#custom-doc {
    background-color: #fff;
    margin:auto;text-align:left; /* leave unchanged */
    width: 61.53em; /* non-IE */
    min-width: 780px; 
}

.topmenu {
    border-top: 1px solid black;
    color: #000000;
    font-size: 1.1em;
    letter-spacing: .08em;
    line-height: 120%;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

.topmenu a:link {text-decoration: none; color: #000000;}
.topmenu a:visited {text-decoration: none; color:  #000000;}
.topmenu a:active {text-decoration: none; color:#000000;}   
.topmenu a:hover {text-decoration: underline; color: #000000;}

.left {
    display: block;
    padding-left: 1em;
    float: left;
}

.right {
    display: block;
    padding-right: 1em;
    float: right;
}

#menutext {
    color: #000000;
    font-size: 0.9em;
    letter-spacing: .08em;                                 
    line-height: 120%;                                     
    margin-left: 10px;                                       
    margin-right: 10px;                                      
    text-align: left; 
}

.clear {
    clear: both;
}

#maincontent {
    padding: 1em;
    min-height: 600px;
}

#maincontent p{
    margin: 0 2em 1em 2em;
    line-height: 120%;
    letter-spacing: .08em;
}


#footerlinks {
    color: #000000;
    font-size: 0.7em;
    letter-spacing: 3px;                                   
    line-height: 75%;                                      
    text-align: center;                                    
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
}                                                          

#copyright {
    color: #000000;
    font-size: 0.6em;
    letter-spacing: 1px;                                   
    line-height: 75%;                                      
    text-align: center;                                    
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1em;
}

## Downloads2 app ##

.downloadfile {
    background: #EEE;
    padding: 10px;
    margin: 5px;
}
.downloadfile_odd {
    background: #EEE;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #DDD;
}
.downloadfile_even {
    background: #FFF;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #DDD;
}
<<<<<<< .working

.tutcol {
    float: left;
    width: 380px;
}

.tutcontainer {
    background: #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
    padding: 3px;
    /* width: 355px; */
    min-width: 360px;
    float: left;
    margin
}

.cloud1 {
    font-size: 10pt;
}
.cloud2 {
    font-size: 12pt;
}
.cloud3 {
    font-size: 14pt;
}
.cloud4 {
    font-size: 16pt;
}
.cloud5 {
    font-size: 18pt;
}
.cloud6 {
    font-size: 20pt;
}

.compat_working {
    background-image:url('/media/img/status_working.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    padding: 5px;
}
.compat_issues {
    background-image:url('/media/img/status_issues.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    padding: 5px;
}
.compat_non-working {
    background-image:url('/media/img/status_nonworking.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    padding: 5px;
}

.compatcontainer {
    clear: both;
}

.compatcontainer-alt {
    clear: both;
}

.tutcol {
    float: left;
    width: 380px;
}

.tutcontainer {
    background: #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
    padding: 3px;
    /* width: 355px; */
    min-width: 360px;
    float: left;
    margin
}

.cloud1 {
    font-size: 10pt;
}
.cloud2 {
    font-size: 12pt;
}
.cloud3 {
    font-size: 14pt;
}
.cloud4 {
    font-size: 16pt;
}
.cloud5 {
    font-size: 18pt;
}
.cloud6 {
    font-size: 20pt;
}