<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
#gallerycontainer {
clear:both;
float:left;
}

.gallerycontainer{
position:relative;
height:auto;
width:450px;
float:left;
margin-top:5px;
margin-left:5px;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#gallerycontainer2 {
clear:both;
float:right;

}

.gallerycontainer2{
position:relative;
height:auto;
width:450px;
float:right;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

#content5 .gallerytitle a {text-decoration: underline; color:#aa0000; font-weight:bold;}
.gallerytitle a:link {text-decoration: underline; color:#aa0000; font-weight:bold;}
.gallerytitle a:visited {text-decoration: underline; color:#aa0000; font-weight:bold;}
.gallerytitle a:active {text-decoration: underline; color:#000000; font-weight:bold;}
.gallerytitle a:hover {text-decoration: underline; color:#ffffff; font-weight:bold;}  
  
.gallerycontainer p {font-size:14px; font-weight:bold;padding-left:15px; color:#dadada;}  

.gallerytitle table {width:950px; }

.gallerytitle td input.disable {background-color:#bababa; color:#000000; background-image:none;}

.gallerytitle td input  {font-size:11px;
  background-image:url('../images/graddrkred.png'); 
  color:#ffffff;
  background-color:#990000;
  } 

.gallerytitle td {font-size:14px;
  padding-left:25px; color:#ffffff;
  }   

.gallerytitle td.title {
color:#ffffff;
width:450px;
font:16px;
font-weight:bold;
}
  
.gallerytitle th {font-size:12px;
  padding-left:0px;
  }     

.empty {min-width:32px; }
            


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

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

.thumbnail:hover img{
border: 2px solid #bb0000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#C0C0C0;
padding: 5px;
left: -1000px;
width:auto;
border: 2px dashed #bb0000;
visibility: hidden;
color: black;
text-decoration: none;
}

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

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

.thumbnail2 img{
border: 2px solid white;
margin: 0 5px 5px 0;
}


.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color:#C0C0C0;
padding: 5px;
left: -1000px;
width:auto;
border: 2px dashed #bb0000;
visibility: hidden;
color: black;
text-decoration: none;
}



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


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

.thumbnail2:hover img{
border: 2px solid #bb0000;
}


.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
position: fixed;
top: 155px;
left: 225px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


</style>

