/* General - to show and/or hide the menus */
.hide{
display: none;
}

.show{
display: block;
}

/* set up the overall width of the menu div and the margins with a relative position*/
.menu2 {
font-family: verdana, arial, sans-serif; 
width: 635px;
margin: 0 auto;
margin-top: 1em;
position: relative;
z-index: 1;
}

* html body .menu2 {
margin-top: 3.3em;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding: 0; 
margin: 0;
list-style-type: none;
border: 0;
}

/* float the list so that the items are in a line */
.menu2 ul li {
float: left; 
}

.menu2 ul li.first {
border-left: 1px solid #000;
}

/* style the links to be 124px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display: block; 
float: left;
text-align: center; 
text-decoration: none; 
width: 124px; 
height: 30px; 
color: #ffffff;
/*border: 1px solid #000;
border-width: 1px 1px 0 0;*/
background: transparent; /*#333;*/
/*line-height: 30px; */
font-size: 11px;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu2 ul li:hover a {
font-weight: bold;
color: #ffffff; 
background: #333;
}

/* make the sub menu ul li the full width with padding and border. */
ul.photo_page {
width: 475px; /*464px;*/
height: 675px; /*495px;*/ 
/*border: 2px solid #333;*/
background: transparent; /*#eee;*/ 
color: #000;
padding: 0px 20px;
}

.menu2 ul li a.photos, .menu2 ul li a.photos:visited {
float: left;
width: 110px;
height: 85px;
background: #eee;
border: 1px solid #888;
margin: 1px;
}

#gallery1 li, #gallery2 li, #gallery3 li, #gallery4 li, #gallery5 li {
margin-top: 2em;
}

#gallery1, #gallery2, #gallery3, #gallery4, #gallery5 {
margin-left: 1px;
}