﻿/* Opacity rollover effect, not implemented here */
/* To make opacity work, embed this before href="x" tag in htm -> class="linkopacity" */

/* a.linkopacity img {
	filter: alpha(opacity=33);
	-moz-opacity: 0.33;
	opacity: 0.33;
	-khtml-opacity: 0.33;
} */

/* a.linkopacity:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	-khtml-opacity: 1.0; 
}*/



/* Note that to make bottom three gallery DIVs centered, the padding on Statesboro Nature left side must be increased to move all over to the right. Total width is 747, so 145*3 + 40*3(padding) = 555, so left padding must be 192/2 = 96+20 = 116 */


/* Note that .c1 defines a class that handles placement and other aspects of text within DIV. One can also add a second, third, fourth, etc. class to handle other aspects for a particular DIV (or all DIV). As used in gallery_index.htm, command is <b class"c1">x</b> or to add additional classes, it would be <b class"c1 c2 etc">x</b>. See example below.
*/

.c1
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;
}


.c2
{
	font-weight: bolder;
	text-decoration: line-through overline;
}


	
#alaska
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#alaska a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_alaska.jpg') no-repeat;
	overflow: hidden;
}


#alaska a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_alaska.jpg') no-repeat;
	overflow: hidden;
}

/*
#alaska b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;
}

#alaska b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}  
*/


#alaska img
{
	visibility: collapse;
}


#coastalSC
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;

}

#coastalSC a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_coastalsc.jpg') no-repeat;
	overflow: hidden;
}

#coastalSC a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_coastalsc.jpg') no-repeat;
	overflow: hidden;
}

/*

#coastalSC b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#coastalSC b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/


#coastalSC img
{
	visibility: collapse;
}



#cumberland
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#cumberland a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_cumberland.jpg') no-repeat;
	overflow: hidden;
}

#cumberland  a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_cumberland.jpg') no-repeat;
	overflow: hidden;
}

/*
#cumberland b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#cumberland  b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/

#cumberland img
{
	visibility: collapse;
}


#florida
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#florida a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_florida.jpg') no-repeat;
	overflow: hidden;

}

#florida   a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_florida.jpg') no-repeat;
	overflow: hidden;
}

/*
#florida b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#florida b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/

#florida img
{
	visibility: collapse;
}


#georgiamt
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#georgiamt a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_gamountains.jpg') no-repeat;
	overflow: hidden;
}

#georgiamt a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_gamountains.jpg') no-repeat;
	overflow: hidden;
}

/*
#georgiamt b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#georgiamt b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/

#georgiamt img
{
	visibility: collapse;
}


#hawaii
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#hawaii a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_hawaii.jpg') no-repeat;
	overflow: hidden;
}

#hawaii a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_hawaii.jpg') no-repeat;
	overflow: hidden;
}

/*
#hawaii b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#hawaii b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/

#hawaii img
{
	visibility: collapse;
}




#savtybee
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#savtybee a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_savatybe.jpg') no-repeat;
	overflow: hidden;
}

#savtybee a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_savatybe.jpg') no-repeat;
	overflow: hidden;
}

/*
#savtybee b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#savtybee b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/

#savtybee img
{
	visibility: collapse;
}


#statesboro_land
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#statesboro_land a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_stateslandmarks.jpg') no-repeat;
	overflow: hidden;
}

#statesboro_land a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_stateslandmarks.jpg') no-repeat;
	overflow: hidden;
}




/*
#statesboro_land b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;
}

#statesboro_land b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/

#statesboro_land img
{
	visibility: collapse;
}


#statesboro_nature
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#statesboro_nature a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_statesnature.jpg') no-repeat;
	overflow: hidden;
}

#statesboro_nature a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_statesnature.jpg') no-repeat;
	overflow: hidden;
}

/*
#statesboro_nature b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#statesboro_nature b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/


#statesboro_nature img
{
	visibility: collapse;
}



#statesboro_wild
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#statesboro_wild a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_stateswildlife.jpg') no-repeat;
	overflow: hidden;
}

#statesboro_wild a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_stateswildlife.jpg') no-repeat;
	overflow: hidden;
}

/*
#statesboro_wild b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;
}
*/

#statesboro_wild b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}

#statesboro_wild img
{
	visibility: collapse;
}



#southwest
{
	padding: 20px 20px 0 205px;
/* Note: Original padding for four wide gallery:  padding: 20px 20px 0 20px;   */
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#southwest a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_southwest1.jpg') no-repeat;
	overflow: hidden;
}

#southwest a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_southwest1.jpg') no-repeat;
	overflow: hidden;
}

/*
#southwest b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#southwest b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/

#southwest img
{
	visibility: collapse;
}

#stjohn
{
	padding: 20px 20px 0 20px;
	width: 145px;
	height: 150px;
	text-align: center;
	float: left;
	font-size: 14px;
}

#stjohn a
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/gb_stjohn_3.jpg') no-repeat;
	overflow: hidden;
}

#stjohn a:hover
{
	display: block;
	height: 150px;
	background: url('gallery_index_images/g_stjohn_3.jpg') no-repeat;
	overflow: hidden;
}

/*
#stjohn b
{
	display: block;
	height: auto;
	overflow: hidden;
	position: relative;
	top: 85px;
	font-weight: normal;

}

#stjohn b:hover
{
	display: block;
	height: auto;
	overflow: hidden;
}
*/

#stjohn img
{
	visibility: collapse;
}



