/* hold div contains both scrolling content area and links in this example */
#pointBack {
	position:relative;
	width: 750px;
	z-index:100;
	background: #000000 url(../images/point_card_graphic.gif) no-repeat top right;
}
#subMenu {
	position: relative;
	overflow:hidden;
	height: 20px;
	width: 750px;
	z-index:199;
	background: #FFFFFF url(../images/amano_bar.jpg) top left repeat-y;
}
#subMenu a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
#subMenu a:hover {
	color:#FFFF99;
	text-decoration:underline;
}
#link1, #link2, #link3, #link4 {
	position:absolute;
	top:3px;
}
#link1 	{ left:223px}
#link2 	{ left:539px}
#link3 	{ left:470px}
#link4 	{ left:623px}

#pointCardContent {
	width: 615px;
	margin: 5px 0px 0px 5px;
	background: #F0E3C6 url(../images/point_card_signature_back.gif) repeat-y left;
}
#pointCardContent table{
	color: #000000;
	font-size: 11px;
	line-height: 140%;
}
#pointCardContent a:link, #pointCardContent a:visited, #pointCardContent a:active{
	color: #CC0000;
}
#pointCardContent a:hover {
	color: #FFFF66;
}
/* Styles for menu links */ 
#pointMenu {
	position: relative;
	overflow:hidden;
	height: 18px;
	width: 750px;
	left: 0px;
	top: 0px;
	z-index:199;
	background-color: #660000;
}

/* Styles for us content */  
h1 {
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 7px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 5px;
}
h4 {
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0px;
}
.rewards {
	float:right;
	padding:10px;
}