#head {
width: 750px;
height: 150px;
background-image: url(../image/topimage.gif);
background-repeat: no-repeat;
}
p#headcom {
padding: 80px 150px 0px 100px;
font-family: ariel;
font-size: 90%;
font-weight: bold;
}
p#links {
top: 5px;
left: 90px;
position: absolute;
font-size: 80%;
font-weight: bold;
}

#main {
width: 750px;
position: relative;
}
#contents {
padding: 70px 0px 0px 50px;
}

.promo {
margin: 0px 0px 20px 0px;
}
.promo h2 {
font-size: 120%;
font-weight: bold;
}

#eventcont {
border: solid 1px;
width: 650px;
}
#eventcont h3 {
font: 150% bold;
padding-left: 10px;
line-height: 1.2em;
}
.evento1 {
padding: 5px 0px 15px 10px;
}
p.evento2 {
font-size: 110%;
font-weight: bold;
color: blue;
}
p.eventoprice {
font-size: 100%;
font-weight: bold;
color: black;
}
p.eventocont {
padding: 0px 0px 0px 10px;
font-size: 100%;
font-weight: bold;
color: red;
}

em {
color: blue;
font-size: 110%;
font-weight: bold;
padding-left: 0.3em;
}

address {
margin: 15px 0px 0px 0px;
clear: left;
text-align: center;
font-weight: bold;
}

ul#menubar {
width: 650px;
top: 24px;
left: 70px;
position: absolute;
}
.menu1 {
float: left;
width: 130px;
height: 40px;
display: block;
list-style-type: none;
text-decoration: none;
}

.menu1 a {
list-style-type: none;
text-decoration: none;
font-size: 130%;
font-weight: bold;
color: navy;
}

li.menu1 a:hover {
list-style-type: none;
text-decoration: none;
font-size: 130%;
font-weight: bold;
color: gray;
}