body {
	background: white;
	color: black;
	font-size: small
}

a:hover {
	background: #ffa;
}
a:link {
	color: #0066CC
}
a:visited {
	color: #666666
}
a:active {
	color: #CC3300
}

h1, h2, h3, h4, h5, h6 { text-align: center }
h1, h2, h3 { background: transparent }
h1 {
	color: #005A9C;
	font-size: 170%;
}
h2 {
	color: #339999;
	font-size: 140%;
}
h3 {
	color: #339966;
	font-size: 120%;
}
h4 {
	font-weight: bolder;
}
h5 {
	font-style: italic;
}
h6 {
	font-variant: small-caps;
}

div.footer {
	font-size: xx-small;
	margin-top: 4em;
	text-align: center
}

div.header {
	background-image: url(images/kfcloud.jpg);
	background-repeat: repeat-x;
	padding: 0.5em;
	height: 108px;
	text-align: center;
	z-index: 1;
}

img.logo {
	float: left
}

div.header div.divider {
	clear: both
	z-index: 2;
}

div.title {
	color: #008000;
	font-size: x-large;
	font-style: italic;
	z-index: 3;
}

div.menu {
	background-color: #FFE9D2;
	border-style: double;
	color: inherit;
	font-size: x-small;
	line-height: 150%;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right
}

div.header div.menu {
	clear: both;
	text-align: center
}

div.forumContents {
	font-size: x-small
}

div.search table td {
	font-size: x-small
}

/* hint and alt-hint are for paragraphs that are like "sticky notes" */

.hint, .alt-hint {
  width: 14em;
  padding: 1em;
  color: #000;
  background: #CFC;
  font-style: ;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.hint {
  float: right;
  text-align: right;
  margin-left: 1em;
  margin-right: 0;
}

.alt-hint {
  float: left;
  /* margin-left: -6%; This doesn't work in IE 5 :-( */
  text-align: left;
  margin-left: 0;
  margin-right: 1em;
}

.hint ul, .hint ol {
  /*text-align: left;*/
  margin-left: 0;
  list-style-position: inside;
}

.hint li {
  margin-left: 0;
}

.hint em, .alt-hint em {
  font-style: normal;
}

.hint em em, .alt-hint em em {
  font-style: italic;
}

/* Use nohint for what should be displayed if the UA doesn't support hints */
.nohint {
  display: none;
}