#left {
position: absolute;
left: 0;
width:151px;
height:100%;
/*border-right: 1px solid #ffffff;*/
}
#photoleft {
height:100%;
background: url('images/maryleft.gif') no-repeat #FFF;
}
#lefttop {
background-color: #999999;
width:151px;
height:20px;
background-image: url(images/ltop.gif);
background-repeat: no-repeat;
}
.alb ul {
margin: 0;
padding: 0;
}
.alb li{
margin: 0;
padding: 0;
list-style-type: none;
background-color: #cccccc;
}
.alb a {
margin: 0;
padding: 0;
color: black;
}
.alb li a{
height:22px;
width: 150px;
display: block;
text-decoration:none;
}
.alb a:hover {
color:white;
}
.alb li a:hover{
background-color: #434343;
}
.alb li:hover #sub {
visibility: visible;
}
#sub {
position: absolute;
visibility:hidden;
margin-left:152px;
margin-top:-22px;
height:auto;
width:150px;
}
.sub ul {
margin: 0;
padding: 0;
}
.sub li a{
height:22px;
width: 150px;
display: block;
text-decoration:none;
}
.sub li{
margin: 0;
padding: 0;
list-style-type: none;
background-color: #cccccc;
}