/*****************************/

/* Author: bernard lambottte */

/*****************************/

body {
	margin:0;
	padding:0;
	background:#fff;
	
	
}

/*****************************/

#mainbox { width:767px; margin:0 auto; padding:0; background:url("../images/body-bg.gif") repeat-y; }

/*****************************/

#header {
	float:left;
	width:767px;
	height:171px;
	margin:0;
	padding:0;
	margin-top:0;
}

#header img {
	padding:0;
	border:0;
}

/*****************************/

#leftbox { float:left; width:200px; margin:0; padding:0; }

/*****************************/

#leftnav { float:left; width:198px; margin:0 0 5px 0; padding:0; }

#leftnav ul { width:198px; margin:0; padding:10px 0 0 0; text-align:left; list-style:none; font:12px arial, helvetica, sans-serif; background:transparent; wmode:transparent; }

#leftnav ul li { width:198px; margin:0; padding:0; }

#leftnav ul li a:link { text-decoration:none; display:block; width:188px; margin:5px 0 0 0; padding:2px 5px; color:#fff; background:#999; border:1px solid #000; }

#leftnav ul li a:visited { text-decoration:none; display:block; width:188px; margin:5px 0 0 0; padding:2px 5px; color:#fff; background:#999; border:1px solid #000; }

#leftnav ul li a:hover { text-decoration:none; display:block; width:188px; margin:5px 0 0 0; padding:2px 5px; color:#000; background:#eee; border:1px solid #000; }

#leftnav li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#leftnav ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#leftnav ul ul ul,
div#leftnav ul ul li:hover ul ul
{display: none;}

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

/*****************************/

#leftcontent { float:left; width:198px; margin:0; padding:0; background:#999; border:1px solid #000; }

#leftcontent h2 { margin:0; padding:5px 10px; color:#eee; text-decoration:underline; font:bold 14px arial, helvetica, sans-serif; }

#leftcontent h3 { margin:0; padding:5px 10px; color:#eee; font:bold 14px arial, helvetica, sans-serif; }

#leftcontent h4 { margin:0; padding:5px 10px; color:#eee; font:bold 13px arial, helvetica, sans-serif; }

#leftcontent h5 { margin:0; padding:5px 10px; color:#eee; font:bold 13px arial, helvetica, sans-serif; }

#leftcontent h6 { margin:0; padding:5px 10px; color:#eee; font:bold 12px arial, helvetica, sans-serif; }

#leftcontent p { margin:0; padding:5px 10px; color:#fff; font:13px tahoma, arial, helvetica, sans-serif; }

/*****************************/

#flashbox {
	float:right;
	width:560px;
	margin:35px 0 -10px 0;
	padding:0;
	border:1px solid #000;
}

/*****************************/

#rightbox { float:right; width:560px; margin:15px 0 5px 5px; padding:10px 0; text-align:left; border:0px solid #ffffff; }

#rightbox h1 { margin:0; padding:5px 35px; text-decoration:underline; font:bold 16px arial, helvetica, sans-serif; }

#rightbox h2 { margin:0; padding:15px 40px 5px 40px; font:bold 15px arial, helvetica, sans-serif; color:#333333; }

#rightbox h3 { margin:0; padding:5px 40px; color:#666; text-decoration:underline; font:bold 13px arial, helvetica, sans-serif; }

#rightbox h4 { margin:0; padding:5px 40px; font:bold 13px arial, helvetica, sans-serif; }

#rightbox h5 { margin:0; padding:5px 40px; font:bold 13px arial, helvetica, sans-serif; }

#rightbox h6 { margin:0; padding:5px 40px; font:bold 12px arial, helvetica, sans-serif; }

#rightbox p { margin:0; padding:5px 45px; font:13px tahoma, arial, helvetica, sans-serif; }

#rightbox ul { margin:5px 60px; padding:0; list-style-type:square; }

#rightbox ul li { margin:0; padding:0 0 0 5px; font:13px tahoma, arial, helvetica, sans-serif; }

#rightbox a:link { color:#333; text-decoration:underline; }

#rightbox a:visited { color:#333; text-decoration:underline; }

#rightbox a:hover { color:#333; text-decoration:none; background:#eee; }

#rightbox img { float:right; margin:5px 15px 0 5px; padding:1px; border:1px solid #333; }

/*****************************/

#footer { float:right; width:550px; text-align:center; margin:0 0 5px 0; padding:5px; background:#999; border:1px solid #000; }

#footer ul { margin:0 0 12px 0; padding:3px 0; list-style:none; display:inline; color:#666; font:10px arial, helvetica, sans-serif; border-bottom:1px solid #666; }

#footer ul li { margin:0; padding:0; display:inline; }

#footer ul li a:link { text-decoration:none; color:#fff; }

#footer ul li a:visited { text-decoration:none; color:#fff; }

#footer ul li a:hover { text-decoration:underline; color:#000; }

#footer p { margin:0; padding:7px 0 0 0; font:10px arial, helvetica, sans-serif; color:#eee; }

/*****************************/