/* Menu style */

.mainmenu, .mainmenu li ul{	/* Parent & child menu. Some attributes overridden later in script */
list-style-type: none;
margin: 0px;
padding: 0;
width: 145px;			/* Width of parent menu list */
border: solid 1px #7BB719;
background: #F2F2F2;
}

.mainmenu li{		/* Parent menu */
position: relative;
z-index: 1		/* Makes menu appear on top (not behind) other html objects */

}

.mainmenu li a{		/* Parent & child menu <a> items */
background: #F2F2F2;
color: #012855;
display: block;
padding: 7px 7px;	/* Inner cell padding */
text-decoration: none;
border: solid white 1px;
text-align: left;
font-size: small;
}

.mainmenu li a:link:hover, .mainmenu li a:visited:hover{	/* <a> items */
color:#0252b1;
background:#BAC9DA;
border: solid 1px #0252b1;
text-decoration: none;
}

.mainmenu li ul{	/* Child menu style */
position: absolute;
width: 160px; 		/* Width of child menu list */
left: 0px;
top: 0px;
display: none;
}

.mainmenu li ul a{	/* Child menu <a> items */
width: 143px; 		/* Width of child menu list -#px due to padding */
}

.mainmenu li ul li{	/* Child menu items */
float: left;
}

.mainmenu .menuArrow{
display: table-cell;
/* vertical-align: middle; */
top: 28%;
position: absolute;
right: 0px;
background: transparent url(../images/arrow.gif) no-repeat right;
}


.mainmenu li a:visited, .mainmenu li a:active{
color: #012855;
}

/* Internet Explorer has a display bug.  This fixes it (known as the "Holly Hack")... */
*html .mainmenu li { float: left; height: 1%; }
html .mainmenu li a { height: 1%; }