/* CSS Document */
/*remove the underlining, set the color to darkish brown, and display as block elements to make them go down the left side of the page */

a.button {
display:inline;
text-align:center;
padding:2px;
text-decoration:none;
width:126px;
margin:2px;
color:#8D4F10;
font-family:"Trebuchet MS", Verdana, sans-serif
}

/* give unvisited and visited links a light orange background and an outset border of the same color to make it look like a button */
a.button:link, a.button:visited {
background:#FFCFA0;
border:2px outset #FFCFA0;
}

/* give buttons that are hovered over or that have focus a darker background and border, as well as black text; bold formatting makes the text jump around to much */
a.button:focus, a.button:hover {
background: #CD8E51;
border:2px outset #CD8E51;
color:black
}

/*give buttons when they are clicked ("active"), an even darker background */
a.button:active {
background:#AF6A27;
border:2px outset #AF6A27;
}


a.button1 {
display:inline;
text-align:center;
padding:2px;
text-decoration:none;
width:126px;
margin:2px;
color:#8D4F10;
font-family:"Trebuchet MS", Verdana, sans-serif;
background:#FFCFA0;
border:2px outset #FFCFA0;
}