<style type="text/css">



#navlist {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}

#navlist ul{
margin: 0;
padding: 0;
}

#navlist ul li {
  display: inline; /* this gets rid of the gaps */
  list-style: none;
  margin: 0;
  padding: 0;
}
#navlist ul li a {
display: block;
padding: 2px 0px 2px 5px;
border: 1px solid;
border-color: #F6F6F6 #F6F6F6 #DDDDDD #F6F6F6;
background: #F6F6F6;
color: #D40000;
text-decoration: none;
font-size: 12px;
  width: 12em; /* or use height (tricks IE into letting you click anywhere on the block, not just the text */
}
#navlist ul li a:hover {
background: #d9bbbb;
color: #FFFFFF;
font-weight: normal;
font-size: 12px;
}




a {color:blue;}

.menu {font-family:Verdana,geneva,arial,Helvetica,SansSerif; line-height:1.4}

.TopMenuItem
{    
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana,Arial;
    BACKGROUND-COLOR: #000000;
    color:#FFCC99
}
A.TopMenuItem:link   	{text-decoration: none; color: #FFCC99; FONT-SIZE: 8pt}
A.TopMenuItem:visited 	{text-decoration: none; color: #FFCC99; FONT-SIZE: 8pt}
A.TopMenuItem:active	{text-decoration: none; color: #486C78; FONT-SIZE: 8pt}
A.TopMenuItem:hover	{text-decoration: underline; color: red;FONT-SIZE: 8pt}



.BottomMenuItem
{    
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana,Arial;    
    color:#FFFFFF
}
A.BottomMenuItem:link   	{text-decoration: none; color: #000000; FONT-SIZE: 8pt}
A.BottomMenuItem:visited 	{text-decoration: none; color: #000000; FONT-SIZE: 8pt}
A.BottomMenuItem:active	        {text-decoration: none; color: #486C78; FONT-SIZE: 8pt}
A.BottomMenuItem:hover	        {text-decoration: underline; color: #FFFFFF;FONT-SIZE: 8pt}



.SideMenuItem
{    
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana,Arial;    
    color:blue
}
A.SideMenuItem:link   	{text-decoration: none; color: blue; FONT-SIZE: 9pt}
A.SideMenuItem:visited 	{text-decoration: none; color: purple; FONT-SIZE: 9pt}
A.SideMenuItem:active	{text-decoration: none; color: #486C78; FONT-SIZE: 9pt}
A.SideMenuItem:hover	{text-decoration: underline; color: red;FONT-SIZE: 10pt}

.optionItem
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana,Arial;
}
A.optionItem:link     {text-decoration: underline; color: blue; FONT-SIZE: 9pt; }
A.optionItem:visited  {text-decoration: underline; margin-top: 0px; margin-bottom: 0px; padding: 0px; color: #D40000; FONT-SIZE: 9pt; }
A.optionItem:active   {text-decoration: underline; margin-top: 0px; margin-bottom: 0px; padding: 0px; color: #D40000; FONT-SIZE: 9pt; }
A.optionItem:hover    {text-decoration: bold; margin-top: 0px; margin-bottom: 0px; padding: 0px; color: green; FONT-SIZE: 9pt; }


.HeaderSideMenuItem
{    
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana,Arial;    
    color:#000000
}




.OrderTableItem
{    
    FONT-SIZE: 9pt;
    FONT-FAMILY: Verdana,Arial;    
    color:#000000
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #EFEFEF;
width: 225px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 1px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: blue;
}
A.hintanchor:hover    {text-decoration: bold; color: green; }

</style>
