/*
Q3Map2: Like mom used to make.
Version 2.0, Obsidian 2006
*/


.hide { display: none; }

/* Typography */

	body	{ font: 8pt/1.6em Helvetica,Lucida Grande,verdana,arial,sans-serif; }

	/* Hyperlinks */	
	a, a:link, a:visited { color: #38648c; text-decoration: none; }
	a:hover, a:active { color: #000; text-decoration: underline; }
	p a { font-weight: bold; }

	/* Sets leading (vertical) space */
	.widespace { line-height: 1.75em; }	/* wide  */
	.doublespace { line-height: 2.5em; }	/* double */
	.triplespace { line-height: 3.75em; }	/* triple */

	.focus { font: 10pt/2em verdana; letter-spacing: 0.25em; text-transform: uppercase; color: #999; text-align: center; }

	.title { font-weight: normal; }

/* Layout */

body
{
	width: 796px;
	margin: 32px auto 0 auto;
}

	#splash1
	{
		background: transparent url('../_images/splash1.jpg') no-repeat;
		float: left;
		margin: 2px;
	}

	#splash2
	{
		background: transparent url('../_images/splash2.jpg') no-repeat;
		float: left;
		margin: 2px;
	}

	#splash3
	{
		background: transparent url('../_images/splash3.jpg') no-repeat;
		float: left;
		margin: 2px;
	}

	#splash4
	{
		background: transparent url('../_images/splash4.jpg') no-repeat;
		float: left;
		margin: 2px;
	}

	#splash5
	{
		background: transparent url('../_images/splash5.jpg') no-repeat;
		float: left;
		margin: 2px;
	}

	#splash6
	{
		background: transparent url('../_images/splash6.jpg') no-repeat;
		float: left;
		margin: 2px;
	}

	#menu div a
	{
		display: block;
		width: 128px;
		height: 416px;
	}

	#menu div a .whiteout
	{
		background-color: white;
		width: 128px;
		height: 32px;
		margin-top: 0;
	}

	#menu div a:hover .whiteout
	{
		visibility: hidden;
	}

	/* Sorcery: I have no idea why this is required, but it is for IE */
	html a:hover {visibility:visible}

#mom
{
	background: transparent url('../_images/mom.png') no-repeat;
	width: 224px;
	height: 32px;
	float: right;
	margin-bottom: 136px;
}

#content
{
	clear: both;
	color: gray;
}

/*
	.scroller
	{
		float: right;
		width: 224px;
		padding: 2px;
		height: 192px;
		overflow: auto;
		margin-bottom: 32px;
		border: 1px solid #ccc;
	}
*/
	
	.column
	{
		float: left;
		width: 330px;
		margin-bottom: 64px;
		text-align: justify;
		padding-right: 64px;
	}
	
	.column h2
	{
		margin-top: 2em;
	}
	
	.column ul
	{
		left: -2em;
		position: relative;
	}