.hidden { display: none; }

body
{
	/* background-color: #eee;*/
	color: black;
	background-color: white;
	background-image: url(i/and.png);
	background-repeat: no-repeat;
	background-position: 10px 120px;
	background-attachment: fixed;
}

div#logo
{
	position: absolute;
	top: 10px;
	left: 400px;
	width: 270px;
	height: 140px;
	margin: 0;
	border: 0;
	background-image: url(i/tblogo1b.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: scroll;
}

div#nav
{
	position: absolute;
	top: 10px;
	left: 0;
	width: 400px;
	height: 140px;
	margin: 0;
	padding: 0;
	border: 0;
}

.navgroup
	{
	/* width 200px; */
	/* position: float; */
	margin: 0 150px 0 0;
	padding: 0;
	border: 0;
	/* background: green; */
	text-align: center;
	}

/* navgroup divs have two children: an <h1> which is the major section link,
	each followed by a <p> with the links to sub-sections.  The sub-section
	only becomes visible when the client is in that section. */

div.navgroup h1
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-variant: small-caps;
	font-stretch: wider;
	margin: 5px 0 0 0;
	padding: 0;
}

div.navgroup h1 a
{
	color: gray;
	display: block;
	text-align: center;
	text-decoration: none;
	border-bottom: 4px solid white;
}

div.navgroup h1 a:hover
{
	color: #234;
	text-decoration: none;
	border-bottom: 4px solid purple;
}

div.navgroup p
{
	visibility: hidden;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 14px 14px;
	/*font-variant: small-caps;*/
	border-bottom: 1px solid gray;
}

div.navgroup p a
{
	color: #C69;
	padding: 0px 6px;
	text-decoration: none;
}

div.navgroup p a:hover
{
	color: maroon;
}

/* These are the individual rules to artfully skew the placement of the navigation groups */
/* There is (hopefully) enough slop in these margins so that large fonts don't completely
	destroy the presentation. */
div#aboutgroup
	{
	margin: 0px 230px 0px 30px;
	}

div#consultgroup
	{
	margin: 0px 140px 0px 90px;
	}

div#hostgroup
	{
	margin: 0px 30px 0px 130px;
	}

/* Define the "content" area for use on most subsequent pages */
#content
{
	position: absolute;
	top: 140px;
	margin: 40px 10px 0px 40px;
	padding: 15px;
	border-top: 1px dotted teal;
	border-left: 1px dotted teal;
}

/* make the links in the content pretty */
#content a
{
	color: black;
	background-color: #faf;
	background-image: url(i/whitegrid.png);
	background-repeat: repeat;
	padding: 1px;
	text-decoration: none;
}

#content a:hover
{
	color: gray;
	/* background-color: #ddd; */
	/* background-image: none; */
}

#content a:visited { color: #008; }

	
/* Prose is a fixed width area that sits inside content so the text doesn't get too wide */
#prose
	{
	width: 500px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	}
#prose h1
	{
	font-variant: small-caps;
	font-size: 18px;
	line-height: 24px;
	font-style: normal;
	}