#container{
margin:5 auto;
width:757px;
background-color:#FFFFFF;
text-align:left;
height:100%;
/* border:1px solid black; */
border-left:1px solid black;
 border-right:1px solid black; 
}

#header {
background-image:url(http://www.canadajkfwadokai.org/images/header.jpg);
height:125px;
}

#sidebar{
float:left;
width:200px;
padding:0 0 5px 0;
}

#content{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
width:525px;
max-width:557px;
height:60%;
padding:1em;}


#footer{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
clear:both;
padding:5px 20px;
text-align:center}

#navmenu {
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	font-weight: normal;
    font-style: normal
	}
#navmenu {
	font-size: 100%;
}

.footer {
	color: rgb(0,0,0)
	font-family: Georgia, "Times New Roman", serif;
	font-size: 9px;
	font-weight:normal;
	font-style:normal;
}

/* -------------------------------------
 *
 * Styles for the table that contains the
 * categories for the world championships.
 *
 * -------------------------------------
 */
 
#content table td.boys {
	color:#84B5F5;
}

#content table td.girls {
	color:#FFADDA;
}

#content table td.mens {
	color:#0000FF;
}

#content table td.womens {
	color:#FF0000;
}

/* ------------------------------------- 
 * 
 * Styles for the menu system (#navmenu)
 */
ul#navmenu {
    padding:0;
    margin:0;
	/* Huh? Why do we need to specify monospaced here? */
    font-family:monospace;
    border-bottom: 1px solid silver;
    list-style-type: none;
    /* text-align:center; */
}
ul#navmenu li {
    width:inherit;
	list-style-type: none;
	border-bottom:1px solid silver;
	border-bottom:1px solid black;
	 /* Just take care that the same border styles are not
	  * specified for the li elements below. Then the border
	  * will appear thicker than it ought to.
	  */
	background-color:silver;
	background-color:rgb(41,49,41);
    position:relative;
	padding:0;
	margin:0;
}

/* These styles form the basis for this menu system
 * li ul {display: none;}
 * li:hover > ul {display: block;} 
 */


ul#navmenu ul,
ul#navmenu li:hover ul ul { 
    display:none;
    padding:0;
    margin:0;
}
/* Need to apply the padding: and margin: styles to the
 * ul tags. That way the sub-menu will not appear to be 
 * disconnected from its parent menu.
 * Nice!!
 */
 
ul#navmenu li:hover ul,
ul#navmenu  ul li:hover ul { 
	display:block;
	width:195px;
	border-left:1px solid black;
	border-top:1px solid black;
	/* The section below is the key */
	position:absolute;
	top:4px;
	left:95%;
	z-index:2;
}

/* Styles for navigation menu <a /> anchors */
#navmenu li a {
	/* parent is ul#navmenu li */
	display:block;
	padding-right:1.5em;
	/* just chose an arbitrary number*/
	text-align:right;
	font-family:"Trebuchet MS", Verdana, Arial, serif;
	text-decoration:none;
	color:rgb(247,222,0);
}

#navmenu li a:hover {
    font-weight:bold;
	color:rgb(41,49,41);
	background-color: rgb(206,206,206);
}