html {
    font-size: 62.5%; /* 10(base font size) / 16(Browser Default font size) = 0.625em * 100 = 62.5% */
}
body {
    font-size: 16px; font-size: 1.6rem; }
h1 {
    font-size: 14px; font-size: 1.4rem; /* 14 / 10 = 1.4em */
}
p {
    font-size:14px; font-size: 1.4rem; /* 14 / 10 = 1.4em */
}
ul li {
    font-size:12px; font-size: 1.2rem; /* 12 / 10 = 1.2em */
}

#menu ul{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#menu li a{
display: block; 
border-left: 8px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #ffffff;
padding: 3px 10px;
text-decoration: none;
color: #333333;
width: 150px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
}
#menu li a:hover{
border-left: 8px solid #474655;
border-top: 1px solid #474655;
border-right: 1px solid #474655;
border-bottom: 1px solid #474655;
background-color: #d7efd7;
}