/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iPad-slidedown.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menuHolder {position:relative; width:150px; height:130px; margin-top:10px; margin-left:10px; border:1px solid red; background-color:bisque; float:left;}
.menuHolder ul {padding:0; margin:0; list-style:none; position:absolute;}
.menuHolder ul li {display:block; width:150px;}
.menuHolder ul li a {display:block; text-align:center; width:150px; height:20px; color:#111111; text-decoration:none; outline:none; }
.menuHolder ul li.t2 {display:none;}
.menuHolder ul li.t1 > a {display:none;}

.menuHolder ul li.s1:hover a {background:#fff; color:red;}
.menuHolder ul li.s2:hover a {background:#fff; color:red;}
.menuHolder ul li.s3:hover a {background:#fff; color:red;}
.menuHolder ul li.s4:hover a {background:#fff; color:red;}
.menuHolder ul li.s5:hover a {background:#fff; color:red;}
.menuHolder ul li.s6:hover a {background:#fff; color:red;}

/* ------------------- */

.menuHolder2 {position:relative; width:150px; height:80px; margin-top:10px; margin-left:10px; border:1px solid red; background-color:lightgreen; float:left;}
.menuHolder2 ul {padding:0; margin:0; list-style:none; position:absolute;}
.menuHolder2 ul li {display:block; width:150px;}
.menuHolder2 ul li a {display:block; text-align:center; width:150px; height:20px; color:#111111; text-decoration:none; outline:none; }
.menuHolder2 ul li.t2 {display:none;}
.menuHolder2 ul li.t1 > a {display:none;}

.menuHolder2 ul li.s1:hover a {background:#fff; color:red;}
.menuHolder2 ul li.s2:hover a {background:#fff; color:red;}
.menuHolder2 ul li.s3:hover a {background:#fff; color:red;}
.menuHolder2 ul li.s4:hover a {background:#fff; color:red;}

/* ------------------- */

.menuHolder3 {position:relative; width:150px; height:130px; margin-top:10px; margin-left:10px; border:1px solid red; background-color:lightblue; float:left;}
.menuHolder3 ul {padding:0; margin:0; list-style:none; position:absolute;}
.menuHolder3 ul li {display:block; width:150px;}
.menuHolder3 ul li a {display:block; text-align:center; width:150px; height:20px; color:#111111; text-decoration:none; outline:none; }
.menuHolder3 ul li.t2 {display:none;}
.menuHolder3 ul li.t1 > a {display:none;}

.menuHolder3 ul li.s1:hover a {background:#fff; color:red;}
.menuHolder3 ul li.s2:hover a {background:#fff; color:red;}
.menuHolder3 ul li.s3:hover a {background:#fff; color:red;}
.menuHolder3 ul li.s4:hover a {background:#fff; color:red;}
.menuHolder3 ul li.s5:hover a {background:#fff; color:red;}
.menuHolder3 ul li.s6:hover a {background:#fff; color:red;}