#banner {
width: 786px;
height: 312px;
background: url('layoutimages/penguins/header.jpg') top left no-repeat;
margin: 0px auto;
padding: ;
}

#left-side {
width: 174px;
margin: 1px;
padding: 1px;
float: left;
}

#middle {
width: 460px;
margin: 1px;
margin-left: 15px;
padding: 1px;
float: left;
}

#middle-events {
width: 460px;
margin: 1px;
margin-left: 15px;
padding: 1px;
float: left;
background: #000000;
color: #FFA500;
}

#right-side {
float: right;
margin: 1px;
margin-right: 6px;
padding: 1px;
width: 114px;
}

table #front-page-content {
margin: 0px auto;
width: 70%;
}

#calendarPopup {
position: relative;
left: 200px;
top: -150px;
width: 216px;
}

#calendarPopupFloat {
float: left;
width: 200px;
/*background: #f0f0f0;*/
background: #000000;
padding: 5px;
height: 150px;
border: 3px solid black;
}

p.small {
color: #000000;
font-size: 10px;
}

span.red {
color: #dd5555;
}


.eventListBox table {
background: transparent;
width: 60%;
margin: 0px auto;
margin-bottom: 12px;
border: 0px;
color: #f2c011;
}

.eventListBox tr {
border: 0px;
}

.eventListBox td {
/*background: #c0c0ff;*/
border: 0px;
width: 50%;
background: #000000;
}

.eventListBox2 {
/*background: #d7d7f6;*/
background: #000000;
}

.eventListBox h3 {
text-align: center;
margin: 0px auto;
}

.eventListBox {
/*background: #f2f2ff;*/
background: #000000;
margin-top: 15px;
padding: 5px;
margin-right: 0px;
border: 1px solid #000000;
color: #f2c011;
}

#middle-bottom {
float: left;
width: 460px;
background-color: #fffdb0;
margin-top: 25px;
}

#giftCertText {
float: left;
width: 230px;
text-align: center;
font-weight: bold;
margin-top: 10px;
font-size: 14px;
background-color: #fffdb0;
}

#giftCert {
width: 230px;
float: left;
margin-top: 10px;
text-align: center;
background-color: #fffdb0;
}

#giftCertBottom {
background-color: #fffdb0;
float: left;
clear: both;
width: 460px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: 11px;
}