body {

        background: #c2eb7b url(repeatx.jpg) repeat-x top;
        font-family: eurostile, Teen Light, arial, sans-serif;
        color: #3D9900;
        
       
}


#container {
	background: url(repeaty.jpg) repeat-y;
	width: 780px;
        margin: 0 auto;
}
#header {
	height: 446px;
	background: url(banner.jpg) no-repeat top;
        clear: both;

}
#content {
	width: 400px;
	float: left;
	margin-top: -25px;
	padding-left: 63px;
}
#navigation {
	width: 190px;
	float: left;
	margin-top: -20px;
	padding-left: 103px;
}


#footer {
	background: url(footer.jpg) no-repeat;
	height: 112px;
	clear: both;
}

strong {
color : #1C86EE;
text-align : justify;
padding-left : 5px;
padding-right : 5px;
}
em {
color : #99eb6c;
text-align : justify;
padding-left : 5px;
padding-right : 5px;
}

a:link, a:visited {
color : #42C0FB ;
text-decoration : none;
}
a:hover {
color : #49E20E;
text-decoration : line-through;
}

.head {
color : #42C0FB;
text-align : right;
letter-spacing : 2px;
background-image : url('tittle.jpg');
margin-bottom : 8px;
font-size : 21pt;
}

.navhead {
color : #BCED91;
text-align : right;
letter-spacing : 2px;
background-image : url('category.jpg');
margin-bottom : 8px;
font-size : 23pt;
border-bottom : 1.5pt solid #83F52C;
}

#menu {
width: 576px;
float: left;
margin-top: -150px;
padding-left: 25px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;

}

#menu a, #menu h2 {
font: bold 11px/16px eurostile, teen light, sans-serif;
display: block;
border-width: 2px;
border-style: solid;
border-color: #42C0FB;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #0076a4;
background: #98F5FF;
text-transform: uppercase;
}

#menu a {
color: #3D8B37;
background: #BCED91;
text-decoration: none;
}

#menu a:hover {
color: #0076a4;
background: #BBFFFF;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

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;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->