/*** Core CSS, do not modify ***/
.qmclear {
	font-size:1px;
	height:0px;
	width:0px;
	clear:left;
	line-height:0px;
	display:block;
}
.qmmc {
	position:relative;
	z-index: 100 ! important;
}
.qmmc a {
	float:left;
	display:block;
	white-space:nowrap;
}
.qmmc div a {
	float:none;
}
.qmmc div {
	visibility:hidden;
	position:absolute;
	z-index: 100 ! important;
}

/*** Customized styles ***/

/* (MAIN) Container */
#qm0 {
	height: 30px;
	background-color: black;
}

/* (MAIN) Items */
#qm0 a {
	text-decoration:none;
	padding: 8px 0px 8px 0px;
	margin: 0px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
#qm0 #menu_home {
	width: 56px;
}
#qm0 #menu_styles {
	width: 68px;
}
#qm0 #menu_videos {
	width: 67px;
}
#qm0 #menu_archives {
	width: 84px;
}
#qm0 #menu_interactive {
	width: 103px;
}
#qm0 #menu_classifieds {
	width: 104px;
}
#qm0 #menu_shop {
	width: 54px;
}
#qm0 #menu_dojo_directory {
	width: 132px;
}

/* (MAIN) Hover State */
#qm0 a:hover {
	background-color: white;
	color: black;
}

/* (MAIN) Active State	
#qm0 .qmactive {
	/* Note: Add '!important' after each style * /
}
*/	

/* (MAIN) Parent Items
#qm0 .qmparent {
	background-image:url(/2007/images/arrow_down.gif);
	background-repeat:no-repeat;
	background-position:95%;
}
*/

/* [SUB] Containers */
#qm0 div {
	padding: 0px;
}

/* [SUB] Hover State
#qm0 div a:hover {}
*/

/* [SUB] Active State
#qm0 div .qmactive {}
*/

/* [SUB] Parent Items */
#qm0 div .qmparent {
	background-image: url(/2007/images/arrow.png);	
	background-repeat:no-repeat;
	background-position:100%;
}


/* [SUB] Items */
#qm0 div a {
	background-color: black;
	text-transform: none;
	padding: 7px 8px;
	text-align: left;
}