/* PULLDOWN MENU CODE */
/*  buttonX refers to the item that I see by default.
	pulldownX is the taller item which replaces it upon rollover. */

/* First locate the buttons and pulldowns, and tell what I know about height and width */
#button1, #button2, #button3, #button4, #button5, #button6,
#pulldown1, #pulldown2, #pulldown3, #pulldown4, #pulldown5, #pulldown6 { position: absolute; top: 140px; cursor: pointer; }
#pulldown1, #pulldown2, #pulldown3, #pulldown4, #pulldown5, #pulldown6 { display: none; }
#button1, #pulldown1 { left: 50px; }
#button2, #pulldown2 { left: 110px; }
#button3, #pulldown3 { left: 230px; }
#button4, #pulldown4 { left: 350px; }
#button5, #pulldown5 { left: 470px; }
#button6, #pulldown6 { left: 590px; }

#button_left { position: absolute; top: 140px; left: 0px; width: 50px; height: 20px; background-image: url("../images/button_left.jpg"); }
#button_right { position: absolute; top: 140px; left: 650px; width: 24px; height: 20px; background-image: url("../images/button_right.jpg"); }

/* Pulldown_buttonX is the piece within the pulldown, and is assumed to be the same for all pulldowns
	(they behave consistently). */
#pulldown_button1, #pulldown_button2, #pulldown_button3, #pulldown_button4, #pulldown_button5, #pulldown_button6, #pulldown_button7, #pulldown_button8
	{ position: absolute; left: 0px; }
#pulldown_button1 { top: 0px; }
#pulldown_button2 { top: 20px; }
#pulldown_button3 { top: 40px; }
#pulldown_button4 { top: 60px; }
#pulldown_button5 { top: 80px; }
#pulldown_button6 { top: 100px; }
#pulldown_button7 { top: 120px; }
#pulldown_button8 { top: 140px; }

img { border: 0px; }