.mainMenu{
    width: 795px;
    text-align: left;
}

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

.mainMenu ul
{
    border: 1px solid #BBB;
    width: 795px;
    background: url(/images/menu/chromebg2.gif) center center repeat-x; 
    padding: 4px 0;
    margin: 0;
    text-align: left; /*set value to "left", "center", or "right"*/
}

.mainMenu ul li{
display: inline;
}

.mainMenu ul li a
{
    color: #494949;
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
    border-right: 1px solid #B5E2FE;
}

.mainMenu ul li a:hover, .mainMenu ul li a.selected
{ /*script dynamically adds a class of "selected" to the current active menu item*/
    background: url(/images/menu/chromebg2-over.gif) center center repeat-x;
}

.dropMenu
{
    position:absolute;
    top: 0;
    border: 1px solid #B5E2FE;
    border-bottom-width: 0;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 150px;
    visibility: hidden;
    text-align: left;
}

.dropMenu a
{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #B5E2FE; 
    padding: 2px 0;
    text-decoration: none;
    color: black;
}

.dropMenu a:hover
{
    background-color: #EBF7FF;
}