#tagline h1 {
	font-style: italic;
	font-size: 1em;
}
#content p {
	padding-bottom: 1em;
}
#content h2 {
	clear: both;
}

.FloatLeft {
	float: left;
	padding-right: 10px;
}
.FloatRight {
	float: right;
	padding-left: 10px;
}

/********************************************************************* 
	imageWrapper holds 4 120x120 images, imageWrapper5 holds 5 100x100 
	images.  Each image increases by 10px when hovered over (IE's OK 
	since we're using the <a> tag)
**********************************************************************/
.imageWrapper, .imageWrapper5, .imageWrapper7 {
	clear: both;
	height: 180px;
	padding-top: 10px;
}

.imageWrapper p, .imageWrapper5 p, .imageWrapper7 p {
	clear: both;
	padding-left: 10px;
}

/*
	imageHolder holds the individual images within the wrapper
*/
.imageHolder {
	float: left;
	padding: 0 5px 0 5px;
	text-align: center;
}
.imageWrapper .imageHolder {
	width: 130px;
}
.imageWrapper5 .imageHolder {
	width: 110px;
}
.imageWrapper7 .imageHolder {
	width: 75px;
}

.imageHolder a {
	text-decoration: none;
	color: navy;
}

.imageHolder a:hover {
	background: white;
}

.imageHolder a:hover img {
	padding: 0px;
}

.imageWrapper .imageHolder a:hover img {
	width: 130px;
	height: 130px;
}
.imageWrapper5 .imageHolder a:hover img {
	width: 110px;
	height: 110px;
}
.imageWrapper7 .imageHolder a:hover img {
	width: 75px;
	height: 75px;
}