@media screen
{
	body
	{
		background-color: #dfd6ae;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		height: 100%;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	body.contents
	{
		background-color: #dfd6ae;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		height: 100%;
	}
	
	body.home
	{
		background-color: #dfd6ae;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		height: 100%;
	}
	
	body.pageview
	{
		background-color: #dfd6ae;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		height: 100%;
	}
	
	body.srchresults
	{
		background-color: #dfd6ae;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		height: 100%;
	}
	
	/*to make sure all font is the same*/
	p, td, tr, table, ul, ol, li, div
	{
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
	}
	
	td.lcol { background-image: url(graphics/LeftNavFullSize2.jpg); }
	
	/*this is a new class for making the page bump to the edge of the browser*/
	.margin
	{
		position: absolute;
		top: -10px;
		left: 0px;
		height: 100%;
	}
	
	/*new class for help links on splash pages*/
	.helplinks { font-size: .8em; }
	
	/*new class for brown background image tiling on left*/
	.background { background-image: url(graphics/BCPLbackground.jpg); }
	
	/*new class for shadow image tiling*/
	.fadeout
	{
		background-image: url(graphics/fadeout.gif);
		width: 11px;
	}
	
	/*another class for bumping page to edge of browser*/
	.margin2
	{
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	/*100% height class*/
	.height { height: 100%; }
	
	/*splash styles for text*/
	.heading
	{
		font-size: 1.5em;
		font-weight: bold;
	}
	
	/*so the text will wrap in the window*/
	
	/*
	.maininside {width:expression(document.body.offsetWidth < 792? document.body.offsetWidth - 200 + "px": "600px"); overflow:auto; max-width:600px}
	*/
	
	.maininside
	{
		position: relative;
		width: 95%;
	}
	
	/*so the banner will not wrap in the window*/
	.overflow
	{
		width: 792px;
		overflow: hidden;
	}
	
	.subheading { font-size: 1.3em; }
	
	.topic
	{
		font-style: italic;
		font-weight: bold;
	}
	
	.subtopic { font-style: italic; }
	
	.splashtitle
	{
		font-size: 1.3em;
		font-style: italic;
	}
	
	.gridText
	{
		font-size: .9em;
		color: #000066;
		font-weight: bold;
	}
	
	a:link
	{
		color: #000066;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:active
	{
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
	}
	
	a:visited
	{
		color: #000066;
		text-decoration: none;
		font-weight: bold;
	}
	
	/* a:hover should be anything but white */
	a:hover
	{
		color: #006699;
		text-decoration: none;
		font-weight: bold;
	}
	
	.navlinks
	{
		padding-left: 10px;
		font-weight: bold;
	}
	
	div.navtable { margin-left: +2em; }
	div.page { text-align: center; }
	
	div.contentslist
	{
		margin-left: +1.5em;
		font-family: helvetica, arial, sans-serif;
	}
	
	p.cntsitem
	{
		margin-left: +1.75em;
		text-indent: -1.75em;
		margin-top: +0em;
		margin-bottom: +0.5em;
	}
	
	div.sub1 { margin-left: +2em; }
	div.sub2 { margin-left: +2em; }
	div.sub3 { margin-left: +2em; }
	
	td.topbanner
	{
		font-family: helvetica, arial, sans-serif;
		background: #ffffce;
	}
	
	.enumchron { font-style: italic; }
	span.pageno { font-weight: bold; }
	
	.printlink
	{
		font-family: helvetica, arial, sans-serif;
		font-style: italic;
	}
	
	.authtitle
	{
		margin-left: +2em;
		margin-right: +0em;
		margin-top: +0.5em;
		margin-bottom: +0.5em;
	}
	
	div.results p.authtitle
	{
		margin-left: +2em;
		margin-right: +0em;
		margin-top: +0.5em;
		margin-bottom: +0.5em;
	}
	
	div.results p.pageref
	{
		margin-left: +4em;
		margin-right: +0em;
		margin-top: +0.5em;
		margin-bottom: +1em;
	}
	
	.menu
	{
		color: #000066;
		font-family: helvetica, arial, sans-serif;
	}
	
	.compass
	{
		text-align: center;
		font-size: .9em;
		background-color: #dfd6ae;
	}
	
	.searchStr { color: #000066; }
}

@media print
{
	.maininside { width: 85%; }
}