/* When a style is define for both an ID and a tag or class, */
/* you can split out the id to define it differently.        */
html { 
    scroll-behavior: smooth; 
}
/* Body */
body {
	margin:0px;
	padding:0px;
	background-color:#FFFFCC;
	text-align:center;
	color:Yellow;
	background-size: 100% 100% ;
	background-image: url(/patterns/library-01.jpg) ;
	background-attachment: fixed ;
	background-position: 50% 50% ;
	background-repeat: no-repeat
}

/* Page Title */
H1,
#page_title { 
	font-family:Arial, Helvetica;
	color:Yellow;
	font-size:35px;
	text-align:center;
    padding-top: 20px;
	line-height:50px;
	margin: 0px;
	margin-bottom:1px;
}
/* Main Area */
.mainarea, 
#mainarea {
	margin-left:auto;
	margin-right:auto;
	padding-left:22px;
	padding-right:22px;
}
/* Menu Area */
#menuarea {
	margin-left:auto;
	margin-right:auto;
    text-align: center;
}


/* "Current Page" menu link, optional */
#linksarea a.ivCP,#linksarea a:link.ivCP,#linksarea a:visited.ivCP,#linksarea a:active.ivCP,#linksarea a:hover.ivCP,
.ivCP{ background: #BCB18E; color: #eee; }


/* Text Area */
.textarea {
	font-size:12px;
	color:#FFFF00;
	font-family:Arial, Helvetica;
	padding-left:22px;
	padding-right:22px;
	width:946px;
	width:expression('946px');
}



/* Bottom buffer */

#bottombuffer{
	width:100%;
	height:22px;
	clear:both;
}

#date td{
	font-family:Arial, Helvetica;
	text-align: left;
	font-size: 18px;
   }