body {
font-family: verdana;
font-size: 1.0em;
background-color: #eee;
padding: 0px;
margin: 0px;
background-image: url('back.gif');
background-repeat: no-repeat;
}

a {
color: #333;
}

table a {
color: #333;
}

table {
border-collapse: collapse;
filter:alpha(opacity=65); 
opacity: 0.65; 
-moz-opacity:0.65; 
}

table#calendar td {
text-align: center;
font-size: 70%;
width: 32px;
height: 25px;
}

tr#rowa td {
background-color: red;
color: white;
font-weight: bold;
}

tr#row1 td {
background-color: orange;
color: black;
}

tr#row1 a {
color: black;
}

tr#row2 td {
background-color: yellow;
color: black;
}

tr#row2 a {
color: black;
}

tr#row3 td {
background-color: green;
color: white;
}

tr#row3 a {
color: white;
}

tr#row4 td {
background-color: blue;
color: white;
}


tr#row4 a {
color: white;
}

tr#row5 td {
background-color: purple;
color: white;
}

tr#row5 a {
color: white;
}

h3 {
width: 270px;
padding: 5px;
background-color: gray;
color: white;
font-size: 75%;
}

h4 {
font-size: 70%;
}

p {
font-size: 65%;
}

#calendarBox {
position: absolute;
left: 100px;
top: 100px;
}

#eventBox {
position: absolute;
left: 250px;
top: 0px;
width: 300px;
height: 400px;
overflow: auto;
}

#peepsBox {
position: absolute;
left: 550px;
top: 100px;
width: 300px;
height: 300px;
overflow: auto;
}