.button {
background-image:-webkit-gradient( linear,left bottom,left top,color-stop(0.03,#3ff222),color-stop(0.76,#86ffb1) );
background-image:-moz-linear-gradient( center bottom,#f28b22 3%,#f8c029 76% );
display:inline-block;
border-radius:5px;
box-shadow:0 1px 1px rgba(0,94,142,0.75);
text-align: center;
color: #000;
text-shadow:0 -1px 0 rgba(126,85,15,0.75);
text-decoration:none;
padding: 3px 6px;
letter-spacing: 0.12em;
font-family: Verdana, Geneva, "Trebuchet MS", Arial;
font-size: 12px;
font-weight:bold;
}
#header {
margin-left: 25%; 
margin-right: 25%; 
margin-top: 40px; 
width: 1023px; 
text-align: center; 
}
body { 
background-image: url(images/background_pattern.png); 
background-repeat: repeat; 
margin: 0px; 
font-family: Verdana, Geneva, "Trebuchet MS", Arial; 
font-size: 15px; 
line-height: 25px; 
padding: 0px; 
}
#modules { 
margin-left: 25%; 
margin-right: 25%; 
width: 1023px; 
padding-top: 10px; 
}
#past {
background-image: url(images/background_pattern3.png); 
background-repeat: repeat; 
width: 311px;
padding-right: 15px; 
padding-top: 15px; 
padding-left: 15px;
float: left;
}
#present { 
background-image: url(images/background_pattern3.png); 
background-repeat: repeat; 
width: 311px;
padding-right: 15px; 
padding-top: 15px; 
padding-left: 15px;
float: left;
}
#future { 
background-image: url(images/background_pattern3.png); 
background-repeat: repeat; 
width: 311px;
padding-right: 15px; 
padding-top: 15px; 
padding-left: 15px; 
float: left;
}
h1 { 
font-size: 40px; 
color: #ff7608; 
text-shadow:0 2px 0 rgba(126,85,15,0.75); 
font-family: headerfont, Verdana, Geneva, "Trebuchet MS", Arial; 
text-align: center; 
margin: 5px 0px 0px 0px;  
}
#button {
text-align: center; 
}
@font-face { 
font-family: headerfont;
src: url('fonts/Silom.ttf'); 
}
#footer { 
color: white; 
padding-top: 50px; 
width: 1023px; 
text-align: center; 
clear: both; 
background-position: right bottom;
}
a {
text-decoration: none; 
}
a:link { 
text-decoration: none; 
}
a:visited { 
text-decoration: none; 
}