/* CSS Document */
    a {
      color: #eeeeee;
      text-decoration: underline;
    }
    a:hover {
      color: rgb(241,241,241);
    }
    body {
      margin: 0;
      padding: 0;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 13px;
      color: #eeeeee;
      text-align: center;
      background: black url('images/bluegradient.jpg') repeat-x;
      position: relative;      
    }
    #all {
      width: 900px;
      margin: 0 auto;
      text-align: left;
      background: #000000;      
    }
    #all #head {
      height: 331px;
      position: relative;
      background: #72747d url('images/ChairLift-header.jpg') no-repeat;
	border-bottom: #c07300 solid 1px;
    border-right: #c07300 solid 1px;
    border-left: #ffdead solid 1px;
    border-top: #ffdead solid 1px;
    border-color: #666666 #CCCCCC #CCCCCC #666666;   
 }
    #all #head p#top-ribbon {
      position: absolute;
      top: 8px;
      right: 12px;
      font-size: 12px;
    }
    #all #head h1 {
      position: absolute;
      top: 60px;
      left: 22px;   
      background: url('images/h1-line.png') no-repeat center 48px;
      padding: 0;
      margin: 0; 
    }
    #all #head h1 a {
      font-weight: bold;
      font-size: 36px;
      color: white;
      text-decoration: none;
    }
    #all #head h1 span {
      font-size: 14px;
      font-weight: normal;
      display: block;
      text-align: center;
      padding-top: 10px;
    }
    #all #head ul#menu {
      margin: 0;
      padding: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      height: 43px;
    }
    #all #head ul#menu li {
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
      height: 43px;
    }
    #all #head ul#menu li a {
      display: block;
      float: left;
      line-height: 43px;
      height: 43px;
      color: white;
      text-decoration: none;
      font-weight: bold;
      font-size: 14px;
      padding: 0 10px;
      border-right: 1px solid #bcc2c1;
      border-top: 1px solid #bcc2c1;
    }
    #all #head ul#menu li a:hover {
      text-decoration: underline;
    }
    #all h2 {
      font-size: 20px;
      font-weight: normal;
      margin: 15px 20px;
      padding: 20px 0 6px 0;
      border-bottom: 1px solid white;
    }
    #all h3 {
      font-size: 17px;
      font-weight: bold;
      margin: 0 30px;
      padding: 30px 0 0 0;
    }
    #all p {
      margin: 0;
      padding: 18px 30px 0 30px;
      line-height: 150%;
    }
    #all #footer {
      border-top: 10px solid #000033;
      margin: 35px 0 10px 0;
      padding: 0;
    }
    #all #footer p {
      color: #9c9c9c; 
      font-size: 12px;
      position: relative;
    }
    #all #footer p span#sponsors {
      position: absolute;
      right: 10px;
      top: 16px;
    }
    #all #footer p a {
      color: #9c9c9c;
      text-decoration: underline;
    }
    #all #footer p a:hover {
      color: rgb(255,255,255);
    }
    
    /* Added for the Gallery */


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: grey;
padding: 5px;
left: -1000px;
border: 1px groove;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 330px; /*position where enlarged image should offset horizontally */
z-index: 50;
}