body {
padding-left: 12em;
margin-left: 2%;
font-family: Times, "Times New Roman", Serif;
background-image: url('gold.jpg')
}

 .style1 {
font-family: Lucida Calligraphy, Times, "Times New Roman", Serif;
font-size: 1.4em;
font-weight: bold;
color: #227B22 }

.style2 {
font-family: Lucida Calligraphy, Times, "Times New Roman", Serif;
font-size: 1.2em;
font-weight: bold;
color: #227B22  }

.style3 {
font-family: Times, "Times New Roman", Serif;
font-size: 1.1em;
color: #483D8B  }

.style4 {
font-family: Times, "Times New Roman", Serif;
font-size: 1.1em;
color: #8B0000 }

.style5 {
font-family: Times, "Times New Roman", Serif;
font-size: 0.9em;
color: #227B22  }


ul.navbar {
list-style-type: none;
padding: 0;
font-size: 1.3em;
text-align: center;
margin: 0;
position: absolute;
top: 10em;
left: 5em;
width: 7em }

ul.navbar li {
margin: 0.5em 0;
padding: 0.2em;
border: thin indigo solid }

ul.navbar a {
text-decoration: none }

div.box {
float: center;
width: 40%;
border: thin indigo solid;
margin: 1em;
padding: 1em;
background: #FFFACD;

}

div.box p {
text-align: center;
font-family: times;
font-style: italic;
font-size: 1em;
color: #8B0000;
text-indent: 0;
}

div.box2 {
float: center;
width: 20%;
border: thin indigo solid;
margin: 1em;
padding: 1em;
background: #FFFACD;

}

div.box2 p {
text-align: center;
font-family: times;
font-size: 1.2em;
color: #8B0000;
text-indent: 0;
}


div.box3 {
float: center;
width: 35%;
border: thin indigo solid;
margin: 1em;
padding: 1em;
background: #FFFACD;

}

div.box3 p {
text-align: center;
font-family: times;
font-size: 1.1em;
color: #8B0000;
text-indent: 0;
}


a:link {
    color: #227B22 }
a:visited {
    color: #483D8B }