/* 
    File       : chromestyle.css
    Created on : Aug 5, 2008, 2:48:22 PM
    Author     : Eugene Flock
*/

.chromestyle
{
    position: relative;
    z-index: 150;
    top: 145px;
    left: -6px;
    width: 866px;
    margin: 0px auto;
    font-size: 14px;
    font-weight: bold;    
}

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

.chromestyle ul
{
    border: 1px solid #BBB;
    width: 100%;
    background: url(images/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
    padding: 3px 0px;
    margin: 0;
    text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li
{
    display: inline;
}

.chromestyle ul li a
{
    color: #494949;
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
    border-right: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
}

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

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv
{    
    position: absolute;    
    z-index: 200;
    border: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
    font: normal 12px Verdana;
    line-height: 18px;
    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*/
}

.dropmenudiv a
{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
    padding: 2px 0;
    text-decoration: none;
    font-weight: bold;
    color: black;
}

/*THEME CHANGE HERE*/
.dropmenudiv a:hover
{ 
    background-color: #EBF7FF;
}