/*Layout of the site*/



#main{position:relative;
    width:1075px;
    top:5px;
    left:5px;
}

div#main #title{position:absolute;
    top:0px;
    left:10px;
    background-image:url(../images/ribbon.png);
    background-repeat:no-repeat;
    background-position:50% 0%;
    width:260px;
    height:1000px;
    padding:20px 0px;
    z-index:1
}

div#main #hands{position:absolute;
    top:0px;
    left:10px;
    width:1040px;
    height:200px;
    background-color:#e4bc96;
}
#ourhands{margin:5px;}
#right_rsvp{position:absolute;
    top:220px;
    left:850px;
    width:180px;
    padding:5px 0;
    font-size:16px;
    border-style:thin;
    border-color-left:#631;
}

#slider {
  width: 580px;
  height: 1040px;
  left:255px;
  top:200px;
  margin: 0 auto;
  position: absolute;
}

.panel {
    border-radius-bottomleft:20px;
    border-radius-bottomright:20px;
    -moz-border-radius-bottomleft:20px;
    -moz-border-radius-bottomright:20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    border-image:url(../images/border.png) 8px stretch stretch;
    -webkit-border-image: url(../images/border.png) 8px stretch stretch;
    -moz-border-image: url(../images/border.png)8px stretch stretch;
    background: rgba(255, 255, 255, 0.8);
}

.panel p{font-size:12px;}

ul.navigation {
    list-style: none;
    padding: 0px;
    margin:6px;
}

ul.navigation li {
    display: inline;
    
}

ul.navigation a {color:#600;
    padding: 5px;
    text-decoration: none;
    font-size:19px;
    
}

ul.navigation a:hover {color:#dd0;
    font-size:19px;}

ul.navigation a.selected {color:#a44;
    font-size:19px;}

ul.navigation a:focus {
    outline: none;
}

.scroll {
  height: 675px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background:  url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px 5px 20px 20px;
  height: 630px;
  width: 560px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 200px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}


/*  Photoscript album  */
.photogallery{ /*CSS for TABLE containing a photo album*/
}

.photogallery img{ /*CSS for images within an album*/
border: 1px solid green;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}