body { 
margin-top:10px; 
padding:10px;
font-family: Calibri, Arial;
font-size:12px;
background-color: #B4C3A7;
}

.header1 { 
top:0px;
background-image: url('images/picnic_bench.png'); background-repeat: no-repeat;
}
.err {  text-align:left; font-weight: bold; font-size: 16.5px; color: red; font-style: normal; }
.err2 { text-align:left;  font-weight: bold; font-size: 13.5px; color: red; font-style: normal; }
.h_head { font-weight: bold; font-size: 16.5px; color: #B9061E; font-style: normal; }
.h_cont { font-weight: normal; font-size: 12.5px; color: #6C5E5F; font-style: normal; padding-right:25px; line-height:120%;}
.h_conts { font-weight: normal; font-size: 12.5px; color: #6C5E5F; font-style: normal; padding-right:25px; line-height:130%;}

.h_lft { padding-left:10px; }
.h_lftnav { padding-left:20px; }
.h_frm2 { padding-top:10px; }
.h_bot1 { padding-right:10px; padding-bottom:10px;}
.h_bot2 { padding-right:10px; padding-bottom:15px;}
.h_bot_nav { padding-right:18px; text-align:right; font-weight: bold; font-size: 9.5px; color: #1B3830; font-style: normal; } 
.h_bot_nav  a:link       { text-decoration: none; color: #1B3830; }

.p_head { font-weight: bold; font-size: 20.5px; color: #B9061E; font-style: normal; }
.p_head2 { font-weight: bold; font-size: 15.5px; color: #FFFFFF; font-style: normal; }
.p_cont { font-weight: bold; font-size: 11.5px; color: #6C5E5F; text-align:left;padding-left:11px;}
.p_lftnav { padding-left:20px; }
.p_tab { padding-bottom:5px; padding-top:5px;padding-left:0px; padding-right:10px;}
.p_bot_nav { padding-right:10px; text-align:right; font-weight: bold; font-size: 9.5px; color: #1B3830; font-style: normal; } 
.p_bot_nav  a:link       { text-decoration: none; color: #1B3830; }
.p_frm { padding:0px;border: #C4A262 2px solid; }
.p_frm2 { padding:5px; }
.p_frm3 { padding-top:5px; padding-bottom:5px; }
.p_rht { padding-right:10px; }

.u_head { font-weight: bold; font-size: 15px; color: #FFFFFF; background-color:#92AE6C; font-style: normal; }
.u_line { font-weight: bold; font-size: 18px; color: #92AE6C; font-style: normal; }
.u_line2 { border: 1px dashed #999999; font-weight: bold; font-size: 16px; color: #92AE6C; font-style: normal; }

.c_tel { font-weight: bold; font-size: 12.5px; color: #6C5E5F; }
.c_conts { font-weight: bold; font-size: 12.5px; color: #6C5E5F; }
.t_head { font-weight: bold; font-size: 20.5px; color: #B9061E; font-style: normal; }
.t_conts { font-weight: normal; font-size: 12.5px; color: #6C5E5F; font-style: normal; padding-right:25px; line-height:130%;}

/* Credit: www.dynamicdrive.com */

/*.gallerycontainer { position: relative; width: 180px; } */
 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.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 #999999;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/* background-color: #92AE6C;  */
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: white;
text-decoration: none;
}

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

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