@charset "utf-8";
/* CSS Document */

<!--

body {
	background-color:#FFFFFF;
	background-image:url(../images/bg.gif);
	
}
a{
text-decoration:none;
color:#000000;
}
/*Break*/
/*Header*/
#header {
padding:2em;
background-color:#FFFFFF;
}
/*Content*/
#content {
width:32.2em;
background:#666666;
padding:1em;
}
#content h1{
color:#FFFFFF;
text-align:center;
font: bold 13px/18px arial, helvetica, sans-serif;
}
#content p{
font: bold 11px/16px arial, helvetica, sans-serif;
color:#CCCCCC;
text-align:justify;
padding:1em 1em 0em 1em;
background-image:url(../images/break.gif);
background-position:top;
background-repeat:no-repeat;
}
/*MENU*/
#menu {
width: 32.2em;
background: #000;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 8.0em;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color:#000000;
margin: 0;
padding:0 0;
}
#menu a, #menu h2 {
color: #fff;
background: #000;
text-decoration: none;
}

#menu a:hover, #menu h2:hover {
color: #000;
background: #fff;
}
#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}