/* CSS Document */

body {width: 801px;}

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

div#leftcolumn {
	position: absolute;
	top: 250px;
left 0px; 	width: 200px;
	text-align: center;
}
div#centercolumn {
	position: absolute;
	top: 250px;
	left: 211px;
	width: 578px;
	font-size: 12px;
	height: 726px;
}
div#rightcolumn {
	position: absolute;
	top: 250px;
	left: 800px;
	width: 200px;
}
#leftcolumn a img {
	border-style: none;
}




/* 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;}