/* General ---------------------------------------- */
	html {
		border: 0;
		margin: 0;
		}
	body {
		background-color: #acaa86;
		text-align: center;	/* Win IE 5 Hack */
		margin: 0;
		padding: 10px 0px 30px 0px;
		}
		
/* layout styles ---------------------------------------- */

	#page { /* xxx */
		width: 1000px;
		text-align: left; 
		padding: 0 0;
		margin-left: auto;
		margin-right: auto;
		}
				
	#topnav {
 		clear: both;
 		background: #fce8ac;
		width: 1000px;
		height: 1.5em;
		text-align: right; 
		margin: 0 0;
		}

	#header {
 		clear: both;
		width: 1000px;
		height: 80px;
		background: url(../images/page/header.gif) no-repeat;
		margin: 0 0;
		}

	#navigation {
		width: 185px;
		background: url(../images/page/leftcol_top.jpg) no-repeat;
		margin-bottom: 30px;
		}

	#main {
		background: url(../images/page/pagetile.jpg) repeat-y;
		float: left;
		width: 1000px;
		margin: 0 0;
		}

	#mainprint {
		background: #fff;
		float: left;
		width: 1000px;
		min-height: 200px;
		margin: 0 0;
		}
			
	
/* leftBar Navigation---------------------------------------- */
	#leftbar {
		clear:left;
		float: left;
		width: 185px;
		}
		
		
 /* CONTENT ---------------------------------------- */
 
	#content { /* xxx  */
		float: left;
		padding: 0px 0 20px 0px;
		width: 590px;
		}

	#mainprint #content { /* xxx  */
		padding: 0px 0 20px 0px;
		width: 780px;
		}


	#sidebar { /* xxx  */
		float: left;
		background: url(../images/page/rightcol_top.jpg) no-repeat;
		padding: 0px 0px 0px 0px;
		width: 225px;
		height: 350px;
		}
		
	div.sidesquish { /* xxx  */
		width: 160px;
		}
	

/* original project gallery styles ---------------------------------------- */
/* REPLACED MARCH 2011 SEE BELOW ---------------------------------------- */

body.gallery {
		background-color: #ffe;
		text-align: center;	/* Win IE 5 Hack */
		margin: 0;
		padding: 0px;
	}
	
body.gallery #page {
		background: url(../images/page/gallerytile.jpg) repeat-y;
		border: 1px solid #565c61;
		height: 350px;
		width: 1000px;
		padding: 0 0;
		margin-left: auto;
		margin-right: auto;
		}
				
body.gallery #page #content { /* xxx  */
		padding: 28px 0 20px 0px;
		width: 610px;
/*		background-color: #600;
*/		height: 330px;
	}

body.gallery #page #sidebar { /* xxx  */
		float: left;
		/*background: url(../images/page/rightcol_top.jpg) no-repeat;*/
		padding: 0px 0px 0px 0px;
		width: 225px;
		height: 350px;
	}


/* NEW jQuery project gallery styles (March 2011)---------------------------------------- */

body #page.gallery #main {
		background: url(../images/page/gallerytile2.jpg) repeat-y;
		float: left;
		width: 1000px;
		margin: 0 0;
		}


				
body #page.gallery #content { /* xxx  */
		padding: 28px 0 20px 0px;
		width: 815px;
		min-height: 800px;
	}







/* page footer ---------------------------------------- */
	#footer {
		clear: both;
		background: #fff;
		width:1000px;
		color: #555;
		text-align: left; 
		margin-left: auto;
		margin-right: auto;
		padding: 6px 0;
		border-top: 1px solid #565c61;
		}
		
/* deal with variations of auto-date display in the footer ---------------------------------------- */
	span.aspdate { display:none;}	
	body.asp span.phpdate { display:none;}
	body.asp #footer p.copyright span.aspdate { display:inline;}

	#info {
		width:590px;
		padding: 0em 0 10px 185px;
		}

/* special purpose ---------------------------------------- */
	img.directions_space {
		clear: both;
		width:400px;
		height: 6em
		}
		

		
/* end layout styles ---------------------------------------- */