.glossymenu{
margin: 5px 0;
padding: 0;
width: 560px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem2{
background: black url(images/glossyback2.gif) repeat-x bottom left;
font: bold 14px Verdana, Helvetica, sans-serif;
color: #FFFACD; 
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem3{
background: black url(images/glossyback2.gif) repeat-x bottom left;
font: bold 14px Verdana, Helvetica, sans-serif;
color: #FFFACD;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem4{
background: black url(images/glossyback2.gif) repeat-x bottom left; 
font: bold 14px Verdana, Helvetica, sans-serif; 
color: #FFFACD;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem6{
background: black url(images/glossyback2.gif) repeat-x bottom left; 
font: bold 14px Verdana, Helvetica, sans-serif; 
color: #FFFACD;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem8{
background: black url(images/glossyback2.gif) repeat-x bottom left; 
font: bold 14px Verdana, Helvetica, sans-serif; 
color: #FFFACD;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem42{
background: black url(images/glossyback2.gif) repeat-x bottom left; 
font: bold 14px Verdana, Helvetica, sans-serif; 
color: #FFFACD;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem43{
background: black url(images/glossyback2.gif) repeat-x bottom left;
font: bold 14px Verdana, Helvetica, sans-serif; 
color: #FFFACD;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem44{
background: black url(images/glossyback2.gif) repeat-x bottom left;
font: bold 14px Verdana, Helvetica, sans-serif; 
color: #FFFACD;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.menuitem45{
background: black url(images/glossyback2.gif) repeat-x bottom left;
font: bold 14px Verdana, Helvetica, sans-serif; 
color: #FFFACD;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem2:visited, a.menuitem3:visited, a.menuitem4:visited,a.menuitem6:visited,a.menuitem8:visited,a.menuitem42:visited,a.menuitem43:visited,a.menuitem44:visited,a.menuitem45:visited{
color: white;
}

.glossymenu .menuitem2:active,.glossymenu .menuitem3:active,.glossymenu .menuitem4:active,.glossymenu .menuitem6:active,.glossymenu .menuitem8:active,.glossymenu .menuitem42:active,.glossymenu .menuitem43:active,.glossymenu .menuitem44:active,.glossymenu .menuitem45:active{
color: white;
}

.glossymenu a.menuitem2 .statusicon, a.menuitem3 .statusicon, a.menuitem4 .statusicon, a.menuitem6 .statusicon, a.menuitem8 .statusicon, a.menuitem42 .statusicon, a.menuitem43 .statusicon, a.menuitem44 .statusicon, a.menuitem45 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem2:hover,a.menuitem3:hover,a.menuitem4:hover,a.menuitem6:hover,a.menuitem8:hover,a.menuitem42:hover,a.menuitem43:hover,a.menuitem44:hover,a.menuitem45:hover{
background-image: url(images/glossyback2.gif);
}

.glossymenu a.menuitem2 .eventdate, a.menuitem3 .eventdate, a.menuitem4 .eventdate, a.menuitem6 .eventdate, a.menuitem8 .eventdate, a.menuitem42 .eventdate, a.menuitem43 .eventdate, a.menuitem44 .eventdate, a.menuitem45 .eventdate{ 
position: absolute;
top: 5px;
right: 25px;
border: none;
}

.glossymenu a.menuitem2 .discipline, a.menuitem3 .discipline, a.menuitem4 .discipline, a.menuitem6 .discipline, a.menuitem8 .discipline, a.menuitem42 .discipline, a.menuitem43 .discipline, a.menuitem44 .discipline, a.menuitem45 .discipline{ 
position: absolute;
top: 22px;
right: 25px;
border: none;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
padding-right: 10px;
}

.glossymenu a.promoterlink{
background: yellow; 
font: bold 14px Verdana, Helvetica, sans-serif; 
color: #FFFACD;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}