/* for this demo only on stunicholls.com */
#content {position:relative;}
#content img {display:block; margin-top:33px;}

/* the menu styling */
#menu {font-family:arial, verdana, sans-serif; font-size:11px; position:absolute; width:100%;}

#menu a:active, #menu a:focus {outline:0;}

#menu ul.none {display:none;}
#menu ul.yes {display:block;}

#menu ul {list-style-type:none; padding:0; height:33px; margin:0 auto;}
#menu ul#sub_0 {width:720px;}
#menu ul#sub_1 {width:360px;}
#menu ul#sub_2 {width:600px;}
#menu ul#sub_3 {width:360px;}
#menu ul#sub_4 {width:360px;}
#menu ul#sub_21 {width:720px;}
#menu ul#sub_22 {width:480px;}
#menu ul#sub_23 {width:480px;}
#menu ul#sub_231 {width:600px;}
#menu ul#sub_232 {width:600px;}
#menu ul#sub_233 {width:600px;}
#menu ul#sub_2322 {width:480px;}
#menu ul#sub_23221 {width:600px;}

#menu ul li {display:block; width:120px; height:33px; float:left; margin-right:0;}

#menu ul a {display:block; width:120px; height:33px; position:relative; text-decoration:none; width:0; height:0;}
#menu ul a b {display:block; width:120px; height:33px; color:#fff; position:absolute; top:0; left:0; cursor:pointer; white-space:nowrap; text-align:center; line-height:33px; background:#c00 url(brickb.jpg);}

#menu ul a.arrow b {background: #c00 url(bricka.jpg); color:#fff;}

#menu ul a:active, #menu ul a:focus {width:0; height:24px;}
#menu ul a:active b, #menu ul a:focus b {color:#fff;}

#menu ul li.clicked a.arrow b {background: #c00 url(brickc.jpg); color:#8ff;}

#menu a:hover {color:#ff0;}
#menu a:hover b {color:#ff0; background:#000 url(brickd.jpg);}
#menu a.arrow:hover b {color:#ff0; background:#000 url(brickc.jpg);}