@charset "utf-8";
/* CSS Document */

/*------------------------------------------------*/

#menu {
width: 100%;
background: none;
float: inherit;
padding-left:0px;
}

#menu ul {
list-style: none;
margin: 0;
padding-left: 1px;
/*padding-right: 5px;*/
/*width: 96px;*/
float: left;
}

#menu a, #menu h2 {
/*font: bold 12px arial, helvetica, sans-serif;*/
display: block;
color: #000000;
border-width: 0px;
border-style: ridge;
border-color: #999999;
margin: 0;
padding: 0px 0px;
text-align:left;
}

#menu h2 {
font: Franklin Gothic Book, Helvetica, sans-serif;
color: #000000;
background: none;
text-transform: none;
}



/* ------------ Menu Buttons -------------- */

#menu a.categories {
font: Impact, Charcoal, sans-serif;
height: 25px;
font-size:20px;
color: #000000;
padding-left: 24px;
padding-right: 24px;
}

#menu a.categories:hover {
background-color:#fba415;
}


 /*------------ End Menu Buttons ------------*/


#menu ul ul a {
color: #000;
/*background: #0099FF;*/
background-image:url(../templates/pix/menu-bg.png);
background-position: 1px 50%;
background-repeat:none;
text-decoration: none;
font-size: 14px;
}


#menu ul ul a:hover {
color: #c83c9e;
background-position: -155px 50%;
}

#menu li {
position: relative;
font-size:18px;

}


#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

#menu ul ul {
width:155px;
position: absolute;
bottom: -2em;
left: 0;
z-index: 500;
}

/*  ------------- Category Positioning ----------------- 19.125px per line */

#menu ul ul.event_guide {
bottom: -152px;
}

#menu ul ul.competitors {
bottom: -76px;
}

#menu ul ul.news {
bottom: -38px;
}

#menu ul ul.contribute {
bottom: -76px;
}

#menu ul ul.media {
bottom: -38px;
}

/*  ------------- End Category Positioning ----------------- */

/*  ------------- Photo Buttons ----------------- */

a.gallery_button_2019 {
	background-image:url("../media/pix/2019_gallery_button.jpg");
	background-position: 0px 50%;
	height:200px;
	width:640px;
	display:block;

}

a.gallery_button_2019:hover {
	background-position: -640px 50%;
}

a.gallery_button_2022_summer {
	background-image:url(../media/pix/2022_summer_gallery_button.jpg);
	background-position: 0px 50%;
	height:200px;
	width:640px;
	display:block;

}

a.gallery_button_2022_summer:hover {
	background-position: -640px 50%;
}

a.gallery_button_2022_fall {
	background-image:url(../media/pix/2022_fall_gallery_button.jpg);
	background-position: 0px 50%;
	height:200px;
	width:640px;
	display:block;

}

a.gallery_button_2022_fall:hover {
	background-position: -640px 50%;
}

a.gallery_button_2023_summer {
	background-image:url(../media/pix/2023_summer_gallery_button.jpg);
	background-position: 0px 50%;
	height:200px;
	width:640px;
	display:block;

}

a.gallery_button_2023_summer:hover {
	background-position: -640px 50%;
}

/*  ------------- Photo Buttons ----------------- */


div#menu ul ul {
display: none;
}

div#menu ul li:hover ul {
display: block;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->