body { background: url("../image/back.png") #ffffff; background-repeat: repeat-x;  margin:0px; padding:0px;font-family:calibri,"Trebuchet MS",arial; }

.carousel { background-color : #ffffff; }
.carousel li { width:173px; height:112px; }

/* Cell backgrounds */ 
.b_grey  { background-color : #dfdfdf; }
.b_purple  { background-color : #a97ec1; }
/* Cell paddings */ 
.b_pad1 {padding:1px;}
.b_pad5 {padding:5px;}
.b_pad7 {padding:7px;}
.b_pad10 {padding:10px;}
.b_pad15 {padding:15px;}

.b_info {padding-left:25px;padding-right:25px;}
/* Text colours */ 
.t_white, .t_white a  { color : #ffffff; }
.t_grey, .t_grey a  { color : #808080; }
.t_black, .t_black a  { color : #000000; }
.t_purple, .t_purple a  { color : #8a68ad; }
/* Text sizes */ 
.t_five 				{font-size:1.8em;}
.t_five a				{text-decoration:none;}
.t_five a:hover	{text-decoration:underline;}
.t_four 				{font-size:1.45em;}
.t_four a				{text-decoration:none;}
.t_four a:hover	{text-decoration:underline;}
.t_three				{font-size:1.15em;}
.t_three a			{text-decoration:none;}
.t_three a:hover	{text-decoration:underline;}
.t_two					{font-size:0.95em;}
.t_two a				{text-decoration:none;}
.t_two a:hover	{text-decoration:underline;}
.t_one					{font-size:0.75em;}
.t_one a				{text-decoration:none;}
.t_one a:hover	{text-decoration:underline;}

/*---------- centered button ----------*/
.btnC { display: block; position: relative; background: #aaa; padding: 5px; margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url('../image/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC span,
* html .btnC i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }

.btnC.blue { background: #a97ec1; }
.btnC.green { background: #9d4; }
.btnC.lime { background: #bbce00; }
.btnC.pink { background: #e1a; }
.btnC:hover { background-color: #a00; color: #fff; }
.btnC:active { background-color: #444; color: #fff; }
.btnC[class] {  background-image: url('../image/btn.png'); background-position: bottom; }

* html .btnC { border: 3px double #aaa; }
* html .btnC.blue { border-color: #a97ec1; }
* html .btnC.green { border-color: #9d4; }
* html .btnC.lime { border-color: #bbce00; }
* html .btnC.pink { border-color: #e1a; }
* html .btnC:hover { border-color: #a00; }

#panel {
	height: auto;
	width: 500px;
	margin:auto;
	display: none;
	padding:20px;
	}
	
.panel_table {
	width:100%;
	background: #ffffff;
	border: solid 10px #a97ec1;
}
.panel_table td{
	padding:10px;
}

#panel2 {
	height: auto;
	width: 500px;
	margin:auto;
	display: none;
	padding:20px;
	}
	
.panel2_table {
	width:100%;
	background: #ffffff;
	border: solid 10px #a97ec1;
}
.panel2_table td{
	padding:10px;
}