/* CSS for drop down menu
* Chrome CSS Drop Down Menu- 
*  © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

3/3/2007 - changed width to 500 for NJJF 4 item menu 
*/
.chromestyle 
{
 width: 500px;
 font-weight: bold;
 font-size: 12px;
 font-style: normal;
 font-family: Verdana;
}

.chromestyle:after 
{
 /*Add margin between menu and rest of content in Firefox*/

 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/* style for first level menu */
.chromestyle ul 
{
 border-color: #BBB;
 border-width: 0px;
 border-style: solid;
 width: 100%;
 background-color: #EEE8AA;
/* background-image: url(../images/bluegrain1.jpg);*/
 background-position: center center;
 background-repeat: repeat-x;/*THEME CHANGE HERE*/

 padding-top: 4px;
 padding-right: 0;
 padding-bottom: 4px;
 padding-left: 0;
 margin: 0;
 text-align: center;/*set value to "left", "center", or "right"*/
/*set value to "left", "center", or "right"*/
}

/* ######### Style for Drop Down Menu ######### */
.chromestyle ul li 
{
 display: inline;
}

.chromestyle ul li a 
{
 color: #006400;
 padding-top: 4px;
 padding-right: 7px;
 padding-bottom: 4px;
 padding-left: 7px;
 margin: 0;
 text-decoration: none;
 border-right-color: #DADADA;
 border-right-width: 1px;
 border-right-style: solid;
}

.chromestyle ul li a:hover 
{
 background-color: #FFF8DC; 
/*background: url(../images/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/

/* color: #191970; */
}

/* Firefox will display an arrow */
/* to show just text after menu item use 2nd line, no image */
/* 3/27/2010 - not used, arrow is in JS, work in FF3 and IE */
.chromestyle ul li a[rel]:after 
{
 /*	content: " " url(../images/arrowdown.gif); /*uncomment this line to use an image instead*/

/* content: "..."; */
}

.dropmenudiv 
{
 position: absolute;
 top: 0;
 border-color: #BBB;
 border-width: 1px;
 border-style: solid;/*THEME CHANGE HERE*/

 border-bottom-width: 0;
 font-size: 11px;
 font-style: normal;
 font-family: Verdana;
 line-height: 18px;
 z-index: 100;
 background-color: #FFF8DC;
 width: 200px;
 visibility: hidden;
}

.dropmenudiv a 
{
 width: auto;
 display: block;
 text-indent: 3px;
 border-bottom-color: #BBB;
 border-bottom-width: 1px;
 border-bottom-style: solid;/*THEME CHANGE HERE*/

 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 2px;
 padding-left: 0;
 text-decoration: none;
 font-weight: bold;
 color: #006400;
}

* html .dropmenudiv a 
{
 /*IE only hack*/

 width: 100%;
}

.dropmenudiv a:hover 
{
 /*THEME CHANGE HERE*/

 background-color: #F0F0F0;
 color: #006400;
}