/* some bits adapted from tutorials at http://www.maxdesign.com.au/presentation/page_layouts/index.cfm */
body
{
	margin: 0;
	padding: 0;
	font-family: georgia, times, "times new roman", serif;
	font-size: 9.5pt;
	color: #000;
        background: #554 url(images/backgr.gif);
}

div#container
{
	width: 90%;
	margin: 20px auto 50px auto;
	background-color: #fff;
	color: #333;
	border: 1px solid gray;
	line-height: 130%;
}

div#header
{
	padding: .5em;
	background-color: #ddd;
        background: url(images/head.png);
	border-bottom: 1px solid gray;
}

div#header h1
{
	padding: 0;
	margin: 0 0 0 0.5em;
}

div#left
{
	float: left;
	width: 160px;
	margin: 0;
	padding: 1em;
	text-align: center;
	line-height: 150%;
}

div#content
{
	margin-left: 200px;
	border-left: 1px dotted gray;
	padding: 2em;
	max-width:650px;
/* sorry, IE/win users...
	width:expression(document.body.clientWidth > 650? "650px": "auto" ); */
}

div#footer
{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	background-color: #ddd;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

#container #nav
{
	border:1px solid gray; 
	background-color: #fff;
	float:right;
	width:230px;
	margin:10px 10px 10px 10px;
	cursor: crosshair;
	padding: 5px;
}

#container #nav p { margin: 0 0 0 0; }

.pic
{
	float: right;
	margin: 1em;
}

.pic p
{
	font-size: 70%;
	text-align: right;
	margin: 0 2em;
}

.attrib { font-size: 75%; }
.indent1 { text-indent: 3em; }
.indent2 { text-indent: 6em; }
.TOCtitle { font-weight: bold;}

li.inline
{
	display: inline;
	margin-left: 3px;
	padding-left: 3px;
	padding-right: 7px;
	border-right: 1px dotted #066;
	vertical-align: middle;
}

li.last
{
	display: inline;
	margin-left: 3px;
	padding-left: 3px;
	padding-right: 3px;
	border-right: 0px;
	vertical-align: middle;
} 

.right
{
	float: right;
}

.right a:link { color: #c0c0c0; }
.right a:visited { color: #c0c0c0; }

/* intended for images used as links; doesn't work in IE */
.whitelink a:link { color: #ffffff; }
.whitelink a:visited { color: #ffffff; }
.whitelink a:hover { color: #ffffff; }
.whitelink a:active { color: #ffffff; }

/*
#container #nav:before
{
	content: url(images/sbarrowswitch.gif);
}
*/

div#left p { margin: 0 0 1em 0; }
div#content h2 { margin: 0 0 .5em 0; }
div#content p { margin: 0 0 1em 1em; }

a:link, a:visited {text-decoration: none}
a:hover {text-decoration: underline}
a:active {text-decoration: none}