/* CSS Document */

body {
margin: 0;
padding: 0;
background-color: #5d903d;
background-image: url("images/bottom-sugarcane-bg.jpg");
background-repeat: repeat-x;
background-position: bottom;
}

#top {
width: 100%;
height: 176px;
background-image: url("images/top-sugarcane-bg.jpg");
background-repeat: repeat-x;
background-color: #fff8ce;
background-position: bottom;
padding-top: 22px;
}
#top img { border: 0; }

.widthcontainer {
width: 863px;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#topmenu {
width: 100%;
height: 27px;
background-color: #f7f399;
}
#topmenu ul { display: block; float: left; margin: 0; padding: 0; list-style: none; }
#topmenu li { display: block; float: left; margin: 0; padding: 0; list-style: none; }
#topmenu a {
display: block;
color: #8d4d01;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-decoration: none;
padding: 5px 10px 6px 10px;
}
#topmenu a:hover {
color: #fffbcf;
background-color: #00486f;
}
#topmenu a.on {
color: #fffbcf;
background-color: #005e90;
}

#topimage {
background-image: url("images/blue-sugarcane-bg.jpg");
background-color: #005079;
width: 100%;
height: 276px;
position: relative;
}
#topimage img {
display: block;
margin-left: auto;
margin-right: auto;
}

#content {
background-image: url("images/content-shadow-bg.gif");
background-repeat: repeat-x;
background-position: top;
width: 100%;
height: 100%;
}

#darkshadow {
background-image: url("images/dark-shadow-bg.gif");
background-repeat: repeat-x;
background-position: top;
margin-bottom: -18px;
}
#columnpadding {
padding: 20px 30px 0 30px;
}
.darkbottombg {
background-color: #397d2a;
height: 100%;
background-image: url("images/bottom-sugarcane-bg-dark.jpg");
background-repeat: repeat-x;
background-position: bottom;
}

#homedate {
font-family: Garamond, Palatino, Palatino Linotype, serif;
font-size: 27px;
font-weight: bold;
color: #fdffcd;
display: block;
margin-bottom: 20px;
}
#homedate a { color: #fdffcd; }
#homedate a:hover { color: #c7ff6e; }
.copy {
color: #fdffcd;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
}
.copy a { color: #fdffcd; }
.copy a:hover { color: #fbff8d; }

#homeright {
margin-left: 62px;
width: 380px;
padding-bottom: 150px;
}

#homeparade {
background-color: #5c9b42;
border: 3px solid #508c38;
width: 340px;
padding: 20px;
}
#homeparade #date {
font-family: Garamond, Palatino, Palatino Linotype, serif;
font-size: 20px;
font-weight: bold;
color: #fdffcd;
}
#homeparade a {
color: #a8f563;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#homeparade a:hover { color: #fdffcd; }
#homeparade img { border: 0; }

.date {
display: block;
background-color: #157100;
font-size: 24px;
color: #fbff8d;
font-family: Garamond, Palatino, Palatino Linotype, serif;
font-weight: bold;
width: 450px;
padding: 5px 0 5px 20px;
}
a.date {
width: auto;
padding: 0;
text-decoration: none;
}
a.date:hover {
background-color: #136700;
}

.dayevent {
/*padding: 15px 40px 18px 30px;*/
padding: 7px 40px 3px 30px;
font-family: Arial, Helvetica, sans-serif;
}
.dayevent img { float: left; padding-right: 10px; border:0; }
.name {
color: #fdffcd;
font-weight: bold;
font-size: 14px;
display: block;
text-decoration: none;
margin-top: -4px;
}
.name:hover { color: #ffffff; }
.info { font-size: 13px; }
.dayevent a {
color: #b4ff78;
font-size: 12px;
padding-left: 10px;
}
.dayevent a:hover { color: #ffffff; }


#quickfacts {
border: 2px solid #508c38;
background-color: #63a648;
padding: 20px;
font-family: Garamond, Palatino, Palatino Linotype, serif;
font-size: 16px;
font-weight: bold;
color: #fdffcd;
line-height: 20px;
overflow: visible;
}
#quickfacts a { font-size: 14px; color: #b5ff6d; letter-spacing: .5px; }
#quickfacts a:hover { color: #fdffcd; }
#quickfacts ol li { margin-bottom: 6px; }
#quickfacts ol { padding-left: 20px; margin-left: 0; }

.factlabel { color: #fbff8d; }

#singlemap {
position: relative;
height: 178px;
}
#singlemap img {
position: absolute;
border: 0;
}
#mapbg {
top: 0;
z-index: 1;
}
#activitylocation0 { top: 60px; left: 142px; z-index: 2; }
#activitylocation1 { top: 70px; left: 165px; z-index: 2; }
#activitylocation2 { top: 10px; left: 20px; z-index: 2; }
#activitylocation3 { top: 15px; left: 20px; z-index: 2; }
#activitylocation4 { top: 35px; left: 15px; z-index: 2; }
#activitylocation5 { top: 115px; left: 95px; z-index: 2; }
#activitylocation6 { top: 95px; left: 120px; z-index: 2; }
#activitylocation7 { top: 115px; left: 25px; z-index: 2; }
#activitylocation8 { top: 105px; left: 25px; z-index: 2; }
#activitylocation9 { top: 105px; left: 35px; z-index: 2; }
#activitylocation10 { top: 130px; left: 75px; z-index: 2; }
#activitylocation11 { top: 65px; left: 20px; z-index: 2; }
#activitylocation12 { top: 100px; left: 2px; z-index: 2; }
#activitylocation13 { top: 55px; left: 35px; z-index: 2; }
#activitylocation14 { top: 125px; left: 60px; z-index: 2; }
#activitylocation15 { top: 27px; left: 15px; z-index: 2; }
#activitylocation16 { top: 110px; left: 65px; z-index: 2; }
#activitylocation17 { top: 27px; left: 75px; z-index: 2; }

#eventname {
display: block;
font-size: 27px;
color: #fbff8d;
font-family: Garamond, Palatino, Palatino Linotype, serif;
font-weight: bold;
line-height: 32px;
}

.thumbimageblock {
position: absolute;
top: 70px;
width: 970px;
left: 50%;
margin-left: -485px;
}
.thumbimageblock .thumb { 
float: right; 
}
.thumbimageblock .thumbimg {
border: 3px solid #f7f399;	
width: 119px;
height: 119px;
}

.thumb {
position: relative;
padding: 15px 11px 15px 0;
width: 125px;
height: 125px;
float: left;
}
.thumbimg {
position: absolute;
top: 10px;
z-index: 1;
border: 0;
}
.thumbzoom {
position: absolute;
top: 10px;
z-index: 2;
border: 0;
}


#history {
color: #ffe26a;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 22px;
display: block;
padding: 20px 25px 16px 25px;
border-top: 1px solid #000;
background: url("images/event-section-bg.jpg");
}
#history a { color: #ffe26a; }
#history a:hover { color: #fff; }

#similarevents { 
padding: 0 0 170px 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fbff8d;
float: left;
}
#similarevents hr {
height: 1px;
color: #fbff8d;
width: 782px;
text-align: left;
}
#similarevents a img { border: 1px solid #5d903d; margin-bottom: 10px; }
#similarevents a img:hover { border: 1px solid #227900; }
.listing { width: 119px; float: left; margin: 5px 25px 0 15px; }
#similarevents a {
color: #b4ff78;
font-size: 12px;
padding: 0;
line-height: 20px;
}
#similarevents a:hover { color: #ffffff; }


.subheading {
display: block;
font-size: 24px;
color: #fbff8d;
line-height: 30px;
font-family: Garamond, Palatino, Palatino Linotype, serif;
font-style: italic;
font-weight: normal;
}

.submenu {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 24px;
font-size: 14px;
color: #e5fe6e;
display: block;
background-color: #00651a;
padding: 10px 7px 12px 25px;
}
.submenu .on {
background-color: #000;
}
.submenu a {
color: #91e851;
}
.submenu a:hover {
color: #e5fe6e;
}

.copy ul {
margin-top: 0;
padding-top: 0;
line-height: 16px;
}

.copy li {
padding-bottom: 5px;
}

#sharewithafriend { font-weight: bold; font-size: 11px; }
#sharewithafriend input, textarea { font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

.download {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;

}
.download img { border: 0; margin-top: 10px; }

.notice {
display: block;
background-color: #004e02;
padding: 8px;
border: 1px solid #d1e67f;
text-align: center;
}

.detaillink {
color: #b4ff78;
font-size: 12px;
}
a.detaillink:hover { color: #ffffff; }

a img {
text-decoration: none;
}

a.homethumbimg {
display: block; 
float: left; 
width: 83px;	
padding: 5px;
margin: -5px 2px 5px 0;
text-decoration: none;
font-weight: bold;
}
a.homethumbimg img {
width: 79px;
display: block;
border: 2px solid #1c650c;
margin-bottom: 3px;
}

a.homethumbimg:hover {
background-color: #64b045;
}

a.videobutton {
float: left;
padding: 6px 1px;	
font-weight: bold;
}