/* Hapa J's default stylesheet */
* {
	margin:0;
	padding:0;
	}	
body {
	background-color:#940;
	background-image:url(../images/wood-speckled.jpg);
	background-position:50% 0%;
	font-family:Arial,san-serif;
	color:#230;
	}
hr {
	border:1px solid #986;
	border-top:0;
	border-bottom:1px solid #320;
	margin:20px 60px;
	}
h1, h2, h3, h4 {
	padding:0.5em 0;
	}
h2 {
	color:#f50;
	font-size:1.6em;
	}
h2[title]:before {
	display:block;
	color:#230;
	content:attr(title);
	margin:0 0 -1.25em;
	}
h3 {
	padding:2.0em 0 0;
	margin:0 0 0.5em;
	color:#230;
	border-bottom:1px dotted #fb9;
	}
h3[title]:before {
	display:block;
	color:#fb9;
	content:attr(title);
	margin:0 0 -1.24em;
	}
h4 {
	font-size:large;
	}
.caption {
	font-size:small;
	font-weight:bold;
	}
p {
	padding:10px 0;
	}
a {
	color:#690;
	text-decoration:none;
	}
/* a:visited, a:active {
	color:#675;
	} */
a:hover {
	color:#f50;
	}
#wrapper {
	background-color:#fff;
	margin:0 auto;
	width:700px;
	}
#hjL {
	position:relative;
	top:5px;
	left:-85px;
	float:left;
	}
#hjR {
	position:relative;
	top:5px;
	right:-95px;
	float:right;
	}
#nav {
	background-color:#ccc;
	background-image:url(../images/metal-brushed.jpg);
	background-attachment:absolute;
	background-position:top center;
	overflow:visible;
	padding:5px;
	}
a.navItem {
	display:-moz-inline-box;
	display:inline-block; /* Ignored by FF */
	font-size:1.5em;
	padding:0 8px;
	margin:0;
	}
a.navItem[alt]:before {
	display:block;
	color:#fff;
	content:attr(alt);
	margin:0 0 -1.2em;
	}
#navShadow {
	background-image:url(../images/nav-shadow.gif);
	background-repeat:repeat-x;
	background-attachment:relative;
	background-position:top left;
	}
#flowerL {
	background-image:url(../images/flower-bg-lt.gif);
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position:top left;
	}
#bottomShading {
	background-image:url(../images/bottom-shading.gif);
	background-repeat:repeat-x;
	background-attachment:relative;
	background-position:bottom right;
	}
#flowerR {
	background-image:url(../images/flower-bg-rb.jpg);
	background-repeat:no-repeat;
	background-attachment:relative;
	background-position:bottom right;
	}
#content {
	padding:40px 20px;
	min-height:400px;
	}
.centerdiv { /*IE method of centering a relative div*/
	width:100%;
	text-align: center;
	}
.centerdiv>div { /*Proper way to center a relative div*/
	margin: 0 auto;
	}
.off {
	display:none;
	}
.on {
	display:block;
	}
.pageButtons {
	display:block;
 	padding:0 0 20px;
	text-align:center;
	font-size:1em;
	}
.promo {
	display: block;
	width: 200px;
	}
.right {
	float: right;
	}
a.inactive {
	}
a.inactive:hover {
	color:#f50;
	}
a.active {
	color:#fb9;
	}
a.active[title]:before {
	display:block;
	color:#fff;
	content:attr(title);
	margin:0 0 -1.28em;
	}
a.inactive[title]:before {
	display:block;
	color:#230;
	content:attr(title);
	margin:0 0 -1.28em;
	}
a.inactive, a.active {
	display:-moz-inline-box;
	display:inline-block; /* Ignored by FF */
	padding:4px;
	font-weight:bold;
	text-decoration:none;
 	text-decoration:none;
	}