/* hgm_photos.css */

a { color: white; }

.photo a { color: black; }
.photo a:hover { color: white; }

.logo { 
	height: 50px;
	width: 50px;
	border: 0;
	vertical-align: middle;
}

body {
	background-color: black;
}

/* small photos will be 160px wide
and usually 120 tall
so if box is 200, that leaves 20 on each side  */


.go_home {
	position: absolute;
	left: 10px;
	top: 400px;
}

.go_home a {
	color: gold;
	font-family: "Arial Black", sans-serif;
	font-size: 14px;
}

.heading1 {
	width: 650px;
	border-bottom: 1px solid yellow;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	letter-spacing: 20px;
	align: center;
	color: yellow;
	margin-bottom: 15px;
}

.box {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	align: center;
	width: 200px;
	height: 200px;
	border: 5px solid yellow;
}

.photo {
	border: 0px;
	text-align: center;
}


.caption {
	font-family: "Arial", sans-serif;
	font-size: 10px;
	text-align: center;
	color: yellow;
}

.footer {
	clear: both;
	margin-top: 20px;
	width: 100%;
	font-size: 11pt;
	text-align: center;
}
body {
	padding: 0;
	margin: 0;
	background: url(logo/hgm_logo_150x118.png) top left black;
	background-repeat: no-repeat;
}

.container {
	margin-left: 150;
	margin-top: 0;
	padding: 15px;
	width: 860px;
	height: 95%;
	background: #222222;
	color: #FFFF80;
}

.go_home {
	position: absolute;
	left: 10px;
	top: 400px;
}
.go_home a {
	color: gold;
	font-family: "Arial Black", sans-serif;
	font-size: 14px;
}

.sub_head {
	border-bottom: 1px solid yellow;
	font-weight: bold;
	text-align: center;
	font-size: 16pt;
	letter-spacing: 20px;
}

.section_end {
	height: 20px;
}