body {
     font: 100% Verdana, Helvetica, Arial, sans-serif;
     color: #666666;
     margin: 0px;
}

h1 {
      font-size:200%;
      color: #A64A00;
      background-color: #FFB173;
      margin: 0px;
      padding: 10px;
}




.menubar {
	 background-color: #A64A00;
}
.headmenu {
       color: #FF7100; 
       background-color: #A64A00;
       margin: 0px;
       padding-left: 20px;
       padding-right: 20px;
}

.headmenu:hover {
		color: #FFFFFF;
		background-color: #FF7100;
}

h2 {
   color: #FFB173;
   background-color: #A64A00;
   padding: 10px;
}

h3 {
   color: #A64A00;
   padding: 10px;
   padding-top: 0px;
   padding-bottom: 2px;
}

h4 {
   padding: 10px;
   padding-top: 0px;
   padding-bottom: 2px;
}

p {	
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 2px;
}     

.content {
	 padding-left: 100px;
	 padding-right: 100px;
	 padding-top: 20px;
	 padding-bottom: 20px;
	 background-color: #666666;
}
.note {
      background-color: #FF7100;
      background-position: top left;
      border: 2px dashed white;
      color: #FFFFFF;
      margin-left: 100px;
      margin-right: 300px;
}

.article {
	 width: 8.5 in;
	 margin: 0 auto;
	 background-color: #FFFFFF;
	 padding: 0px;
	 padding-bottom: 50px;
	 border-left: 5px solid #A64A00;
	 border-right: 5px solid #A64A00;
	 border-bottom: 5px solid #A6400;
	 }
.footer {
	color: #FFFFFF;
	font-size: 75%;
	background-color: #A64A00;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	}
a {
  color:#FF7100;
  text-decoration: none;
}

a:hover {text-decoration: underline;}
 
.footer a{
	color: #FFFFFF;
	}
	 	
.sub {
     font-size: 50%;
     }

pre {
    text-align: left; 
    background-color: #000000; 
    margin:0;
    padding:0;
}

.code-sample {
	     text-align: center;
	     background-color: #FFFFFF;
	     padding:auto;
	     margin-left: auto;
	     margin-right: auto;
}
code {margin:0; padding:0;}