body  { 
    background-color: #c0ffc0;
    margin: 50px;
}

/* ############### <Hn> tags ############### */
h1, h2, h3, h4, h5, h6 {
   /* padding-left: 20px; */
}
h1, h2 {
   /* clear: left; */
   color: green;
   background-color: inherit;
}
h1 {  font-size: 300%; }
h2 {  font-size: 200%; } 
h1 a, h2 a, h3 a, h4 a, h5 a {
    text-decoration: none;
    color: inherit;
    background-color: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: underline;
}

section.center > h1, section.center > h2 {
   text-align: center;
}

/* ############### <footer> tag ############### */

.footer {
    margin-top: 2em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    background-color: green;
    color: black;
}
.footer p {
    line-height: 1.5;
}
.footer a {
    text-decoration: none;
    color: white;
    background-color: inherit;
}
.footer a:hover {
    text-decoration: underline;
}


/* ############### <header> tag ############### */

.header a {
    text-decoration: none;
    color: white;
    background-color: inherit;
}
.header a:hover {
    text-decoration: underline;
}

.header h1, .header h2 { 
   padding-left: 20px;
   padding-right: 20px;
    color: white;
    background-color: green;
}
.header h1 { 
    font-size: 400%; 
    margin-top: 0.65em;
    margin-bottom: 0;
    display: block;
}
.header h2 { 
    font-size: 100%; 
    margin-top: 0;
    margin-bottom: 1em;
}

.main-navigation li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    font-size: 140%;
}

#header {
    background-color: green;
    overflow: hidden;
}

#container2 {
    clear: left;
    float: left;
    width: 100%;
    overflow: hidden;
    background: inherit;
}
#container1 {
    float: left;
    width: 100%
    background: inherit;
}

#header-links {
    float: left;
    overflow: hidden;
    width: 100%;
}
#header-search {
    float: right;
    overflow: hidden;
}

/* ############### Two Columns ############### */

/* outer -- probably not needed*/
.container2 {
    clear: left;
    float: left;
    width: 100%;
    overflow: hidden;
    background: inherit;
}
/* inner */
.two-column {
    float: left;
    width: 100%
    background: inherit;
}
/* column 1 */
.left-side {
    float: left;
    overflow: hidden;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
}
/* column 2 */
.right-side {
    /* float: right; */
    float: left;
    overflow: hidden;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
}



/* ############### Paragraphs ############### */
p  {
    line-height: 1.5;
    max-width: 40em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

/* ############### Tables ############### */
/* table { */
/*     font-family: verdana,arial,sans-serif; */
/*     /\* font-size: 11px; *\/ */
/*     color: #333333; */
/*     /\* border-width: 1px; *\/ */
/*     border-width: 8px; */
/*     border-color: green; */
/*     border-collapse: collapse; */
/* } */

table{
    border-collapse:collapse;
    /* border-spacing:0; */
    border-spacing: 0;
    background-color: #88CC88;
    border-style: solid;
    border-width: 2px;
}


table th   { 
 /* color: yellow;  */
 padding: 8px;
 margin-left: 2em;
    border-style: solid;
    border-width: 2px;
    
}

table td   { 
 /* color: purple;  */
 padding: 8px;
 margin-left: 2em;
    border-style: solid;
    border-width: 1px;

}

caption,th,td{
    text-align:left;
    font-weight:normal;
    vertical-align:middle
}

/* ############### Lists ############### */

dt {
    font-weight: bold;
}


/* ############### Inputs and Forms ############### */

input[type=submit]  {
    /* background-color: brown; */
    background-color: green;
    color: white;
    font-size: 120%;
    border-radius: 5px;
}

#header input[type=submit]  {
    background-color: orange;
    color: white;
    font-size: 120%;
    border-radius: 5px;
}

input[type=file]  {
    /* background-color: white; */
    color: blue;
    font-size: 120%;
    border-radius: 5px;
}