* {
    margin: 0;
    padding: 0;
}

body { /*background-color:#fff;*/} 
#page-wrap {
    width: 223px;
    margin: 0;
}

a {text-decoration: none;}

ul { list-style: none;}

p { margin: 15px 0;}

/*
 LEVEL ONE
 */
ul.dropdown { position: relative;}

ul.dropdown li {
	width: 223px;
	height:auto;
	padding-top:0px;
	padding-right:13px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	line-height:19px;
    float: left;
    zoom: 1;
    background:#00ACFF;
   /* -moz-border-radius: 5px;
    -webkit-border-radius: 5px; */  
    margin:0px;
	border-bottom:solid #ccc 1px;
}

ul.dropdown a:hover {
    color: #000;
}

ul.dropdown a:active {
    color: #ffa500;
}

ul.dropdown li a {
    display: block;
    /*padding: 0px 0px;*/
	padding-top:2px;
	padding-left:14px;
	padding-bottom:2px;
    color: #fff;
}

ul.dropdown li:last-child a {
    border-right: none;
}
 /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {
    background: #00ACFF;
    position: relative;
    color:#fff;
}

ul.dropdown li.hover a {
    color: #fff
}

/*
 LEVEL TWO
 */
ul.dropdown ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
}

ul.dropdown ul li {
    background:#707070;
    color: #fff;
    float: none;
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
    border-right: none;
    width: 100%;
    display: inline-block;
}

/*
 LEVEL THREE
 */
ul.dropdown ul ul {
    left: 100%;
    top: 0;
}

ul.dropdown li:hover > ul {
    visibility: visible;
}

.listName1{ width:236px; height:35px; float:left; background:url(../images/listName1.jpg);}
.listName2{ width:236px; height:35px; float:left; background:url(../images/listName2.jpg);}
.listName3{ width:236px; height:35px; float:left; background:url(../images/listName3.jpg);}
.listName4{ width:236px; height:35px; float:left; background:url(../images/listName4.jpg);}

.listName1:hover{ opacity:0.7;}
.listName2:hover{ opacity:0.7;}
.listName3:hover{ opacity:0.7;}
.listName4:hover{ opacity:0.7;}