html {
	background: url(i/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
}

body
{
	/*background-color: #0080ff;*/
	font-family: arial, tahoma;
	font-size: normal;
	cursor: default;
	margin: 0;
}

hr
{
	border: 1;
	color: #303030;
}

a:link
{
	text-decoration: none;
}

a:vlink
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.header
{
	width: 100%;
	height: 26px;
	text-align: center;
	font-size: large;
}

.menuOut
{
	background: #ffffff;
	cursor: default;
}

.menuOver
{
	background: #ffdddd;
	cursor: pointer;
}

.blt
{
	background-image: url(blt.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 5px;
	height: 60px;
}

.bll
{
	background-image: url(bll.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 60px;
	height: 5px;
}

.blr
{
	background-image: url(blr.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 5px;
}

.blm
{
	background-image: url(blm.jpg);
	background-repeat: no-repeat;
	width: 5px;
	height: 5px;
}

.blb
{
	background-image: url(blb.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 5px;
}



.tabopt
{
	background: url(tab0.gif);
	font-family: Lucida Sans Unicode, tahoma;
	font-size: 16;
	width: 102px;
	height: 25px;
	text-align: center;
}
.tabsel
{
	background: url(tab1.gif);
	font-family: Lucida Sans Unicode, tahoma;
	font-size: 16;
	width: 102px;
	height: 25px;
	text-align: center;
}
.tablink
{
	text-decoration: none;
	color: #000000;
}
.tablink:hover
{
	text-decoration: underline;
	color: #0000BB;
}
.submenu
{
	background: #E0D24A;
	font-size: 12;
	width: 100%;
	height: 24px;
	border: 1px solid #596317;
}

.menuline	{ height: 24px; }
.blankline	{ height: 24px; }

.content	{ width: 100%; }
.contentleft
{
	width: 170px;
	height: 100%;
	border: 1px solid #596317;
	padding: 4px;
	background: #B0D048;
	font-size: 12px;
}
.contentright
{
	padding-left: 12px;
}
.textblock
{
	font-family: tahoma, Berlin Sans FB, arial;
	font-size: 12;
	border: 1px solid #596317;
	padding: 4px;
	background: #B0D048;
	width: 90%;
	filter: dropshadow(color=#596317, offx=5, offy=5, positive=true);
}
.textdiv
{
	width: 100%;
	text-align: center;
	height: 1;
	border-top: 1px dashed #114411;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}
.textblockend
{
	text-align: center;
	font-family: Berlin Sans FB, tahoma;
	font-size: 12;
	border: 1px solid #596317;
	padding: 4px;
	background: #E0D24A;
	width: 90%;
}
.texttitle
{
	font-family: Lucida Sans Unicode, tahoma;
	font-size: 18;
	color: #114411;
}
.textdate {}
blockquote { text-align: justify; }

.feature
{
	color: #114411;
	text-align: center;
	width: 100%;
	font-size: 18;
}
.featurecontent
{
	text-align: center;
	width: 100%;
	font-size: 10;
}
.mapshot
{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.mycomment
{
	color: #990000;
}
.gameshot
{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.bbox1
{
	position: absolute;
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=30);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.3;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.3;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.3;
}
.bbox2
{
	position: absolute;
	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=90);

	/* Older than Firefox 0.8 */
	-moz-opacity:0.9;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.9;
}
/*
 * Blue corners and borders
 */
.bc1
{
	background-image: URL(i/bc1.png);
	width: 13px;
	height: 13px;
}
.bc2
{
	background-image: URL(i/bc2.png);
	width: 13px;
	height: 13px;
}
.bc3
{
	background-image: URL(i/bc3.png);
	width: 13px;
	height: 13px;
}
.bc4
{
	background-image: URL(i/bc4.png);
	width: 13px;
	height: 13px;
}
.bb0
{
	background-color: #e0f5ff;
	text-align: center;
}
.bb1
{
	background-image: URL(i/bb.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e0f5ff;
}
.bb2
{
	background-image: URL(i/bb.png);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #e0f5ff;
}
.bb3
{
	background-image: URL(i/bb.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #e0f5ff;
}
.bb4
{
	background-image: URL(i/bb.png);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #e0f5ff;
}
/*
 * Green corners and borders
 */
.gc1
{
	background-image: URL(i/gc1.png);
	width: 13px;
	height: 13px;
}
.gc2
{
	background-image: URL(i/gc2.png);
	width: 13px;
	height: 13px;
}
.gc3
{
	background-image: URL(i/gc3.png);
	width: 13px;
	height: 13px;
}
.gc4
{
	background-image: URL(i/gc4.png);
	width: 13px;
	height: 13px;
}
.gb0
{
	background-color: #f0fff3;
	text-align: center;
}
.gb1
{
	background-image: URL(i/gb.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f0fff3;
}
.gb2
{
	background-image: URL(i/gb.png);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #f0fff3;
}
.gb3
{
	background-image: URL(i/gb.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #f0fff3;
}
.gb4
{
	background-image: URL(i/gb.png);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #f0fff3;
}
/*
 * Orange corners and borders
 */
.oc1
{
	background-image: URL(i/oc1.png);
	width: 13px;
	height: 13px;
}
.oc2
{
	background-image: URL(i/oc2.png);
	width: 13px;
	height: 13px;
}
.oc3
{
	background-image: URL(i/oc3.png);
	width: 13px;
	height: 13px;
}
.oc4
{
	background-image: URL(i/oc4.png);
	width: 13px;
	height: 13px;
}
.ob0
{
	background-color: #fffbf1;
	text-align: center;
}
.ob1
{
	background-image: URL(i/ob.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fffbf1;
}
.ob2
{
	background-image: URL(i/ob.png);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #fffbf1;
}
.ob3
{
	background-image: URL(i/ob.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #fffbf1;
}
.ob4
{
	background-image: URL(i/ob.png);
	background-repeat: repeat-y;
	background-position: left;
	background-color: #fffbf1;
}
/*
 * Colour buttons
 */
.btnB
{
	position: absolute;
	bottom: 10px;
	left: 30px;
	cursor: pointer;
}

.btnG
{
	position: absolute;
	bottom: 10px;
	left: 65px;
	cursor: pointer;
}

.btnO
{
	position: absolute;
	bottom: 10px;
	left: 100px;
	cursor: pointer;
}