/* CSS Document */

body {width: 801px;}

div#header {position: absolute; top: 0px; left: 0px;}

div#leftcolumn {position: absolute; top: 250px; left 0px; width: 200px;}
div#centercolumn {position: absolute; top: 250px; left: 200px; width: 401px;}
div#rightcolumn {position: absolute; top: 250px; left: 601px; width: 200px;}



/* Setup: Repeated code per rollover */

#swap01 {
        background-image: url(images/MainPageRolloverButton10.gif);    /* rollover state */
             background-repeat:no-repeat;
                width: 98px;                    /* image width */
        height: 118px;                   /* image height */
}

#swap02 {
        background-image: url(images/InflatableRolloverButton10.gif);    /* rollover state */
        background-repeat:no-repeat;
                width: 98px;                    /* image width */
        height: 118px;                   /* image height */
}
#swap03 {
        background-image: url(images/CostumesRolloverButton10.gif);    /* rollover state */
        background-repeat:no-repeat;
                width: 98px;                    /* image width */
        height: 118px;                   /* image height */
}
#swap04 {
        background-image: url(images/SportsRolloverButton10.gif);    /* rollover state */
             background-repeat:no-repeat;
                width: 98px;                    /* image width */
        height: 118px;                   /* image height */
}
#swap05 {
        background-image: url(images/PortableGaragesRolloverButt.gif);    /* rollover state */
        background-repeat:no-repeat;
                width: 98px;                    /* image width */
        height: 118px;                   /* image height */
}
#swap06 {
        background-image: url(images/BoothsButtonRollover10.gif);    /* rollover state */
        background-repeat:no-repeat;
                width: 98px;                    /* image width */
        height: 118px;                   /* image height */
}
#swap07 {
        background-image: url(images/AboutUsRolloverButton10.gif);    /* rollover state */
                background-repeat:no-repeat;
        width: 98px;                    /* image width */
        height: 118px;                   /* image height */

}


/* Application: Common Code */

.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


#ButtonSide2 {position: absolute; top: 125px; left: 0px;}
#MainButton {position: absolute; top: 125px; left: 115px;}
#InflatableButton {position: absolute; top: 125px; left: 213px;}
#CostumesButton {position: absolute; top: 125px; left: 311px;}
#SportsButton {position: absolute; top: 125px; left: 409px;}
#PortableButton {position: absolute; top: 125px; left: 507px;}
#BoothsButton {position: absolute; top: 125px; left: 605px;}
#AboutButton {position: absolute; top: 125px; left: 703px;}