body {font-family: Georgia, "Times New Roman", serif; background-image: url('images/bggrad.jpg'); background-repeat: repeat-x; background-attachment: fixed; }

html {scrollbar-base-color: #980000; scrollbar-arrow-color: white; scrollbar-track-color: #780000; 
scrollbar-shadow-color: #380000; scrollbar-lightshadow-color: #A80000; scrollbar-darkshadow-color: gray; scrollbar-highlight-color: #F80000; scrollbar-3dlight-color: #D80000; }

a:link {text-decoration: none; color: #800000; }
a:visited {text-decoration: none; color: #480000; }
a:hover {text-decoration: none; color: #C00000; }
a:active {text-decoration: none; color: #900000; }

div.logo {position: fixed; top: 20px; left: 30px; }

div.title {z-index: 3; position: fixed; top: 0px; left: 150px; }

div.linksdiv {font-size: 1.1em; z-index: 1; position: fixed; left: 0px; top: 130px; line-height: 20pt; padding: 0px;  text-indent: 0px; width: 250px; }

div.main {z-index: 2; position: absolute; top: 110px; left: 260px; width: 400px; }

div.mainie {z-index: 2; position: absolute; top: 130px; left: 260px; width: 400px; }

div.photo1 {position: fixed; top: 125px; left: 730px; }
div.photo2 {position: fixed; top: 425px; left: 700px; }
div.photo3 {position: fixed; top: 100px; left: 700px; z-index: 4; }
div.photo4 {position: fixed; top: 355px; left: 750px; }
div.photo5 {position: fixed; top: 184px; left: 700px; z-index: 9; }
div.photo6 {position: fixed; top: 120px; left: 720px; }
div.photo7 {position: fixed; top: 360px; left: 700px; }
div.photo8 {position: fixed; top: 320px; left: 750px; z-index: 4; }
div.photo9 {position: fixed; top: 425px; left: 723px; z-index: 3; }
div.photo10 {position: fixed; top: 360px; left: 700px; z-index: 5; }
div.photo11 {position: fixed; top: 120px; left: 710px; }
div.photo12 {position: fixed; top: 360px; left: 720px; }


div.photoindex1 {position: fixed; top: 98px; left: 785px; z-index: 5; }
div.photoindex2 {position: fixed; top: 184px; left: 700px; z-index: 7; } 
div.photoindex3 {position: fixed; top: 208px; left: 790px; z-index: 6; }
div.photoindex4 {position: fixed; top: 423px; left: 665px; z-index: 4; }
div.photoindex5 {position: fixed; top: 383px; left: 735px; z-index: 8; }

div.paradephoto1 {position: fixed; top: 98px; left: 700px; z-index: 4;}
div.paradephoto2 {position: fixed; top: 150px; left: 720px; z-index: 1; }
div.paradephoto3 {position: fixed; top: 350px; left: 820px; z-index: 2;}
div.paradephoto4 {position: fixed; top: 470px; left: 700px; z-index: 3;}
div.paradephoto5 {position: fixed; top: 98px; left: 710px; z-index: 5;}


p {text-indent: 15px; line-spacing: 16pt; }

ul.heart {list-style-image: url(images/heartbullet.jpg); }

.side {border: 4px dashed #F02133; padding: 2px 2px 2px 2px; }

.side2 {border: 3px dashed #F02133; padding: 0px; }

.sidetext {border: 3px dashed #F02133; padding: 4px 4px 4px 4px; width: 270px }

h2 {font-variant: small-caps; color: #A00000; }
h3 {font-variant: small-caps; color: #C00000; }
h4 {font-variant: small-caps; color: #C00000; }

#links ul {list-style-type: none; padding: 0px; }

.linksli a img {height: 0; width: 0; border-width: 0;}

#home a:hover img {position: absolute;
    top: 18px; left: 25px; height: 30px; width: 75px;}
#location a:hover img {position: absolute;
    top: 44px; left: 20px; height: 30px; width: 170px;}
#about a:hover img {position: absolute;
    top: 70px; left: 20px; height: 30px; width: 220px;}
#planning a:hover img {position: absolute;
    top: 97px; left: 35px; height: 62px; width: 220px;}
#midway a:hover img {position: absolute;
    top: 151px; left: 20px; height: 30px; width: 170px;}
#vendor a:hover img {position: absolute;
    top: 174px; left: 35px; height: 62px; width: 220px;}
#parade a:hover img {position: absolute;
    top: 230px; left: 20px; height: 30px; width: 95px;}
#participate a:hover img {position: absolute;
    top: 255px; left: 35px; height: 30px; width: 200px;}
#entertainment a:hover img {position: absolute;
    top: 285px; left: 20px; height: 30px; width: 155px;}
#sponsors a:hover img {position: absolute;
    top: 310px; left: 20px; height: 30px; width: 110px;}
#contact a:hover img {position: absolute;
    top: 335px; left: 20px; height: 30px; width: 100px;}

#homeie a:hover img {position: absolute;
    top: 16px; left: 25px; height: 30px; width: 75px;}
#locationie a:hover img {position: absolute;
    top: 44px; left: 20px; height: 30px; width: 170px;}
#aboutie a:hover img {position: absolute;
    top: 70px; left: 20px; height: 30px; width: 220px;}
#planningie a:hover img {position: absolute;
    top: 92px; left: 35px; height: 62px; width: 220px;}
#midwayie a:hover img {position: absolute;
    top: 150px; left: 20px; height: 30px; width: 170px;}
#vendorie a:hover img {position: absolute;
    top: 175px; left: 35px; height: 62px; width: 220px;}
#paradeie a:hover img {position: absolute;
    top: 230px; left: 20px; height: 30px; width: 95px;}
#participateie a:hover img {position: absolute;
    top: 255px; left: 35px; height: 30px; width: 200px;}
#entertainmentie a:hover img {position: absolute;
    top: 284px; left: 20px; height: 30px; width: 155px;}
#sponsorsie a:hover img {position: absolute;
    top: 310px; left: 20px; height: 30px; width: 110px;}
#contactie a:hover img {position: absolute;
    top: 338px; left: 20px; height: 30px; width: 100px;}