body {
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: arial, verdana, sans-serif;
		color: #777;
		background-color: #f9f9f9;
}

#container {
		width: 925px;
		margin: 40px auto;
		text-align: left;
		position: relative;
}


#menu {
	border-bottom: 1px solid #666;
	text-align: center;
	padding-bottom: 20px;
	}
	
a:link { color: #999; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:active { color: #999; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

#menu a.current:link { color: #333; text-decoration: underline; }
#menu a.current:visited { color: #333; text-decoration: underline; }
#menu a.current:active { color: #333; text-decoration: underline; }
#menu a.current:hover { color: #333; text-decoration: underline; }

a.black:link { color: #363636; text-decoration: none; }
a.black:visited { color: #363636; text-decoration: none; }
a.black:active { color: #363636; text-decoration: none; }
a.black:hover { color: #000; text-decoration: none; }

#menu a { margin: 10px 30px; }


h2.title { font-size: 26px; text-align: center; margin-bottom: 10px; }
h3.subtitle { font-style: italic; font-size: 22px; text-align: center; margin-top: 10px;}


.square { 
	position: absolute;
	width: 160px;
	height: 160px;
	text-align: center;
	}
	/* These are for when there are 4 across the top */
#sq1  { top: 170px; left: 80px; }
#sq2  { top: 170px; left: 280px; }
#sq3  { top: 170px; left: 480px; }
	/* Delete the next three if you want to go back to 4 across */
#sq1  { top: 170px; left: 180px; }
#sq2  { top: 170px; left: 380px; }
#sq3  { top: 170px; left: 580px; }

#sq4  { top: 170px; left: 680px; }
#sq5  { top: 370px; left: 80px; }
#sq6  { top: 370px; left: 680px; }
#sq7  { top: 570px; left: 80px; }
#sq8  { top: 570px; left: 280px; }
#sq9  { top: 570px; left: 480px; }
#sq10 { top: 570px; left: 680px; }

#info { color: #777; width: 360px; height: 200px; position: absolute; top: 370px; left: 280px; line-height: 1.4em;}

strong.info { font-size: 1.1em; }

.tile { border: 1px solid #999; }

.square_text a { font-weight: bold; display: block; margin-top: 5px; font-size: 13px; margin-bottom: 6px; }
.square_text a:link { text-decoration: none; color: #777; }
.square_text a:visited { text-decoration: none; color: #777; }
.square_text a:active { text-decoration: none; color: #777; }
.square_text a:hover { text-decoration: none; color: #333; }

.desc { font-size: 12px; font-style: italic; text-align: center; width: 101%;}

/*.square_text { display: none; }*/

#about_photos {
	width: 100%;
	text-align: justify;
	}
	
#about_photos img { margin-right: 6px; }

ul {line-height: 1.4em; }

#about { line-height: 1.54em; }