@charset "utf-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height: 100%;
	width: 100%;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #633;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
a {
  outline:none;
}
:focus {
  -moz-outline-style:none;
}
a:link {
	color: #669;
}
a:visited {
	color: 669;
}
a:hover {
	color: #99F;
}
a:active {
	color: 669;
}
html {
	scrollbar-face-color: #ABABD6;
	scrollbar-arrow-color: #FFF;
	scrollbar-track-color: #FFF;
	scrollbar-shadow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-Color: #ABABD6;
}
#Header {
	background:url(assets/Header.png) repeat;
	border:none;
	height:25px;
	margin:0px;
	padding:0px;
	position:fixed;
	text-align:center;
	top:0px;
	width:100%;
	z-index:6;
}
#timezone {
	height:25px;
	left:auto;
	position:relative;
	right:auto;
	top:0px;
	width:100%;
	z-index:10;
}
.timezone {
	color: #FFF;
	font: 11px Arial, Helvetica, sans-serif;
}
#BorderPendant {
	height: 213px;
	width: 100%;
	position: fixed;
	top: 0px;
	background: url(assets/BorderPendant.png) repeat-x center;
	z-index: 5;
}
#container {
	width: 795px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	position: relative;
	height: auto;
	}
#mainContent {
	padding: 150px 10px 0;
	text-align: left;
	line-height: 1.5;
	margin-top: 0px;
	color: #669;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.pageHeading {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-large;
	border-bottom:dotted;
	border-bottom-width:thick;
	color: #669;
	text-align:center;
	display:block;
	padding: 0px 200px 0px 200px;
}
.p {
	text-align:left;
	color: #669;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	padding: 0px 5px 0px 5px;
}
.poemContainer {
	border-color:#669;
	border-top:none;
	border-style:none dashed dashed dashed;
	border-width:medium;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#669;
	padding:0px 0px 0px 0px;
	text-align:center;
	vertical-align:top;
	z-index:4;
}
.poemTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#669;
	text-align:center;
}
.humourContainer {
	border-color:#669;
	border-top:none;
	border-style:none none dashed none;
	border-width:medium;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#669;
	padding:0px 0px 0px 0px;
	text-align:justify;
	vertical-align:top;
	z-index:4;
}
.travelContainer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#669;
	padding:0px 0px 0px 0px;
	text-align:justify;
	vertical-align:top;
	z-index:4;
}
#JKLogo {
	background:url(../jankeithlogo.png);
	background-repeat:no-repeat;
	bottom:130px;
	left:10px;
	width:106px;
	height:89px;
	position:fixed;
	z-index:1;
}
#JKLogoOther {
	background-image:url(../jankeithlogo.png);
	background-repeat:no-repeat;
	bottom:20px;
	left:10px;
	width:106px;
	height:89px;
	position:fixed;
	z-index:1;
}
#BorderFeathers {
	background: url(assets/BorderFeathers.png) repeat-x center;
	bottom: -18px;
	height: 160px;
	position: fixed;
	width: 100%;
	z-index: 5;
}
#wallpaperPoetry {
	height: 100%;
	width: 100%;
	position: fixed;
	bottom: 10px;
	background: url(assets/wallpaperPoetry.png) no-repeat right bottom;
	z-index:-5;
}
#wallpaperMusic {
	height: 100%;
	width: 100%;
	position: fixed;
	bottom: -30px;
	background: url(assets/wallpaperMusic.png) no-repeat right bottom;
	z-index:-5;
}
#wallpaperTravel {
	height: 100%;
	width: 100%;
	position: fixed;
	bottom: 10px;
	background: url(assets/wallpaperTravel.png) no-repeat right bottom;
	z-index:-5;
}
#wallpaperFood {
	height: 100%;
	width: 100%;
	position: fixed;
	bottom: 10px;
	background: url(assets/wallpaperFood.png) no-repeat right bottom;
	z-index:-5;
}
.smallprint {
	font-size:12px;
}
.showhidecontent {
	color:#999;
	font-size:11px;
}