/* ----What Follows Pertains to the Top-Level Menu Items---- */

/*This section indicates the width of the horizontal bar and the font attributes of the top-level menu items*/
.chromestyle {
width: 780px;
margin: 0 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

/*Add margin between menu and rest of content in Firefox*/
.chromestyle:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*Indicates the size of the border, the width it surrounds, the background image repeated across, the padding between the border and the text, the margin
or distance from the corner, and the alignment of the text on the bar*/
.chromestyle ul {
border-top: 1px solid #242424;
border-bottom: 1px solid #242424;
width: 100%;
background: url(chromebg.gif) center center repeat-x;
padding: 4px 0;
margin: 0px 0px;
text-align: center;
}

/*Indicates that the menu items are side-by-side*/
.chromestyle ul li{
display: inline;
}

/*Indicates the color of the top-level menu text, the margin between menu items, and the border-lines between the top-level menu text*/
.chromestyle ul li a{
color: #494949;
/*The next tag indicates the space between top-level menu items */
padding: 4px 10px;
margin: 0px;
text-decoration: none;
border-right: 1px solid #242424;
border-left: 1px solid #242424;
}

/*Indicates the mouseover image or the top-level menu items*/
.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x;
}

/*HTML to indicate drop down link*/
.chromestyle ul li a[rel]:after{ 
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead of the "v" to the the right of top-level menus with submenus*/
}

/* ----What Follows Pertains to the Submenus---- */

/*Indicates the placement of submenu items, the border around such, the width of the submenu box, and other properties for which I haven't a clue*/
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

/*Indicates the indent of the text in submenu and other tags I don't understand */
.dropmenudiv a{
width:auto;
display:block;
text-indent: 4px;
border-bottom: 1px solid #BBB;
padding: 2px 0;
text-decoration: none;
font-weight:normal;
color: #494949;
}

* html .dropmenudiv a{ /*IE only hack (IE Sucks)*/
width: 100%;
}

/*Indicates the color of the hoverover on submenu items*/
.dropmenudiv a:hover{
background-color: #BBB;
}