Team:Kyoto/Style

<html>
	<head>
		<style type="text/css">
		<!--
		/* Reset Style ********************************************/
			#kyoto *
			{
				margin: 0em;
				padding: 0em;
				font: 1em/1em sans-serif;
			}
		/* Header *************************************************/
			#logo /* Logo Image */
			{
				text-align: center;
				margin: 1em 0em;
			}
			#lastmodified /* Last Modified Date */
			{
				font-weight: bold;
				font-size: 1.2em;
			}
		/* Menu ***************************************************/
			#menu
			{
				padding: 0.5em 0em 4em;
				position: relative;
				width: 100%;
			}
			#menu *
			{
				color: white;
				text-decoration: none;
			}
			#menu .selflink
			{
				font-weight: bold;
			}
			#menu div
			{
				float: left;
				width: 6em;
				padding: 0.5em 0em;
				font-size: 1.4em;
				text-align: center;
				background: #aaaaaa;
			}
			#menu ul
			{
				position: absolute;
				top: 2.8em;
				left: 0em;
				background: #84a2d4;
				width: 100%;
				display: none;
			}
			#menu li
			{
				float: left;
				padding: 0.5em 1em;
				background: transparent;
				display: inline;
			}
			#menu li .new
			{
				visibility: hidden;
			}
		/* Body ***************************************************/
			#body
			{
				padding: 0em 2em;
				font-size: 1.2em;
				line-height: 1.5em;
			}
			#body h2
			{
				margin: 1em -1em 0.2em;
				padding: 0.1em;
				border-bottom: 1px solid #aaaaaa;
				position: relative;
			}
			#body h2 .mw-headline
			{
				font-size: 1.6em;
			}
			#body h3
			{
				margin: 0.5em -0.5em 0.2em;
			}
			#body h3 .mw-headline
			{
				font-size: 1.2em;
			}
			#body p
			{
				padding: 0em 0em 0.5em;
				line-height: 1.5em;
			}
			#body th, #body td
			{
				padding: 0.5em;
				line-height: 1.5em;
			}
			#body ul, #body ol
			{
				padding: 0em 0.5em 1em;
				list-style: none;
			}
			#body li
			{
				padding: 0.5em;
			}
		-->
		</style>
	<!--[if IE 6 ]>
		<script type="text/javascript" src="http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js"></script>
		<script type="text/javascript"> DD_belatedPNG.fix('img'); </script>
	<![endif]-->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script type="text/javascript">
		<!--
			$(document).ready(function()
			{
				$("#menu div:has(.selflink)").css("background","#84a2d4").next().show();
				$("#menu ul:has(.selflink)").show().prev().css("background","#84a2d4");
				$("#menu div")
				.mouseover(function()
				{
					$("#menu ul").hide();
					$("#menu div").css("background","#aaaaaa");
					$(this).next().show();
					$(this).css("background","#84a2d4");
				});
			});
		//-->
		</script>
	</head>
</html>