table {
	width:200px;
	font-family: Georgia, serif;
	font-size: 14px;
	color:black;
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;
	margin-bottom: auto;
	text-align: left;
	
}

.buffer_show{
	position: absolute;
	height: 250px;
	top: 5px;
	left:5%;
	z-index: 50;
	width: 90%;
	color:black;
	background-color: white;
	font-size: 12px;
	visibility:hidden;
}

#card_big,#card_one{
	z-index: 99;
	background-image: url(../images/cardbig.gif);
	background-repeat:no-repeat;
	cursor: pointer;
	text-align: center;
}

#card_one{
	position: absolute;
	width:450px;
	height:310px;
	left:50%;
	top:155px;
	margin-left:-225px;
}

#card_big hr,#card_one hr{
	font-weight: lighter;
	font-size: xx-small;
	line-height: 1px;
	width: 91%;
	}

#card_big h1,#card_one h1{
	font-size: 18px;
	color: #cc6600;
	margin-top: 15px;
	line-height: 50%;
	}

#bigleft{
	text-align:left;
	float:left;
	width: 150px;
	padding-left: 20px;
	}
#bigleft h4{
	color: #663300;
	font-size: 12px;
	text-align: left;
	}

#bigright{
	float:right;
	width: 250px;
	padding-right: 20px;
}
	

#bigright h2{
	font-size: 14px;
	color: #CC9900;
	text-align: left;
	}

#bigright h3{
	font-size: 12px;
	color: #663300;
	text-align: left;
	}

#bigright hr{
font-size: 1px;
width:100%;
}

#bigright a, #bigright h4{
	font-size: 14px;
	color: #CC0000;
	margin-bottom: 5px;
}
#bigright a:hover{
	color:#990000;
	text-decoration: none;
}
#bigleft a{
	font-size: 12px;
	}

#bottom_menu {
	position: absolute;
	width:250px;
	left:50%;
	margin-left:-125px;
	text-align: left;
	padding:20px;
	top: 130px;
	}

#bottom_menu a {
	display:block;
	text-decoration: underline;
	font-size:10px;
	font-weight: normal;
	padding-top:5px;
}

#bottom_menu a:hover{
	font-weight: bold;
}
#bottom_menu h1 {margin-bottom:1px;font-size:14px;color:#663300;}
#bottom_menu h2 {margin-bottom:1px;font-size:12px;color:#cc6600;}



#rollup{visibility: hidden;}
#rolldown{visibility: hidden;}

.cardinfo {
	height: 80%;
	width: 80%;
	padding: 10px;
	position: relative;
	top: 10px;
	text-align: center;
	}

.cardinfo .typ{
	font-size: 12px;
	font-weight: 900;
	margin:-10px 10px 10px 10px;
}	

.cardinfo img{
	float:left;
	margin:0 7px 5px -5px;
	}

.cardinfo .descrip{
	font-size: 12px;
	text-align: left;
	}	

.cardtip {
	font-size: 12px;
	font-weight:bold;
	}	

div.rounded-box {
	position:absolute;
	margin: 3px;
	background-color: #CCCC99;
	cursor: pointer;
	text-align:center;
}

div.crossv{
position:absolute;
left:20px;
height:100%;
width:80%;
}

div.crossh{
position:absolute;
top:20px;
height:80%;
width:100%;
}

/*********************
GLOBAL ATTRIBUTES
*********************/
div.tlc, div.blc, div.trc, div.brc{
position:absolute;
width:20px;
height:20px;
overflow:hidden;
background-color:  #E3E0CC; 
}

div.tli, div.bli, div.tri, div.bri {
position:relative;
font-size:150px;
font-family:arial;
line-height: 40px;
color:  #CCCC99; /* same as rounded-box bground*/ 
}

/*********************
SPECIFIC ATTRIBUTES
*********************/

div.tlc { top:0px; left:0px; }
div.blc {bottom:0px; left:0px;}
div.trc {top:0px; right:0px;}
div.brc {bottom: 0px; right:0px;}

div.tli {left:-8px;}
div.bli {left:-8px; top:-17px;}
div.tri {left:-25px;}
div.bri {left:-25px; top:-17px;}

/*********************
COLOURS FOR CARDS
*********************/

.chocolate{color: #663300;}

.teak {color: #7E3300;}

.latte {color: #996600;}

.burnt-orange{color:#cc6600;}

.rusty-gold{color:#cc9900;}

.adhead1{color:#FF6600;}/*orange*/
.adhead2 {color:#996600;}/*latte*/
.adhead3{color:#ffff81;}/*yellow*/
.adhead4{color:#CC00CC;}/*purplee*/
.adhead5{color:#615C37;}/*rain-forest*/
.adhead6{color:#cc9900;}/*rusty-gold*/
.adhead7{color:#CCFF33;}/*lime*/
.adhead8{color:#CC0000;}/*red*/