/*** The Essential Code ***/

body {
	min-width: 800px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#container {
	padding-left: 200px;      /* LC fullwidth */
	padding-right: 190px;     /* RC fullwidth + CC padding */
}

#container .column {
	position: relative;
	float: left;
}

#center {
	padding: 10px 20px;       /* CC padding */
	width: 100%;
}

#left {
	width: 170px;             /* LC width */
	padding: 0 10px;          /* LC padding */
	right: 240px;             /* LC fullwidth + CC padding */
	margin-left: -100%;
}

#right {
	width: 150px;             /* RC width */
	padding: 0 10px;          /* RC padding */
	margin-right: -100%;
}

#footer {
	clear: both;
}

/*** IE Fix ***/
* html #left {
	left: 150px;              /* RC fullwidth */
}

/*** Equal-height Columns ***/

#container {
	overflow: hidden;
}

#container .column {
	padding-bottom: 1001em;     /* X + padding-bottom */
	margin-bottom: -1000em;     /* X */
}

/*** Footer Fix ***/

* html body {
	overflow: hidden;
}

* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #FFF;         /*** Same as body background ***/
}

/*** Just for Looks ***/

body {
	margin: 0;
	padding: 0;
	background: #FFF;
	font-size: 11pt;
}

#header {
	/* Original 
	font-size: large;
	text-align: center;
	padding: 0.3em 0;
	background: #999;
	*/
	
	/* Background */
	background-image: url('/header.bmp');
	background-repeat: repeat;
	/* background-position: top left; */
	/* position: relative; */

	/* Overall */
	height: 128px;
	
	/* Text */
	font-family: "lucida calligraphy","monotype corsiva",cursive,fantasy,sans-serif;
	font-size: 16pt;
	text-align: center;
	color: rgb(255,255,255);
	font-weight: bold;
	
	/* Border */
	border-left:   1px none  #fff; 
	border-right:  1px none  #fff; 
	border-top:    1px none  #fff; 
	border-bottom: 1px solid #fff;
	
}

#footer {
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	color: rgb(255,255,255);
	padding: 0.3em 0;
	background-image: url('/header.bmp');
	/* background: rgb(182,218,240); */
}

#left {
	background: RGB(255,255,223);
	font-family: sans-serif;
	text-align: left;
	color: RGB(0, 0, 0);
}

#left h2
{
	font-size: 125%;
	text-align: center;
	color: RGB(64, 64, 255);
}

#center {
	background: RGB(255,255,255);
	font-family: sans-serif;
	color: RGB(0, 0, 0);
}

#center h1 {
	color: RGB(64, 64, 255);
	font-size: 150%;
}

#center h2 {
	color: RGB(64, 64, 255);
	font-size: 125%;
}

#right {
	/* background: RGB(240,240,240); */
	background: RGB(255,255,223);
	font-family: sans-serif;
	text-align: left;
	color: RGB(0, 0, 0);
}

#right h2
{
	font-size: 125%;
	text-align: center;
	color: RGB(64, 64, 255);
}

#container .column {
	padding-top: 1em;
	text-align: left;
}

<style type="text/css"><!--
a.boxpopup3{position:relative;
	z-index:24;
	color:#046;
	border-bottom:thin dotted #046;
	text-decoration:none}
a.boxpopup3:hover{z-index:25; background-color:#FF0}
a.boxpopup3 span{display: none}
a.boxpopup3:hover span{ /*DISPLAYS ONLY ON HOVER*/
	display:block;
	/* position:absolute; */
	position:relative;
	top:-20em; left:30; width:12em;
	padding:.3em;
	border:2px outset #BBB;
	color:#000; background:#FF9;
	text-align:center;}
-->
</style>


.tip {
	font:10px/12px
	Arial,Helvetica,sans-serif; 
	border:solid 1px #666666; 
	width:270px; 
	padding:1px;
	position:absolute; 
	z-index:100;
	visibility:hidden; 
	color:#333333; 
	top:20px;
	left:90px; 
	background-color:#ffffcc;
	layer-background-color:#ffffcc;
}