/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */
body {
font-family: Arial;
text-align: left; 
}
number {
width:100%;
height: 22px;
text-align: left; 
font-weight: bold;
font-size: 3px;
font-family: Arial;
color: #fff;

} 
.picture {
    position: relative;
    height:100px;
    width: 800px;
    top: 0px;
    right: 0px;
    background-color: #eee;
    background:url(http://www.onyxcollection.com/images/Banners/Onyx_Title_New2.jpg) no-repeat left top;
 }
 
.menu {
float:left;
text-align: left;  
width:100%; 
font-family: Arial; 
font-size:12px;
background:#fff;
margin:0 0 20px 0; /* for this demo only */ 
}

.menu ul {
z-index:9999;
padding:0;
margin:0;
list-style-type:none;
}

.menu ul li {
float:left; 
position:relative;
}

.menu ul li a, .menu ul li a:visited {
float:left; 
display:block; 
text-decoration:none;
color:#000; 
padding:0px 16px; 
line-height:25px; 
height:30px; 
}

.menu ul li:hover {width:auto;}

.menu ul li a.menuone:hover {border-color:#000; background:#eed;}

.menu ul li:hover a.menuone {border-color:#ff0; background:#ff0;}


.menu ul li ul {
display: none;
}
.menu table {
margin:0; 
border-collapse:collapse; 
font-size:11px; 
position:absolute; 

top:0; 
left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block;
position:absolute;

top:21px;
margin-top:1px; 
left:0;
width:154px;

}
.menu ul li:hover ul.endstop {
left:-92px;
}
.menu ul li:hover ul li ul {
display: none;
}

/* background menu color */
.menu ul li:hover ul li a {
display:block;
background:#FDF1E1;
color:#000;
height:auto;
line-height:15px;
padding:4px 16px; 
width:120px; 
border:1px solid #000; 

}

.menu ul li:hover ul li a.drop {
background:#FDF1E1 url(http://www.onyxcollection.com/images/menu/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a.press {
background:#FDF1E1 url(http://www.onyxcollection.com/images/menu/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a.new {
background:#DFFDE7 url(http://www.onyxcollection.com/images/menu/bullet_star.gif) no-repeat 105px 6px;
}

/* background menu Hi-lite */
.menu ul li:hover ul li a:hover {
color:#000; 
font-weight: bold;
background:#fff url(http://www.onyxcollection.com/images/menu/bullet_pulse.gif) no-repeat 3px 8px;
}

.menu ul li:hover ul li a:hover.drop {
background:#fff url(http://www.onyxcollection.com/images/menu/bullet.gif) no-repeat 3px 8px;
}

.menu ul li:hover ul li a:hover.press {
background:#fff url(http://www.onyxcollection.com/images/menu/bullet_pulse.gif) no-repeat 3px 8px;

color:#003274;
}

.menu ul li:hover ul li a:hover.new {
background:#fff url(http://www.onyxcollection.com/images/menu/bullet_star.gif) no-repeat 105px 6px;
font-weight:bold;
color:#003274;
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute;
z-index: 5;
left:153px; 
top:-1px;
}

.menu ul li:hover ul li:hover ul.left {
left:-153px;
}

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;
position:absolute;
top:30px;
background:#fff;
left:0;
}

.menu ul li a:hover ul.endstop {
left: -92px;
}

.menu ul li a:hover ul li a {
display:block;
background:#fff;
color:#000; 
height:1px; 
line-height:15px; 
padding:4px 16px; 
width:154px; width:120px;
border:1px solid #000; 
border-bottom:1px;
}

.menu ul li a:hover ul li a.drop {
background:#eee url(http://www.onyxcollection.com/images/menu/bullet.gif) no-repeat 3px 8px; 
padding-bottom:4px;
}

.menu ul li a:hover ul li a.press {
background:#eee url(http://www.onyxcollection.com/images/menu/bullet.gif) no-repeat 3px 8px; 
padding-bottom:4px;
color:#003274;
}

.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li a:hover ul li a:hover {
color:#000; 
background:#fff url(http://www.onyxcollection.com/images/menu/bullet.gif) no-repeat 3px 8px;
}

.menu ul li a:hover ul li a:hover.drop {
 background:#fff url(http://www.onyxcollection.com/images/menu/bullet.gif) no-repeat 3px 8px;
}

.menu ul li a:hover ul li a:hover.press {
 background:#fff url(http://www.onyxcollection.com/images/menu/bullet_pulse.gif) no-repeat 3px 8px;
 color:#003274;
}

.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute;
z-index: 5;
top:0;color:#000; 
left:153px;
}

.menu ul li a:hover ul li a:hover ul.left {
left:-153px;
}

.footer{
    width:800px;
    height: 22px;
    clear: both;
    padding: 3px 3px;
    text-align: center;
    color: #fff;
    background-color: #4B070F;
	background:url(http://www.onyxcollection.com/images/menu/footer.gif) no-repeat left top;
}

a:link 
{
font-weight: normal;
} 

a:visited 
{
font-weight: normal;
} 

a:hover
{
  background-color: rgb(255,255,255);
  color: rgb(0,0,255);
  font-weight:normal;
}

h1
{
font-size: 24px; font-family: Arial; font-weight: bold; color: rgb(128,0,0); margin-top: auto; margin-bottom: 10px; line-height: 10px;
}

h2
{
font-size: 17px; font-family: Arial; font-weight: bold; color: rgb(0,0,0); margin-top: auto;
}

h3
{
font-size: 15px; font-family: Arial; font-weight: bold; color: rgb(0,0,0); margin-top: auto;
}