@charset "UTF-8";
/* CSS Document */

body { 
background-color:#FFFFFF;
font: .8em/1.3em  tahoma, geneva, Helvetica, sans-serif;
color: #333333;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #FF9900;
}
a:hover {
text-decoration: none;
color: #666666;
}


img {
border: none;
}

.gallerycontainer{
position: relative;
height:427px;
/*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: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
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: 335;
left: 335px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#profile {
width: 218px;
height: 560px;
background-color: #FFFFFF;
padding: 0 15px 10px 15px;
color:#253842;
float:left;
}

#profileimg {
margin: 0 0 10px 0;
}

div.scroll {
height: 400px;
width: 240px;
overflow: auto;
border: none;
background-color: #FFFFFF;
padding: 0px;
float:center;
}

div.scroll2 {
height: 400px;
width: 585px;
overflow:auto;
border: none;
background-color:#FFFFFF;
padding: 8px;
float: center;
}

div.bigscroll {
height: 465px;
width: 585px;
overflow:auto;
border: none;
background-color:#FFFFFF;
padding: 8px;
float: center;
}

div.homescroll {
height: 75px;
width: 560px;
overflow: auto;
border: 2px double #004B8D;
backgound-color: #FFFFFF;
padding: 8px;
margin: 0 0px 0 15px;
float: top-left;
}

#images {
width: 200px;
float: left;
margin: 0 20px 0 0;
}

.copy{
line-height: 145%
}


p.name {
position: relative;
left:190px;
top:30px;
}

p.share {
position: relative;
left:-240px;
top:148px;
}