.qmclear { CLEAR: left; DISPLAY: block; FONT-SIZE: 1px; WIDTH: 0px; LINE-HEIGHT: 0px; HEIGHT: 0px}
/* The Box bg for the first set*/
.qmmc { BACKGROUND-COLOR: #00539F; width:155px; POSITION: relative; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 10px;}

.qmmc A { DISPLAY: block; FLOAT: left; white-space:normal;}
/* The actual box for the second set */
.qmmc DIV A { FLOAT: none; width:150px}
/* The Box bg for the second set */
.qmmc DIV {BACKGROUND-COLOR: #00539F; VISIBILITY: hidden; POSITION: absolute; BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #FFFFFF 1px solid}

/*"""""""" (MAIN) Container """"""""*/
#qm2 { background-color:#00539F;border-width:1px 1px 1px 1px;border-style:solid;border-color:#00539F;padding:5px 5px 5px 5px;width:10em;background-image:url(images/template3_bg.gif);}

/*"""""""" (MAIN) Items - The Text in the first boxes (when no mouseover) """"""""*/
#qm2 A {BORDER-RIGHT: #aaaaaa 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: #aaaaaa 0px solid; PADDING-LEFT: 3px; FONT-SIZE: 0.65em; font-weight:bold; PADDING-BOTTOM: 3px; BORDER-LEFT: #aaaaaa 0px solid; COLOR: #FFFFFF; PADDING-TOP: 3px; BORDER-BOTTOM: #FFCCFF 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: transparent; text-decoration: none }

/*"""""""" (MAIN) Hover State - The Text in the first mouseover boxes & NO second box """"""""*/
#qm2 A:hover   { COLOR: #000000; border-color:#D7A5CC; background-color:#6FA7E7}

/*"""""""" (MAIN) Active State - The Text in the first mouseover boxes & a second box """"""""*/	
#qm2 .qmactive { BORDER-LEFT-COLOR: #ffcc33 !important; background-color:#6FA7E7 !important; BACKGROUND-IMAGE: url(../images/s2_arrow_hl.gif) !important; BORDER-BOTTOM-COLOR: #D7A5CC !important; COLOR: #000000 !important; BORDER-TOP-COLOR: #ffcc33 !important; BORDER-RIGHT-COLOR: #ffcc33 !important}

/*"""""""" (MAIN) Parent Items - Items with right arrows """"""""*/
#qm2 .qmparent { BACKGROUND-POSITION: 97% 50%; BACKGROUND-IMAGE: url(../images/s2_arrow2.gif); BACKGROUND-REPEAT: no-repeat;}

/*"""""""" [SUB] Containers """"""""*/
#qm2 div { width:inherit; background-color:#00539F; padding:5px 5px 5px 5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}
		
/*"""""""" [SUB] Items - The Text in the second boxes (when no mouseover) """"""""*/
#qm2 DIV A {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 5px; text-decoration:none; PADDING-LEFT: 5px; FONT-SIZE: 0.65em; BORDER-LEFT-COLOR: #ffcc33; BORDER-BOTTOM-WIDTH: 0px; BORDER-BOTTOM: #aaaaaa 1px solid; BORDER-BOTTOM-COLOR: #D7A5CC; PADDING-BOTTOM: 3px; COLOR: #FFFFFF; BORDER-TOP-COLOR: #ffcc33; PADDING-TOP: 3px; BORDER-RIGHT-WIDTH: 0px; BORDER-RIGHT-COLOR: #ffcc33}
	
/*"""""""" [SUB] Hover State -The Text in the second mouseover boxes """"""""*/
#qm2 DIV A:hover {COLOR: #000000; background-color:#6FA7E7; text-decoration:none;}

/*""""""""[SUB] Active State - The Text in the second mouseover boxes IF there is a 3rd set of boxes """"""""*/
#qm2 DIV .qmactive {BACKGROUND-IMAGE: url(../images/bullet_black_right.gif) !important; COLOR: #000000 !important; TEXT-DECORATION: underline !important}

/*"""""""" [SUB] Parent Items - Subitem with arrow""""""""*/
#qm2 DIV .qmparent {BACKGROUND-IMAGE: url(../images/s2_arrow2.gif);}