.i0 {height:1px;}
.i1 {height:25px;}
.j0 {width:1px;}
.j1 {width:25px;}
.bord {background-color:gray; padding:0px;}
.vide {padding:0px;}
.r1 {background-image:url('images/r1.png');}
.r2 {background-image:url('images/r2.png');}
.r3 {background-image:url('images/r3.png');}
.r4 {background-image:url('images/r4.png');}
.f1 {background-image:url('images/f1.png');}
.f2 {background-image:url('images/f2.png');}
.but {background-image:url('images/but.png');}
.ricochet {border-collapse:collapse; background-color:#fffff1}

#container {
	position: relative;
	width: 600px;
	margin: 3em auto;
	text-align: left;
}
#container * {
	margin: 0;
	padding: 0;
}
#container div#menu, #container ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
 text-align: center;
}
#container div#menu span, #container ul#menu li {
	display: inline-block;
	border: 1px solid #DDDDDD;
}
<!--[if IE]>
#container div#menu span, #container ul#menu li {
	display: inline;
 float: left;
	width: 75px;
}
<![endif]-->

#container div#menu span a, #container ul#menu li a {
	text-align: center;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 25px;
	text-decoration: none;
}
#container div#menu span a img, #container ul#menu li a img {
	border: none;
	margin-left: 10px;
	margin-right: 10px;
}
#container div#menu span a:hover, #container ul#menu li a:hover {
	background-color: #E7B49F;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	_margin: -16px 0 0 0;
	border: 2px solid #DDDDDD;
	background-color: #F1F1F1;
}
#container hr {
	clear: both;
	visibility: hidden;
}
#container a.current {
	background-color: #E7B49F;
	color: #000;
}
#container a.ghost  {
	background-color: #F1F1F1;
	color: #000;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}