/* CSS Document */

#container
{
width: 800px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
	padding: 0.4em;
	background-color: #FFFFFF;

	background-repeat: repeat-x;
	background-image: url(http://www.barlow.com/images/header_bg_fade.png);
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
	float: left;
	width: 200px;
	margin: 0px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-bottom: 1 px solid gray;
	border-top: 1 px solid gray;
	background-image: url(http://www.barlow.com/images/content_shadow22.png);
}

#rightnav
{
	float: right;
	width: 170px;
	margin: 0;
	padding: 0.95em;
	border-top: 1px solid gray;

	background-image: url(http://www.barlow.com/images/right_shadow.png);
	border-bottom: 1 px solid gray;
}

#content
{
	margin-left: 200px;
	border-left: 1px solid gray;
	padding: 1em;
	max-width: 36em;
	border-right: 1px gray;
	border-right-style: dotted;
	background-image: url(http://www.barlow.com/images/content_shadow.png);
	background-repeat: no-repeat;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

#footer
{
	clear: both;
	margin: 0;
	padding: 0.38em;
	color: #333;
	background-color: #FFFFFF;

	background-repeat: inherit;
	background-image: url(http://www.barlow.com/images/footer.png);
}

#leftnav p, #rightnav p {
	margin: 0 0 1em 0;
}
#content h2 { margin: 0 0 .5em 0; }