/* ****** Photo gallery page specific styles ****** */

li {
  line-height: 16px;
}

/* Styles for lists of photo album links */

#photos2010 {
  display: block;
  margin-left: 40px;
}

#photos2009, #photos2008, #photos2007, #photos2006, #photos2005, #photos2004, #photos2003 {
  display: none;
  margin-left: 40px;
  margin-top: 0;
}

.toggleLink {
  color: #000;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 40px;
  text-decoration: none;
}

/* Recent photo albums div layer */

.box {
  border: 1px solid #251309;
  display: block;
  height: 210px;
  margin: 10px auto;
  overflow: hidden;
  width: 960px;
}

.box h2 {
  background-color: #251309;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 5px 10px;
}

.box img {
  border: 2px solid #000;
  margin: 10px;
}

/* Styles for individual photos in "recent photo albums" layer */

.box div {
  text-align: center;
  width: 145px;
}

.box div a:link, .box div a:visited {
  color: #000;
  display: block;
  height: 170px;
  text-decoration: none;
}

.box div a:hover {
  background-color: #DDC3DF;
}

/* Styles for sliding photos */

.slide {
  float: left;
  font-size: 10px;
  margin: 8px 13px 4px 13px;
}

div.scrollable {
  float: left;
  height: 180px;
  overflow: hidden; 
  position: relative;
  width: 860px;
} 

div.scrollable div.items {
  position: absolute;
  width: 30000em;		/* this cannot be too large */
} 

div.scrollable div.items div { 
  float: left;
}

/* Prev, Next, prevPage and nextPage buttons */
a.browse {
  background: url('../images/scroll_buttons.png') no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1px;
  height: 30px;
  margin: 50px 10px 40px 10px;
  width: 30px;
}

/* Right */
a.right         { background-position:   0   -30px; clear: right; margin-right: 0; }
a.right:hover   { background-position: -30px -30px; }
a.right:active  { background-position: -60px -30px; } 

/* Left */
a.left        { margin-left: 9px; } 
a.left:hover  { background-position: -30px 0; }
a.left:active { background-position: -60px 0; }

/* Disabled navigation button */
a.disabled {
  visibility: hidden !important;		
}