/* ================================================================ 
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: #FFFFFF;

} 
.picture {
    position: relative;
    height:100px;
    width: 800px;
    top: 0px;
    right: 0px;
    background-color: #EEEEEE;
    background:url(http://www.onyxcollection.com/images/Banners/Onyx_Title_New2.jpg) no-repeat left top;
 }
 
.menu {

float:left;
text-align: left;  
width:800px; 
font-family: Arial; 
font-size:12px;
background:#FFFFFF;
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:#000000; 
padding:0px 16px; 
line-height:23px; 
height:30px;
}

.menu ul li:hover {

width:auto;
background:#FDF1E1;
}

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

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


.menu ul li ul {
display: none;
border-top:1px solid #000000;
}
.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:22px;
margin-top:0px; 
margin-bottom: 0px;
left:0;
width:154px;

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

display: none;
margin:0;
}

/* background menu color */
.menu ul li:hover ul li a {
border-top:0px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
display:block;
background:#FDF1E1;
color:#000000;
height:auto;
line-height:10px;
padding:4px 16px; 
width:120px;
-moz-box-shadow: 3px 4px rgba(0,0,0,0.25);
-webkit-box-shadow: 3px 4px rgba(0,0,0,0.25);
box-shadow: 3px 4px rgba(0,0,0,0.25);
z-index: 9999;
}

.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:#FDF1E1; /* 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:#000000; 
font-weight: bold;
background: #FFFFFF; /* url(http://www.onyxcollection.com/images/menu/bullet_pulse.gif) no-repeat 3px 8px */
}

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

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

color:#000000;
}

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

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

.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:#FFFFFF;
left:0;
}

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

.menu ul li a:hover ul li a {
display:block;
background:#FFFFFF;
color:#000000; 
height:0px; 
line-height:15px; 
padding:4px 16px; 
width:154px; width:120px;

border-bottom:0px;
}

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

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

.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:#000000; 
/* background:#FDF1E1; url(http://www.onyxcollection.com/images/menu/bullet.gif) no-repeat 3px 8px; */
}

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

.menu ul li a:hover ul li a:hover.press {
 background:#FFFFFF; /* 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:#000000; 
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: #FFFFFF;
    background-color: #4B070F;
	background:url(http://www.onyxcollection.com/images/menu/footer.gif) no-repeat left top;
}

.shadow {
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888;

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
}


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

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

h3
{
	font-size: 14px; 
	font-family: Arial; 
	font-weight: bold; 
	color: rgb(0,0,0); 
	margin-top: auto;
	line-height: 17px;
	font-smooth:always;
}