body {
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-size: 16px;
     background-color: grey; 
    color: #696969;
    padding: 20px;
}

#main {
    padding: 5px;
    padding-left:  15px;
    padding-right: 15px;
    background-color: #ffffff;
    border-radius: 0 0 0 0;
}

h1 {
    font-family: Georgia, serif;
    border-bottom: 1px solid #cc9900;
    color: #996600;
    font-size: 30px;
}

a:link {text-decoration: none;}

a:visited {text-decoration: none;}

a:hover {text-decoration: underline;}

a:active {text-decoration: underline;}

img.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#header {
    background-color:white;
     color:white;
     text-align:left;
    padding:5px;
}
#nav {
    line-height:30px;
     background-color:white;
    height:650px;
    width:250px;
     float:left;
     padding:5px; 
}
#midsection {
    width:750px;
    background-color:white;
    margin-left: auto;
    margin-right: auto;
     padding:10px; 
}
#midsection2 {
     width:1000px;
    background-color:white;
     padding:40px; 
}
#midsection3 {
    width:900px;
    background-color:white;
    margin-left: auto;
    margin-right: auto;
     padding:10px; 
}
#midsection4 {
    width:900px;
    background-color:white;
    margin-left: auto;
    margin-right: auto;
     padding:10px; 
}
#midsection5 {
    width:900px;
    background-color:white;
    margin-left: auto;
    margin-right: auto;
     padding:10px; 
}
#footer {
    background-color:white;
     color:white;
    clear:both;
    text-align:center;
     padding:5px; 
}
div.img {
    margin: 5px;
    border: 1px solid #ccc;
      margin-left: auto;
  margin-right: auto;
    width: 650px;
}
div.img:hover {
    border: 1px solid #777;
}
div.img img {
    width: 100%;
    height: auto;
}
div.desc {
    padding: 15px;
    text-align: center;
}
.tab{ text-indent:0px }

.tab1{ text-indent:40px }

.tab2{ text-indent:95px }

.tab3{ text-indent:150px }

.tab4{ text-indent:250px }

.tab5{ text-indent:350px }

.tab6{ text-indent:500px }