/********* CORE of slide down menu **********/

#topnav
{
/*font-size:small;*/
position:relative;
margin:5px 0px 0px 10px;
width:898px;
height:auto;
background:transparent url(../pics/bg_topnav.gif) bottom left no-repeat;
border:1px solid #cccccc;
float:left;
z-index:200;
}

.qmmc {
position:relative;
/* zoom:1; */ 	/***** use for what?!? *****/
z-index:10;
}

.qmmc a, 
.qmmc li {
float:left;
display:block;
/* white-space:nowrap; */
position:relative;
z-index:1;
line-height:110%;
}

.qmmc div a, 
.qmmc ul a, 
.qmmc ul li {
float:none;
}


.qmmc div {
visibility:hidden;
position:absolute;
}


.qmmc li {
z-index:auto;
}

.qmmc ul {
left:-10000px;
position:absolute;
z-index:10;
}

.qmmc, 
.qmmc ul {
list-style-type:none;
padding:0px;
margin:0px;
}

.qmmc li a {
float:none;
}

.qmmc li:hover>ul {
left:auto;
}

#qm0 ul {
top:100%;
}

#qm0 ul li:hover>ul {
top:0px;
left:100%;
}

/********* STYLES of slide down menu **********/

/* QuickMenu 0 */

/*"""""""" (MAIN) Items""""""""*/

#qm0 a
{	
padding: 6px 40px 6px 6px;
color:#777777;
text-decoration:none;
text-align:left;
outline:none;
width:auto;
line-height:140%;
margin:0px 0px 0px 0px;
border-right:1px solid #cccccc;
}

#qm0 a:hover
{
padding: 6px 40px 6px 6px;
color:#000000;
background:#ffffff url(../pics/topbtn6.gif) 0 0 repeat-x;
}

#qm0 .bgImage a
{
color:#777777;
background:none;
background-color:#fff;
border-bottom:1px solid #cccccc;
padding: 6px 6px 6px 6px;
line-height:120%;
}

#qm0 .bgImage a:hover
{	
color:#000000;
border-bottom:1px solid #777777;
border-top:1px solid #777777;
margin-top:-1px;
background-color:#f0f0f0;
}

#qm0 .topactive,
#qm0 .topactive:hover
{
padding: 6px 40px 6px 6px;
color:#000000;
text-decoration:none;
outline:none;
width:auto;
margin:0px 0px 0px 0px;
border-right:1px solid #cccccc;
background:#ffffff url(../pics/topbtn6.gif) 0 0 repeat-x;
cursor:default;
}

#qm0 .bgImage .subactive,
#qm0 .bgImage .subactive:hover
{
color:#000000;
border-bottom:1px solid #777777;
border-top:1px solid #777777;
margin-top:-1px;
background-color:#f0f0f0;
cursor:default;
}

/*"""""""" (SUB) Container""""""""*/	

#qm0 div, 
#qm0 ul	
{	
padding: 0px 0px 35px 0px;
margin: 1px 0px 0px -21px;
background-color:transparent;
border:none;
}

/*"""""""" (SUB) Items""""""""*/

#qm0 div a, 
#qm0 ul a	
{
width:162px;	
padding: 6px 0px 6px 0px;
margin-left:21px;
background-color:transparent;
border:none;
text-align:left;
}


/*"""""""" (SUB) Hover State""""""""*/	

#qm0 div a:hover
{	
background-color:transparent;
color:#333333;
}

/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/

#qm0 ul li:hover>a	
{	
background-color:transparent;
color:#333333;
}

/*"""""""" (SUB) Active State""""""""*/	

body #qm0 div .qmactive, 
body #qm0 div .qmactive:hover	
{	
background-color:transparent;
color:#333333;
}


/*"""""""" Custom Rule""""""""*/

ul#qm0 ul	
{	
padding: 0px;
margin: 0px;
background-color:transparent;
border:none;
}


/*"""""""" Custom Rule""""""""*/

ul#qm0 li:hover > a	
{
background-color:transparent;
}


/********** custom layout *************/

#qm0
{
top:0px;
left:0px;
}

.bgImage
{
width:214px;
background:transparent url(../pics/bg_drop_big4.png) left bottom no-repeat;
overflow:visible;
}

/*********************/
/* important! do not delete (drop-back function) */

.qmfv
{
visibility:visible !important;
}

.qmfh
{
visibility:hidden !important;
}

/*********************/