body {
	background-color:#ffe;
	padding:0;
	margin:0;
	text-align:center;
	}
body, p, div, li, blockquote {
	font:12pt verdana;
	}
a {
	text-decoration:none;
	color:#f00;
	}
a:hover {
	color:#00f;
	}

/* Here is the special list bullet */
ul, li {
	list-style-image:url(button.png);
	}

/* Here's the logo trick...
	this next bit hides the text header */
#logo h1 {
	display:none;
	}
/* This part sets the "logo" area to the size of
	the image, then uses the image in the background */
#logo {
	width:450px;
	height:150px;
	margin:1em auto 1em 16.5%;
	padding:0;
	text-align:left;
	background-image:url(buttonnose.png);
	background-repeat:no-repeat;
	}

#content {
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#eef;
	border-top:#000 12px solid;
	border-bottom:#000 12px solid;
	}
#leftflush {
	margin:0 auto 0 auto;
	padding:1em;
	width:600px;
	text-align:left;
	}

/* Here's some CSS to use for image navigation */
#navigation {
	margin:0 auto 0 auto;
	width:200px;
	height:100px;
	text-align:center;
	}
#navigation span {
	display:none;
	}
#perm span, #fornow span {
	display:inline;
	}

#first, #prev, #next, #last, #xfirst, #xprev, #xnext, #xlast {
	width:48px;
	height:48px;
	float:left;
	}

#first {
	background-image:url(first.png);
	}
#prev {
	background-image:url(prev.png);
	}
#next {
	background-image:url(next.png);
	}
#last {
	background-image:url(last.png);
	}

#xfirst {
	background-image:url(xfirst.png);
	}
#xprev {
	background-image:url(xprev.png);
	}
#xnext {
	background-image:url(xnext.png);
	}
#xlast {
	background-image:url(xlast.png);
	}