body { margin: 0px; padding: 0px; background: #eeeeee; color: black; }
body, td { font: 80% 'Geneva CY', 'Arial', sans-serif; }

img { border: none; }
.wf { width: 100%; }

/* layout */
table.layout { border-spacing: 0px; }
* html table.layout { border-collapse: collapse; }
table.layout td.layout { vertical-align: top; padding: 0px; }

table.layout td.menu {
	width: 20%;
	background: #8f62b0 url('./sh-l.gif') repeat-y;
}
table.layout td.menu div.layout { padding: 0px 0px 25px 15px; }
table.layout td.content { width: 50%; }
table.layout td.side { width: 30%; border-left: 1px solid #cccccc; }
table.layout td.hat { width: 80%; }


/* hat */

	/* kangaroo image */
	table.layout tr.hat td.menu div.layout { position: relative; }
	table.layout tr.hat td.menu div.t {
		padding-top: 0px; padding-left: 0px;
		background: url('./sh-t.gif') repeat-x;
	}
	table.layout tr.hat td.menu div.tl { height: 37px; background: url('./sh-tl.gif') no-repeat; }
	table.layout tr.hat td.menu img {
		position: absolute; top: -48px; right: -13px; z-index: 3;
		background: url('./kangaroo.png') no-repeat;
	}
	* html table.layout tr.hat td.menu img {
		background: none !important;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/kenguru/kangaroo.png', sizingMethod='crop');
	}
	
	/* logo and ads */
	table.layout tr.hat td.hat div.layout { margin: 25px 25px 12px 0px; }
	table.hat td.banner { text-align: right; padding-left: 15px; }


/* menu */
ul.menu { margin: 0px; padding: 0px; list-style: none; }
ul.menu { border-bottom: 1px solid #64447b; }
ul.menu ul.menu { border-bottom: none; }
ul.menu li { border-top: 1px solid #64447b; }

* html ul.menu a { width: 100%; }

ul.menu span.parent,
ul.menu span.selected,
ul.menu a { display: block; padding: 8px 20px; }
ul.menu ul.menu span.selected,
ul.menu ul.menu a { padding: 8px 20px 8px 30px; font-size: 90%; }
ul.menu ul.menu ul.menu span.selected,
ul.menu ul.menu ul.menu a { padding: 6px 20px 8px 40px; }

ul.menu span.parent,
ul.menu span.selected { font-weight: bold; }
ul.menu span.parent { padding: 0px; background: #a581c0; }
ul.menu span.selected { background: #c7b1d8; color: black; }
ul.menu a { text-decoration: none; }
ul.menu a:hover { background-color: #b191c8; }

ul.menu li,
ul.menu a { color: white; }


/* content */
table.layout tr.main td.content { background: white url('./sh-m.gif') repeat-y; }
table.layout tr.main td.side { background: white url('./sh-r.gif') repeat-y top right; }

table.layout tr.main td.content div.layout { margin: 10px 20px 25px 45px; }

/* side column */
table.layout tr.main td.side div.layout {
	margin: 10px 35px 10px 0px; padding: 0px 10px 15px 20px;
	border-top: 1px solid white;
}


	/* elements */
	td.content h1,
	td.side h1 {
		margin: 0px; position: relative; left: -10px; line-height: 1em;
		color: #662796; font-size: 300%; font-weight: normal;
	}
	td.content h2,
	td.side h2 {
		position: relative; left: -5px;
		margin: 0.4em 0px 0.4em 0px; line-height: 1em;
		color: #662796; font-size: 200%; font-weight: normal;
	}
	td.content h2 { margin-top: 1em; }
	td.content h3,
	td.content h4,
	td.content h5 {
		position: relative; left: -5px;
		margin: 0.4em 0px 0.3em 0px;
		color: #662796; font-size: 150%; font-weight: normal;
	}
	td.content h4 { font-size: 120%; }
	td.content h5 { font-size: 100%; }
	td.side h3 {
		position: relative; left: -5px;
		margin: 1.4em 0px 0.2em 0px; line-height: 1em;
		color: #57a941; font-size: 120%; font-weight: normal;
	}

	td.content p,
	td.side p { margin: 0px 0px 1em 0px; }
	td.content p.article-info,
	td.side p.article-info { font-size: 80%; margin-bottom: 0.6em; }
	td.content p.more,
	td.side p.more { text-align: right; }
	td.content p.link,
	td.side p.link { margin-bottom: 0.3em; }

	table.rates td { vertical-align: bottom; padding: 0px 10px 0.4em 0px; }
	table.rates td.price { text-align: right; padding-right: 0px; }

	table.contents td { padding: 6px 0px 1px 0px; vertical-align: bottom; }
	table.contents td.article { background: url('./contents-bg.gif') repeat-x bottom right; }
	table.contents td.article span { background: white; padding-right: 2px; }
	table.contents td.page { text-align: right; background: url('./contents-bg.gif') repeat-x bottom left; }
	table.contents td.page span { background: white; padding-left: 2px; }

	table.contents h3 { width: auto; font-size: 120%; color: #57a941; border-bottom: 1px solid #90e279; margin: 1em 0px 0px 0px; }
	table.contents h4 { font-size: 100%; margin: 0.4em 0px 0px 0px; }

	td.content p.small-margin { margin-bottom: 0.6em; }
	td.content ul { margin: 0.6em 0 1.2em 0; }
	td.content ul li { margin-bottom: 0.6em; }
	td.content li h4 { left: 0; position: static; margin-bottom: 0; }
	td.content li h4 big { font-size: 120%; }

/* end */
table.layout tr.end td.menu,
table.layout tr.end td.content,
table.layout tr.end td.side {
	background-image: url('./sh-b.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
}
table.layout tr.end td.content,
table.layout tr.end td.side {
	border-left: none;
	background-color: white;
}
table.layout tr.end td.menu div.layout,
table.layout tr.end td.content div.layout,
table.layout tr.end td.side div.layout { height: 14px; padding: 0px; font-size: 1px; }

table.layout tr.end td.menu div.layout { background: url('./sh-bl.gif') no-repeat; }
table.layout tr.end td.content div.layout {
	position: relative; left: -7px; z-index: 10;
	background: url('./sh-bm.gif') no-repeat;
}
table.layout tr.end td.side div.layout {
	background: url('./sh-br.gif') no-repeat top right;
}

tr.copyright { color: #666666; }
tr.copyright div.layout { margin: 10px 0px 0px 40px; }
tr.copyright h4 { margin: 0px 0px 0.3em 0px; }
tr.copyright p { margin: 0px 0px 1.5em 0px; }