p {color: #ffff99}
p {font: 12px verdana}
h1 {color: #ffffcc}
h1 {font: 13px verdana}


html,body {
height:100%;
margin:0 auto;
padding:0;
color:#000000;
background-image:url(images/BB_bkgd.jpg);
font-size:11px;
}
a:visited, a:active, a:hover {
color: #DCCC9B;
text-decoration: underline;
}
a:link {
color:#FFFF00;
text-decoration: underline;
}

.menu {
font-size: 10px;
height:24px; /*menu height*/
width:522px;
background-image: url(images/birchwood_best_menu.png); /*menu bg*/
background-repeat: no-repeat; 
}
.menu ul {
padding:0;
margin:0;
list-style-type:none; 
height:24px; /*menu height*/
}
.menu ul ul {
width:200px;
}
.menu ul li {
float:left;
height:24px;
line-height:20px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.menu ul ul li {
display:block;
width:120px;
height:auto;
position:relative;
line-height:10px;
font-weight: normal;
}
/*Top menu name style*/ 
.menu a, .menu a:visited {
display:block;
float:left;
height:100%;
font-size: 12px; 
text-decoration:none;
color:#FFFFFF;
padding:0 0 0 5px; /*right and left padding from text on the top menu*/
}
/* list style*/
.menu ul ul a, .menu ul ul a:visited {
display:block;
background: #8B0000; /*list bg color*/
color:#DCCC9B;
width: 145px;
height:100%;
line-height: 10px;
padding: 5px 10px;
border:1px 1px;
border-style:solid;
border-width:1px;
border-bottom-color:#000000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu ul table ul a, .menu ul table ul a:visited  {
width:140px;
}
.menu table {
position:absolute; 
left:0; 
top:0; 
font-size: 10px;
z-index:-1;
}
.menu ul ul table {
left:-1px;
}
.menu ul ul table ul.left {
margin-left:2px;
}
.menu li:hover {
position:relative;
}
* html .menu a:hover {
position:relative;
}
/* top menu hovers (bg and text color)*/
.menu a:hover {
color:#FFFFFF;
}
.menu :hover > a {
color:#FFFFFF;
}
/* list hovers (bg and text color)*/
.menu ul ul a:hover{
color:#DCCC9B;
background: #C7403A; /*list menu hover bg*/
}
.menu ul ul :hover > a {
color:#DCCC9B;
background: #C7403A; /*list menu hover bg*/
}
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:24px; /* space  between top menu and list menu. When it is like height of image this mean no spa?e. If you want to have spa?e  between top menu and list you have to make "top" more height bg image */
left:0;
width:140px;
}
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible; 
height:auto; 
}
.flash { font-size: 0; line-height: 0; }