/* Klauterland - Stylesheet */
/* kd-main.css - 2007, v1.0 */

body {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-align: center;
	background-color: #110033;
	background-image: url(../images/kland-body.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-attachment: fixed;
}

img {
	border: 0px;
}

.fill {
	width: 100%;
	height: 100%;
}

.hide {
	background: transparent;
	display: none;
}

div#base {
	position: relative;
	top: 0px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

div#menu {
	position: relative;
	width: 600px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(../images/kland-transparant.gif);
	background-repeat: repeat;
}

table#menu_tabs {
	position: absolute;
	display: table;
	top: 5px;
	left: 5px;
	border: 0px;
	border-spacing: 5px;
}

table#menu_tabs tr {
	display: table-row-group;
}

tr.menu_opts td {
	display: table-cell;
	width: 100px;
	height: 15px;
	text-align: center;
	background-color: #442277;
}

tr.menu_opts td a {
	font-weight: bold;
}

tr.menu_subs td {
	display: table-cell;
	width: 100%;
	height: 10px;
	padding: 0px;
	text-align: center;
}

tr.menu_subs td a {
	font-weight: normal;
	font-size: 11px;
}

div#menu_home {
	position: absolute;
	top: 0px;
	right: 20px;
}

div#menu img {
	margin-top: 10px;
}

div#view {
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-color: #221144;
}

div#dock {
	position: relative;
	clear: both;
	top: 0px;
	width: 600px;
	height: 80px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/kland-transparant.gif);
	background-repeat: repeat;
}

table#dock_tabs {
	position: absolute;
	display: table;
	top: 10px;
	left: 10px;
	border: 0px;
	border-spacing: 10px;
}

table#dock_tabs tr {
	display: table-row-group;
}

table#dock_tabs tr td {
	display: table-cell;
	width: 160px;
	height: 30px;
	padding: 0px;
	font-weight: normal;
	font-size: 9pt;
	text-align: left;
	color: #221144;
}

table#dock_tabs tr td a {
	font-weight: normal;
	font-size: 9pt;
	color: #221144;
}

table#dock_info {
	position: absolute;
	display: table;
	top: 10px;
	right: 10px;
	border: 0px;
	border-spacing: 10px;
}

table#dock_info tr {
	display: table-row-group;
}

table#dock_info tr td {
	display: table-cell;
	width: 130px;
	height: 30px;
	padding: 0px;
	font-weight: normal;
	font-size: 9pt;
	text-align: right;
	color: #7755BB;
}

table#dock_info tr td a {
	color: #7755BB;
}

div#page {
	position: relative;
	top: 0px;
	left: 0px;
	width: 700px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

div#wrap {
	text-align: center;
}

div#main-content, div#main-content ul li,
div#main-content ul li a {
	width: 100%;
	text-align: center;
}

div#main-content ul li a img {
	margin-left: auto;
	margin-right: auto;
}

div#side {
	position: absolute;
	z-index: 1001;
	top: 0px;
	right: 0px;
	width: 140px;
	background-color: #221144;
}
	/* OTHER INTERACTIVE ELEMENTS */

a:link {
	color: #9999FF;
	text-decoration: none;
}

a:hover {
	color: #C00;
	text-decoration: underline;
}

a:visited {
	color: #AAAAFF;
	text-decoration: none;
}

a:active {
	color: #C00;
}

/* no border on img links */
a:link img, a:visited img {
	border-style: none;
}

/* trick to hide the border in Netscape 4 */
a img {
	color: white;
}

/* hide the next rule from Netscape 4 */
@media all {
	/* undo the color change above */
	a img {
		color: inherit;
	}
}



/* TEXT STYLES */

/* ns 4 */
th, td {
	font-family: sans-serif;
}

/* opera 3.50 */
dt, dd {
	margin-top: 0px;
	margin-bottom: 0px;
}

dt {
	font-weight: bold;
}

body {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #FFFFFF;
}

h1 {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	line-height: 1.5em;
	color: #EEEEEE;
	background: transparent;
	text-align: center;
}

h2 {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	line-height: 1.5em;
	color: #EEEEEE;
	background: transparent;
}

h3 {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #FFFFFF;
	background: transparent;
}

h4 {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
	color: #FFFFFF;
	background: transparent;
	text-align: center;
}

h5 {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 10pt;
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em;
	color: #FFFFFF;
	background: transparent;
	text-align: center;
}

h6 {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #FFFFFF;
	background: transparent;
	text-align: center;
}

li {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #FFFFFF;
	background: transparent;
	text-align: left;
}

p {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #FFFFFF;
	background: transparent;
}

p.copyright {
	font-size: small;
}

p.copyright small {
	font-size: small;
}

pre {
	margin-left: 0px;
}

/* navigator 4 requires this */
pre, code {
	font-family: monospace;
}

/* Mac NS has problem with 'none' */
ul.toc {
	list-style: disc;
	list-style: none;
}

td {
	font-family: "Helvetica", "Arial", "Geneva", "Swiss", "SunSans-Regular";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #FFFFFF;
	background: transparent;
}

.xar-articles-summary {
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #DDDDDD;
	background: transparent;
}

.xar-norm-outline {
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #DDDDDD;
}

.xar-accent {
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #DDDDBB;
}

/* PAGE READER SETTINGS */

@media aural {
	h1, h2, h3 {
		stress: 20;
		richness: 90;
	}
	.hide {
		speak: none;
	}
	p.copyright {
		volume: x-soft;
		speech-rate: x-fast;
	}
	dt {
		pause-before: 20%;
	}
	pre {
		speak-punctuation: code;
	} 
}