/*----MENU STYLE----*/

/*Top Level Menu*/
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top Level List Items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top Level Menu List Items Style*/
.horizontalcssmenu ul li a{
display: inline;
padding: 0px 5px 9px 5px; /** Top, Right, Bottom, Left */
text-decoration: none;
color: #FFFFFF;
background-color: #656517; /** Green (Old = Brown 663300) */
border-top: 0px solid black;
border-bottom: 0px solid black;
border-left: 0px solid black;
border-right: 2px solid black;
font: bold 18px Garamond;
text-align: center;
}

/*Top Level Link Style*/
.horizontalcssmenu ul li a:hover{
color: #656517; /** Green (Old = Brown 663300) */
background-color: #FFF8DC; /** Cornsilk */
}

/*Sub Level Menu*/
.horizontalcssmenu ul li ul{
left: 15px;
top: 0;
border-top: 0px solid #000000;
position: absolute;
visibility: hidden;
z-index: 100;
}

/*Sub Level Menu List Items*/
.horizontalcssmenu ul li ul li{
display: block;
float: none;
}

/* Sub Level Menu List Items Style */
.horizontalcssmenu ul li ul li a{
font: bold 14px Garamond;
display: block;
width: 175px;
padding: 2px 5px;
color: #FFF8DC; /** Cornsilk */
background-color: #656517; /** Green (Old = Brown 663300)*/
border-top: 2px solid black;
border-bottom: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
text-align: left;
}

/*Sub Level Link Style*/
.horizontalcssmenu ul li ul li a:hover{
color: #FFF8DC; /** Cornsilk */
background-color: #000000; /** Black */
}

/*Sub Level Arrow Style*/
.horizontalcssmenu .arrowdiv{
position: relative;
right: 0;
background: transparent url(images/menuarrow.gif) no-repeat center left;
}

/*Hack For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
* html p#iepara{ 
padding-top: 1em;
}

/*Hack for IE to control top menu item spacing*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }