/* CSS Document */

#body {
background:url(images/winstedbg.jpg) top center no-repeat fixed;
margin-bottom:0px; 
margin-left:0px; 
margin-right:0px; 
margin-top:0px;
 }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#menu {
background:url(images/menubg.jpg) repeat-x;
width:980px;
}


#pagetitle {
background:url(images/menubg2.jpg) repeat-x;
height:45px;
}

.pagetitletext {
color:white;
font-size:20px;
padding-left:30px;
}


#content {
width:600px;
background-color:white;
}


.contenttext {
color:#000000;
font-size:16px;
padding-left:40px;
padding-right:10px;
text-align:justify;
}

.headlinetext {
color:#000000;
font-size:18px;
padding-left:30px;
font-weight:bold;
padding-top:30px;
}

.subheadlinetext {
color:#000000;
font-size:17px;
padding-left:30px;
}

#gallerycontent {
width:600px;
height:600px;
background-color:white;
}

#equalhousing {
background:url(images/equalhousing.gif) left no-repeat;
margin-left:30px;
height:100px;
}

#sidebar {
width:380px;
background:url(images/sidebarbg.gif) top left repeat-y white;
}

#sidebarpic {
width:250px;
padding-top:10px; 
padding-right:40px;
}
 
#sidebarpic2 {
width:250px;
padding-top:10px; 
padding-right:10px; 
padding-left:5px;
}

#sidebarpic3 {
width:250px;
padding-top:20px; 
padding-right:90px;
padding-bottom:10px;
}

#footer {
background:url(images/menubg2.jpg) repeat-x;
height:45px;
}

.gallerycontainer{
position: relative;
height:420px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
padding-left:10px; 
padding-top:10px;
}

#gallerypicthumb {
width:200px;
height:150px;
}

.thumbnail img{
border: 1px solid black;
margin: 0px 10px 10px 0px;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #5B56B0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
bottom:-0px;
margin-top:10px;
margin-left:12px;
}

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

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

#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}