@font-face {
font-family: BellName;
src: url(bell-centennial-std-name-number.ttf);
}

@font-face {
font-family: BellAddress;
src: url(bell-centennial-std-address.ttf);
}

@font-face {
font-family: BellBold;
src: url(bell-centennial-std-bold-listing.ttf);
}

body {
font-family: "BellName", Verdana, sans-serif;
color:#222;
background-color:#eee
}

h1, h2, h3 {
font-family: "BellBold", Verdana, sans-serif;
text-transform: lowercase;
color:#000}

h1 {
font-size: 350%;
text-align: center
}

h3 {
margin-bottom: 2px
}

p {
margin:0;
padding: 15px 5px 15px 20px;
background: #ddd
}

p:nth-child(even) {
background: #ccc}

audio {
opacity: 0.9
}

.menu {
width: 20%;
float:left;
text-align:right
}

.main {
width: 55%;
float:left;
padding-left:20px
}

.menu2 {
width: 20%;
float:left;
padding-left:20px
}

a, a:active, a:hover a:visited {
color: #000;
font-family: "BellAddress";
font-size: 110%}

.fieldset {
position: relative;
border: 1px solid #333;
padding: 15px;
margin-bottom: 35px;
}

.fieldset h2 {
position: absolute;
top: 0;
font-size: 36px;
line-height: 1;
margin: -18px 0 0; /* half of font-size */
padding: 0 3px;
background-color:#f4f0ec
}