BODY {
	background:url(images/bg.png) repeat-x;	
	font: 13px/10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

#main-div {
	position: absolute;
	/*border:thin dotted #666;*/
	top: 50%;
	left: 50%;
	width: 35em;
	height: 18em;
	margin-top: -9em; /*always take 1/2 from the size of the height, they have to be negative*/
	margin-left: -18em; /*always take 1/2 from the size of the width, they have to be negative*/
}

#leftCol 		{ float:left; margin-top:10px; width:50%; border-right:thin dotted #336;}
#leftCol h3		{ height:100px;}

#rightCol		{ float:right; margin-top:10px; width:49%;}
#rightCol h3	{ height:100px;}

#foot			{ float:left; margin-top:10px; padding-top:10px; width:100%; height: 2em; border-top:thin dotted #333; font:9px/10px Verdana, Arial, Helvetica, sans-serif;}

.s1{font-family:Tahoma; font-size:10px;  color: #036; text-decoration:none}
.s1 a{font-family:Tahoma; font-size:10px;  color: #036; text-decoration:underline}
.s1 a:hover{font-family:Tahoma; font-size:10px; color: #900; text-decoration:none}