@charset "utf-8";

body {font-family: Verdana, Arial, sans-serif;
      background-color: #330000;
     }

#wrapper {  background-color: #F4E8BC; 
	    width: 90%;
	    margin: auto;
            color: #330000;
         } 

h1, h2 { color: #003300; }

header { 
         background-image: url(lathe.jpg);
         background-repeat: no-repeat; 
         background-size: 866px 341px;
	 background-color: #FFFFFF; 
         background-position: center; 
       }

h1 { text-align: center;
     font-size: 300%;
     padding: 5% 0;
     text-shadow: 3px 3px 3px #F4E8BC;	
   }

nav { float: left;
      width: 20%;
      font-size: 120%;
    }	  

nav ul { list-style-type: none; }

nav a { text-decoration: none;}

nav a:link { color: #330000; }

nav a:visited { color: #003300; }

nav a:hover { color: #996600; }

a.nodec {text-decoration: none;
 	 color: blue}

aside { float: right; 
        width: 30%;
	padding: 0 2.5%;
      }

main { width: 50%;
       padding-right: 2%;
       margin-left: 20%;
     }

footer { text-align: center;
         font-size: 80%;
	 font-style: italic;
	 color: #003300;
	 padding: 2.5%;
	 clear: both; 
      }

img { max-width: 100%;
      height: auto;
    }

.floatleft { float: left; 
	     margin-right: 25px;
    	   }

@media only screen and (max-width: 768px) 
{
          nav { float: none;
                width: auto;
                margin-top: 0;	
                text-align: center; }
          main { width: 60%;
               margin-left: 5%; }
          aside { width: 30%; }
          nav ul { padding-left: 0; }
          nav li { display: inline;
                  margin: 0 2%; 
                 }
}

@media only screen and (max-width: 480px) 
{
            #wrapper { width: auto; }
            h1 { margin-bottom: 0; }
	    main { margin: 0 5%;      
                   width: auto;	}
	    nav { width: auto; }
	    nav ul { padding-left: 0; 
		     text-align: center;}
	    nav li { display: inline-block;
	             width: 5em;
	             font-size: 120%;
		     text-align: center;
		     box-shadow: 2px 2px 2px #330000;
		     background-color: #FFFFCC; 
		     margin: 1%;
		     padding: 2.5%; }
            aside { display: none; }	
}

header, main, nav, footer, figure, figcaption { display: block; }

ol li { list-style-type:upper-roman; }
ol ol li { list-style-type:decimal; }
ol ol ol li { list-style-type:upper-alpha; }
ol ol ol ol li { list-style-type:decimal; }
ol ul li {list-style-type: disc; }
ol ol ol ul li {list-style-type: disc; }