body {
	background-image: url(/images/page_bkg.jpg);
	background-repeat: repeat-x;
	background-color:#99ccff;
	margin:0px;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
font-family: Arial, sans-serif;
	color: #004E81;
}
body a {
color:#000000;
}
body a:visited {
color:#000000;
}
body a:hover {
color:#000000;
}
ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
.brSmall{
font-size: 1px;
line-height: 8px;
}
#LangChange {
/*height:15px;*/
position:relative;
width:918px;
text-align:right;
margin-top:10px;
margin-bottom:2px;
right:13px;
/*top:19px; Avoid using just "top", since the siblings don't realize its moved and thus place themselves right after it, but NOT counting the 19 px shift. Whereas using margin, the sibling positions itself right after it but DOES take into account the 19 px shift */
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
#LangChange a {
text-decoration:none;
color:#FFFFFF;
}
#LangChange a:visited {
text-decoration:none;
color:#FFFFFF;
}
#LangChange a:hover {
text-decoration:underline;
color:#FFFFFF;
}
#banner {
position:relative;
width:918px;
height:111px;
margin-left:auto;
margin-right:auto;
background-image:url(/images/white_banner_bkg.jpg);
}
#banner_logo {
position:absolute;
top:9px;
left:21px;
}
#banner_graphic {
position:absolute;
top:29px;
right:16px;
}
#banner_motto {
position:absolute;
top:6px;
right:16px;
}
#white_menu {
position:relative; /* Relative, which takes into account its sibling (#banner) and goes right after it */
width:918px;
height:72px;
margin-left:auto;
margin-right:auto;
background-image:url(/images/white_body_bkg.jpg);
z-index:1;
}
#white_heading {
position:relative; /* Relative, which takes into account its sibling (#banner) and goes right after it */
width:918px;
/*height: 42px;*/
margin-left:auto;
margin-right:auto;
background-image:url(/images/white_body_bkg.jpg);

/* z-index:-1; To fix IE6's incorrect handling of z-index [Greg, removing this z-index line (i.e. hiding it) finally allowed us to have interactive flash that doesn't cover up the menu!] */
}

#breadcrumb { /* Needs to be in same parent (menu) and z-indexed on top of expanding menu to be clickable */
position:relative; /* Relative, which takes into account its sibling (#banner) and goes right after it */
left:24px; /* Margin doesn't work here (but does for page_title) because there's a float */
color:#999999;
width:214px;
top:57px;
font-size:12px;
z-index:3; /* highest z, on top of the menu (and thus clickable) */
}
#breadcrumb a { text-decoration:none; color:#999999; }
#breadcrumb a:visited { text-decoration:none; color:#999999; }
#breadcrumb a:hover { text-decoration:underline; color:#999999; }

/* Start styles for menu hover */
	#menu {
	/* begin hack to center an absolutely positioned div (which it needs to be to avoid its expandedness pushing the rest down, which is NOT fixed by doing a negative "top" on the subsequent div since that results in a long bottom */
		position: absolute;
		left:50%;
		width:884px;
		margin-left:-442px;
	/* end hack */
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
	}
	#menu1, #menu2, #menu3, #menu4 {
	position:relative;
	float:left;
	}
	#menu1 a, #menu2 a, #menu3 a, #menu4 a {
	color: #ffffff;
	display:block;
	width:219px;
	height:29px; /* Plus padding of 3 gives us the required 42 */
	color: #ffffff;
	text-decoration: none;
	text-align:center;
	padding: 13px 0px 0px 0px;
	margin: 0px 1px 0px 1px;
	background:url(/images/backgrounds.jpg) 0 0 no-repeat;
	}
	#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover {
	color: #ffffff;
	background:url(/images/backgrounds.jpg) 0 -42px no-repeat;
	}
	#menu1 a:active, #menu2 a:active, #menu3 a:active, #menu4 a:active {
	color: #ffffff;
	background:url(/images/backgrounds.jpg) 0 -84px no-repeat;
	}
	#submenu1, #submenu2, #submenu3, #submenu4 {
	position:relative;
	float:left;
	visibility: hidden;
	border:none;
	text-align:center;
	}
	#submenu1 a, #submenu2 a, #submenu3 a, #submenu4 a {
	color: #ffffff;
	display:block;
	width:219px; /* Plus padding of 0 gives us the required 219 */
/*	height:16px; /* Plus padding of 2 gives us the required 16 */
	height:23px;  /* Plus padding of 3 minus a one-pixel crop of background gives us 26 */
	color: #ffffff;
	text-decoration: none;
	font-size:16px;
	text-align:center;
	/*padding: 0px 0px 0px 0px;*/
	padding: 3px 0px 0px 0px;
	margin: 0px 1px 0px 1px;
	background:url(/images/backgrounds.jpg) 0 -126px no-repeat;
	}
	#submenu1 a:hover, #submenu2 a:hover, #submenu3 a:hover, #submenu4 a:hover {
	color: #ffffff;
	background:url(../images/backgrounds.jpg) 0 -153px no-repeat;
	}
	#submenu1 a:active, #submenu2 a:active, #submenu3 a:active, #submenu4 a:active {
	color: #ffffff;
	background:url(/images/backgrounds.jpg) 0 -180px no-repeat;
	}
/* End styles for menu hover */
#white_body {
position:relative; /* Relative, which takes into account its sibling (#banner) and goes right after it */
width:918px;
/*height: 42px;*/
margin-left:auto;
margin-right:auto;
background-image:url(/images/white_body_bkg.jpg);
}
.text_link a { text-decoration:underline; }
.text_link a:visited { text-decoration:underline; }
.text_link a:hover { text-decoration:none; }
#page_title {
position:relative;
margin-left:22px; /* 17 of the underline plus 5 more */
margin-right:22px;
color:#000000;
font-size:30px;
}
#home_flash {
width:884px;
/*height:175px;*/
/*height:375px;*/
height:175px;
position:relative;
margin-left:17px;
margin-right:17px;
}
.home_back_grey {
background:#EFEFEF;
height:826px;
width:878px;
position:absolute;
margin-left:18px;
margin-right:18px;
border:#666 2px solid;
}
#title_underline {
width:882px;
height:28px;
margin-left:17px;
background-image:url(/images/title_underline.jpg);
background-repeat:repeat-x;
padding-bottom:20px;
}
#flash_holder {
position:relative;
width:882px;
height:575px;
margin-left:17px;
}

.section_title_l {
z-index:10;
display:inline; /*To fix the class 'double margin' bug in IE6 */
float:left;
width:4px;
height:34px;
margin-left:18px;
background-image:url(/images/section_title_dark_l.jpg);
}
.section_title {
z-index:10;
float:left;
width:874px;
height:29px; /* 34 minus 5 (padding)*/
background-image:url(/images/section_title_dark.jpg);
background-repeat:repeat-x;
padding-top:5px;
font-size:20px;
font-weight:bold;
color:#FFFFFF;
}
.white_title_rect {
z-index:10;
float:left;
width:860px; /* 874 minus 4 (border)*/
height:42px;
background-color:#FFF;
text-align:center;
padding-top:5px;
font-size:28px;
font-family: Verdana, Geneva, sans-serif;
color:#000;
margin-left:27px;
position:absolute;
/*height:172px;*/ /* 176 original height minus 4 (2 pixel border) */
/* No need for above since title, subtitle and product_box_img define the height */
border: #666 2px solid;


}
.section_title_r {
z-index:10;
float:left;
width:4px;
height:34px;
background-image:url(/images/section_title_dark_r.jpg);
}
.button a {
display:block;
width:152px;
height:25px; /*27 minus 2 (padding)*/
background:url(/images/product_bkg.jpg) 0px 0px no-repeat;
color:#FFFFFF;
text-align:center;
padding-top:2px;
margin:5px 0px 14px 0px;
font-size:18px;
font-weight:bold;
text-decoration: none;
}
.button a:hover {
background-position: 0px -28px;
}
.button a:active {
background-position: 0px -56px;
}
.button_l {
display:inline; /*To fix the class 'double margin' bug in IE6 */
float:left;
width:10px;
height:18px;
color:#FFFFFF;
margin-left:15px;
background-image:url(/images/button_l.jpg);
}
.button_c {
float:left;
height:17px; /*18 minus 1 (padding) plus 0 (margin)*/
background-image:url(/images/button_c.jpg);
background-repeat:repeat-x;
padding-top:1px;
font-size:12px;
font-weight:bold;
color:#000000;
margin:0px 0px 0px 0px;
}
.button_r {
float:left;
width:10px;
height:18px;
background-image:url(/images/button_r.jpg);
}
.page_text {
position:relative;
margin-left:24px; /* 17 of the underline plus 7 more */
margin-right:24px;
font-size:16px;
}
/* Anything referenced inside a mouse event must have an ID, not just a class */
/* We initially hide text so that upon initial load we don't see it for a split second. The first onmouseover event will show it again (must use display inline). */
#center_logo {
position:absolute;
left:361px;
top:451px;
z-index:5;
height:142px;
width:142px;
background:url(/images/center_logo.jpg) no-repeat;
}
.product_box {
z-index:10;
position:absolute;
width:423px;
/*height:172px;*/ /* 176 original height minus 4 (2 pixel border) */
/* No need for above since title, subtitle and product_box_img define the height */
border:#666 2px solid;
}
.product_box_full_width {
z-index:10;
position:absolute;
width:860px;
/*height:172px;*/ /* 176 original height minus 4 (2 pixel border) */
/* No need for above since title, subtitle and product_box_img define the height */
border:#666 2px solid;
}
.item_box {
z-index:10;
position:absolute;
width:423px;
border:#003399 2px solid;
}
.product_box_long {
margin-top:20px;
z-index:10;
/*position:absolute;*/
position:relative;
width:864px;
border:#003399 2px solid;
}
.box_title_light {
position:relative;
width:100%;
height:27px;
font-size:20px;
/*text-indent:6px;*/
text-align:center;
color:#6666cc;
font-weight:bold;
background-image:url(/images/box_title_light.jpg);
background-repeat:repeat-x;
}
.box_title {
position:relative;
width:100%;
height:26px; /*27 minus 1 (padding) */
padding-top:1px;
font-size:20px;
text-indent:6px;
color:#FFFFFF;
font-weight:bold;
background-image:url(/images/box_title_dark.jpg);
background-repeat:repeat-x;
}
.box_title_full_width {
position:relative;
width:100%;
height:26px; /*27 minus 1 (padding) */
padding-top:1px;
font-size:20px;
text-indent:6px;
color:#FFFFFF;
font-weight:bold;
background-image:url(/images/box_title_dark.jpg);
background-repeat:repeat-x;
}
.box_content_full_width {
position:relative;
width:700;
padding:6px 6px 6px 6px;
background-color:#FFF;
}

.box_title_2lines {
position:relative;
width:100%;
height:51px; /*52 minus 1 (padding) */
padding-top:1px;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
background-image:url(/images/box_title_2lines.jpg);
background-repeat:repeat-x;
}

.score_title {
position:relative;
width:100%;
height:26px; /*27 minus 1 (pdding) */
padding-top:1px;
font-size:20px;
text-indent:6px;
color:#FFFFFF;
font-weight:bold;
background-image:url(/images/box_title_dark.jpg);
background-repeat:no-repeat;
}
.box_subtitle {
position:relative;
width:100%;
height:16px; /* 18 minus 2 (padding */
font-size:14px;
text-indent:6px;
padding-top:2px;
color:#000000;
background-image:url(/images/box_subtitle.jpg);
background-repeat:repeat-x;
}
.box_subtitle_bigger_lighter {
position:relative;
width:100%;
height:24px; /* 18 minus 2 (padding */
font-size:18px;
text-indent:6px;
padding-top:2px;
color:#000000;
background-color:#E4ECF4
/*background-image:url(/images/box_subtitle.jpg);*/
/*background-repeat:repeat-x;*/
}
.product_box_img {
position:relative;
display:block;
width:423px;
height:146px;
}
#product_01_box_img { background:url(/images/product_bkg.jpg) 0px -231px no-repeat; }
#product_02_box_img { background:url(/images/product_bkg.jpg) 0px -378px no-repeat; }
#product_03_box_img_EN { background:url(/images/product_bkg.jpg) 0px -966px no-repeat; }
#product_03_box_img_FR { background:url(/images/product_bkg.jpg) 0px -1113px no-repeat; }
#product_04_box_img { background:url(/images/product_bkg.jpg) 0px -672px no-repeat; }
#our_team_box_img { background:url(/images/product_bkg.jpg) 0px -84px no-repeat; }
.product_motto {
margin-left:200px;
margin-right:50px;
font-size:18px;
color:#000000;
font-weight:bold;
text-align:center;
}
.product_box_hover {
position:relative;
display:none;
padding:12px 14px 0px 14px;
width:395px; /*423 minus 2x14 (padding)*/
height:134px; /*146 minus 1x12 (padding)*/
color:#000000;
font-size:14px;
}
#product_01_box_hover { background:url(/images/product_bkg.jpg) 0px -84px no-repeat; }
#product_02_box_hover { background:url(/images/product_bkg.jpg) 0px -84px no-repeat; }
#product_03_box_hover { background:url(/images/product_bkg.jpg) 0px -84px no-repeat; }
#product_04_box_hover { background:url(/images/product_bkg.jpg) 0px -84px no-repeat; }

.full_box {
position:relative;
width:878px;
border:#003399 2px solid;
margin-left:17px;
}
.half_box {
position:relative;
width:432px; /* Half of 882 (section underline) minus border (2x2) minus margin between (10/2)*/
float:left;
display:inline;
border:#003399 2px solid;
}
.box_text {
margin:6px;
font-size:16px;
}
.product_button {
color:#FFFFFF;
}
.product_button a {
z-index:201;
position:absolute;
left:285px;
top:114px;
width:124px;
height:20px; /*23 minus 3 (padding)*/
background:url(/images/product_bkg.jpg) -153px 0px no-repeat;
color:#FFFFFF;
text-align:center;
padding-top:3px;
font-size:15px;
font-weight:bold;
text-decoration:none;
}
.product_button a:hover {
background-position: -153px -24px;
color:#FFFFFF;
}
.product_button a:active {
background-position: -153px -48px;
color:#FFFFFF;
}
#home_footer {
position:relative;
top:396px; /* Height of blue product background */
z-index:500;
width:882px;
height:239px;
margin-left:18px;
font-size:10px;
}


.testimonial_text {
float:left;
position:relative;
width:600px;
padding-left:14px;
font-size:15px;
color:#000000;
}
.testimonial_PDF {
float:left;
position:relative;
left:80px;
width:240px;
margin: 18px 0px 0px 0px;
}
#contact_half {
position:relative;
width:435px;
float:left;
left:35px; /* Margin doesn't work here because there's a float */
color:#666666;
font-weight:bold;
font-size:12px;
}
#contact_webmaster {
text-align:center;
color:#666666;
font-size:12px;
}
#results {
padding:20px 200px 0px 200px;
margin:0px;
background-color:#ccccff;
}
.success { padding:0px; margin:0px; }
.error { padding:0px; margin:0px; }
#footer {
position:relative; /* Relative, which takes into account its sibling and goes right after it */
/*background-color:#99ccff; Removed this and added next three lines when removing <img src="/images/white_footer_bkg.jpg" alt="" /> from footer in template*/
background-image:url(/images/white_footer_bkg.jpg);
background-repeat:no-repeat;
width:918px;
height:33px;
color:#000000;
font-size:14px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

/*Quotator style:*/
#quotes{
	background-color:#fff;
	font:20px Georgia, "Times New Roman", Times, serif;
	color:#024771; /*was 666 */
	width:760px;
	height:150px;
	margin:0px auto 50px auto;
	padding:20px 20px 50px 20px;
	position:relative;
}

#author{
	font:16px;
	color:#2f6b25; /*was C93 */
	position:absolute;
	margin-top:20px;
	right:30px;
	/*bottom:10px;
	right:10px;*/
}
#autho{
	font:16px;
	color:#2f6b25; /*was C93 */
	position:absolute;
	margin-top:20px;
	right:30px;
	/*bottom:10px;
	right:10px;*/
}


.seminar_title {
	margin:15px 0 6px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:60px;
	line-height: 60px;
}
.seminar_subtitle {
	text-transform:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	line-height: 24px;
}
.blue_seminar {
	color:#004e81;
}
.green_seminar {
	color:#319a25;
}
.green_seminar a {
	color:#319a25;
	text-decoration:underline;
}
.green_seminar a:visited {
	color:#319a25;
	text-decoration:underline;
}
.green_seminar a:hover {
	color:#319a25;
	text-decoration:none;
}


.slidingDiv {
	/*height:300px;
	background-color: #99CCFF;
	padding:20px;
	margin-top:10px;
	border-bottom:5px solid #3399FF;*/
	border: #319a25 1px solid;
	width:758px;
	margin:30px 0 0 80px;
	padding:15px 15px 0px 15px;
}

.seminar_desc {
	border-top:1px solid #319a25 ;
	border-bottom:1px solid #319a25 ;
	margin:20px 0 0px 80px;
	padding:20px 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#004e81;
}

.seminar_desc p, .seminar_desc ul {
	font-size:18px;
	line-height:22px;
}

.seminar_loc {
	margin:0 0 0 80px;
	padding:0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#319a25;
	line-height:16px;
	font-size:13px;
}

.seminar_loc a {
	text-decoration:none;
	border-bottom:1px dashed #999;
	font-size:11px;
	color:#999;
	line-height:16px;
	}

.seminar_loc a:visited {
	color:#999;
	text-decoration:none;
	border-bottom:1px dashed #999;
	}

.seminar_loc a:hover {
	color:#999;
	text-decoration:none;
	border-bottom:none;
	}

.seminar_loc_box {
	width:230px;
	float:left;
	margin-right:50px;
}
.seminar_loc_title {
	font-weight:bold;
	 padding-bottom:1px;
	 margin:30px 0 3px 0;
	 border-bottom:1px solid #319a25;
	 color:#004e81
}
.seminar_about {
	margin-top:40px;
}
.seminar_about p {
	font-size:13px;
	line-height:19px;
}
.seminar_about_title {
	line-height:20px;
margin:0 0 10px 0; font-weight:bold; font-size:16px; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}


.green_box_full {
	border: #319a25 1px solid;
	margin-left:15px;
	margin-bottom:10px;
	width:830px;
	padding: 10px;
}
.blue_box {
	border: #004e81 1px solid;
	width:305px;
	margin-left:11px;
	height:210px;
	float:left;
	padding: 10px;
}
.green_box {
	border: #319a25 1px solid;
	margin-left:80px;
	height:210px;
	width:430px;
	float:left;
	padding: 10px;
}
a.show_hide {
	/*display:none; We will not hide this since we only use this for the main click here button, not for the button inside the hidden section that also hides and it caused a bug in firefox */
	padding: 8px 16px 8px 16px;
	width:300px;
	margin: 30px 0 15px 345px;
	background-color: #319a25;
	border: 2px solid #319a25;
	text-decoration: none;
	text-align:center;
	font-size: 22px;
	font-weight: bold;
	color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

a.show_hide:hover {
	background-color:#2a7618;
	border: 2px solid #2a7618;
}
a.show_hide:active {
	background-color:#2a7618;
	border: 2px solid #fff;
	
}


.bio_pic {
border: 1px solid #999;
padding: 2px;
}

blockquote {
margin:22px 40px;
padding:3px;
color:#575757;
padding: 0 50px;
background: transparent url("/images/blockquote.gif") no-repeat 0 0;
}