BODY {
	scrollbar-base-color: #CCCC9;
	scrollbar-arrow-color: #666633;
	scrollbar-DarkShadow-Color: #9999CC;
	margin:10px 10px 0px 10px;
	padding:0px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
#leftcontent {
	position: fixed;
	left:12px;
	top:100px;
	width:150px;
	background:#fff;
	overflow: auto;
	height: 475px;
	z-index:0;
		}
#leftcontentpainting {
	position: absolute;
	left:10px;
	top:90px;
	width: 155px;
	background:#fff;
	overflow: hidden;
	height: 450px;
	z-index:5;
			}
#centercontent2 {
		background:#fff;
		border:1px solid #000;
		margin-top:15px;
   		margin-left:410px;
   		margin-right:190px;
		z-index:10;
		}
html>body #centercontent2 {
   		margin-left: 610px;
   		margin-right:190px; 
		z-index:10;
		}
.centercontent {
		
		top: 105px;
		position: relative;
		background:#fff;
		margin-top:15px;
   		margin-left:160px;
   		margin-right:185px;
		padding:3px;
		}
#centercontent {
		
		top: 105px;
		position: relative;
		background:#fff;
		margin-top:15px;
   		margin-left:160px;
   		margin-right:175px;
		padding:3px;
		}
html>body #centercontent {
   		margin-left:160px;
   		margin-right:190px;
		}
#centercontentNoBorder {
		background: none;
		border: none;
		margin-top:15px;
   		margin-left:160px;
   		margin-right:190px;
		}
html>body #centercontentNoBorder {
   		margin-left:160px;
   		margin-right:190px;
		z-index:10;
		}
#rightcontent {
		position: absolute;
		right:10px;
		top:100px;
		width:180px;
		background:#fff;
		clear:both;
		z-index:-1;
		}
.rightcontent2 {
		position: absolute;
		margin-top:20px;
		width:180px;
		background:#fff;
		clear:both;
		}	
#rightcontent2 {
		position: absolute;
		margin-top:20px;
		width:180px;
		background:#fff;
		clear:both;
		}
		
#banner {		
		position: fixed;
		width: 98%;
		background-image:url(../images/titlebackground.gif);	
		background-repeat: repeat-x;
		height:75px;
		z-index:20;
		
		}

html>body #banner {
		height:75px;
		}
		
		.bl {background: url(../images/curves/bl.gif) 0 100% no-repeat}
		.br {background: url(../images/curves/br.gif) 100% 100% no-repeat}
		.tl {background: url(../images/curves/tl.gif) 0 0 no-repeat}
		.tr {background: url(../images/curves/tr.gif) 100% 0 no-repeat; padding:10px}
		.t  {background: url(../images/curves/dot.gif) 0 0 repeat-x}
		.b {background: url(../images/curves/dot.gif) 0 100% repeat-x}
		.l {background: url(../images/curves/dot.gif) 0 0 repeat-y}
		.r {background: url(../images/curves/dot.gif) 100% 0 repeat-y}
	
p,pre {
		margin:0px 10px 10px 10px;
		}
		
h1 {
		font-size:120%;
		
		}
h2 {
		font-size:110%
	}
h5 {
	font:60 px; "Arial Black", Gadget, sans-serif; #FFF;
}
#banner h5 {
		font:"Comic Sans MS", cursive;
		COLOR:#FFF;
		font-size:45px;
		margin:0px;
		z-index:5;
		}
	
#rightcontent p {
		font-size:10px
		}
	
.clearit{
	clearit: both;
}
#nav{
	border: 0px solid #000000;
}
#nav ul{
	padding: 0;
	margin: 0;
	background-color:#CCCC99;
}
#nav ul li{
	display: inline;
	padding: 0;
	margin: 0;
}
#nav ul li a{
	font-size: 80%;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 0 25px 0 25px;
	border-right: 1px solid #666699;
	text-align: center;
	width: 9em;
} 
#nav ul li a:hover, #nav ul li a:focus{
	background-color: #CCCC99;
}
.leftimage{
	float: left;
	margin-right: 10px;
	border: 1px solid #000000;
}

.rightimage{
	float: right;
	border: 1px solid #000000;
}
#thumbnail(old) {
	position: static;
	width: 105px;
	height: 105px;
	float:left;
	background-color: #000000;
}
.thumbnail img{
	margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: fixed;	
	background-color: white;
	left: -500px;
	visibility: hidden;
	text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	left: 20px; /*position where enlarged image should offset horizontally */
	top: 60px;
	z-index: 50;
}