/*
COLORS

ORANGE: #FF3B00
LANG GREY:#808080
TEXT GREY:#595959
BLUE: #459CD9
INFO GREY: #343524

*/


BODY {
	margin:0; padding:0;
	font-family:Verdana, Helvetica, sans-serif;
}

.root { text-align:center; }

.main { width:679px; margin:0 auto; }
.main A { color:#459CD9; }
.main A:hover { color:#459CD9; text-decoration:none; }

.main .normal A IMG,
.main .right A IMG { border:2px solid #459CD9; }
.main .normal A:hover IMG,
.main .right A:hover IMG { border:2px solid #808080; }

.header {
	width:100%;
	height:164px;
}
	.header .part1 { 
		float:left; display:block;
		width:522px; height:166px; 
		background-image:url(../img/banner.part1.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
		text-align:left;
	}
		.header .part1 IMG { width:522px; height:111px; margin:15px 0 0 0; border:0; }
	
	.header .part2 { 
		float:right; display:block;
		width:157px; height:166px; 
		background-image:url(../img/banner.part2.jpg);
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	
	.header .lang {
		display:block; float:left;
		width:157px;
		text-align:left;
		font-size:12px;
		color:#808080;
		padding: 5px 0 0 0;
	}
		.header .lang SPAN {
			font-size:11px;
			display:block; float:left;
			padding:10px 5px 0 15px;
		}
		.header .lang A {
			display:block; float:left;
			color:#FF3B00;
			text-decoration:none;
			padding:8px 6px 0 6px;
			background-image:url(../img/arrow.lang.gif);
			background-position:top center;
			background-repeat:no-repeat;
		}
		.header .lang A:hover,
		.header  A.langSel {
			color:#888;
			background-image:url(../img/arrow.lang.inactive.gif);		
		}
	
	.header .info {
		display:block; float:left;
		width:140px;
		text-align:left;
		font-size:11px;
		margin:14px 0 0 4px;
		padding:7px;
	}
		.header .info IMG { margin:3px 0 5px 0; }
		.header .info .txt {
			color:#343524;
			line-height:14px;
		}
		
/*MENUS are located in header part1, below image*/
.menu {
	padding:0 0 0 10px;
	width:502px;
}
	.menuItem {
		display:block; float:left;
		font-size:12px;
		margin:0 1px 0 0;
	}
		.menuItem A {
			color:#FFFFFF; text-decoration:none;
			display:block;
			padding:8px 7px 9px 7px;
			background-image:url(../img/menu.bg.gif);
			background-position:top center;
			background-repeat:no-repeat;
		}
		
		.menuItem A:hover { color:#FFF; background-image:url(../img/menu.bg.selected.gif); }
		
		.sel A { background-image:url(../img/menu.bg.selected.gif); }
		
	.submenu { position:absolute; display:none; }
		.submenuItem A {
			background-image:url(../img/submenu.bg.brown.gif);
			padding:6px 7px 7px 10px;
			background-position:0 -2px;
			text-align:left;
		}
		.submenu .sel A,
		.submenuItem A:hover {
			background-image:url(../img/submenu.bg.red01.gif);
		}


/*PAGE*/

.page { text-align:left; margin:0 0 0 9px; padding:0; }

	.page .normal {
		display:block; float:left;
		width:511px; overflow:hidden; 
		background-image:url(../img/centercol.bg.gif);
		background-position:top left;
		background-repeat:repeat-y;
	}
		.page .normalTop {
			display:block; float:left;
			width:511px; height:3px; overflow:hidden;
			background-image:url(../img/centercol.bg.top.gif);
			background-position:top left;
			background-repeat:no-repeat;
		}
		.page .normalBottom {
			display:block; float:left;
			width:511px; height:3px; overflow:hidden;
			background-image:url(../img/centercol.bg.bottom.gif);
			background-position:top left;
			background-repeat:no-repeat;
		}
	
	.page .right {
		display:block; float:left;
		width:144px; overflow:hidden; 
		margin:0 0 0 4px;
		background-image:url(../img/rightcol.bg.gif);
		background-position:top left;
		background-repeat:repeat-y;
	}
		.page .rightTop {
			display:block; float:left;
			width:144px; height:3px; overflow:hidden;
			background-image:url(../img/rightcol.bg.top.gif);
			background-position:top left;
			background-repeat:no-repeat;
		}
		.page .rightBottom {
			display:block; float:left;
			width:144px; height:3px; overflow:hidden;
			background-image:url(../img/rightcol.bg.bottom.gif);
			background-position:top left;
			background-repeat:no-repeat;
		}
		

/*CONTENT LAYOUT*/

	.page .content {
		display:block; float:left;
		padding:11px;
		font-size:12px;
		color:#595959;
	}
	
	.page .right .content { font-size:11px; }
	
	.page .content B,
	.page .content STRONG { color:#000; }
	
	.page .content H1,
	.page .content H2,
	.page .content H3,
	.page .content H4,
	.page .content H5,
	.page .content H6 {
		margin:0; padding:0;
	}
	
	/*used for page title*/
	.page .content H1 {
		font-size:22px;
		font-weight:normal;
		margin-bottom:15px;
	}
	
	/*used for type title*/
	.page .content H2 {
		font-size:18px;
		font-weight:normal;
		background-image:url(../img/arrow.right.inactive.gif);
		background-position:0 1px;
		background-repeat:no-repeat;
		margin:10px 0 5px -9px;
		padding-left:9px;
	}
	.page .content .h2Underline {
		width:100%; height:3px;
		background-image:url(../img/footer.bg.gif);
		background-position:top left;
		background-repeat:repeat-x;
	}
	
	/*used for type subtitle*/
	.page .content H3 {
		font-size:15px;
		font-weight:normal;
	}
	
	/*used for type title in rightcol*/
	.page .content H4 {
		font-size:13px;
		font-weight:normal;
		background-image:url(../img/footer.bg.gif);
		background-position:bottom left;
		background-repeat:repeat-x;
		padding-bottom:3px; margin-bottom:5px;
	}
	
	/*used for title in cours*/
	.page .normal .content H3 {
		margin:5px 0 10px 0;
	}
	
	/*used for subtitle in cours*/
	.page .normal .content H4 {
		padding-bottom:3px; margin-bottom:5px 0 5px 0;
	}
	

/*FOOTER*/

.footer {
	margin:10px 0 15px 0;
	display:block; float:left;
	width:679px;
	background-image:url(../img/footer.bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	text-align:left;
}
	.footer .content {
		font-size:11px; color:#888;
		padding:5px;
	}
	
/*COURSE*/


	.normal .courseItemInfoWrapper {
		background-image:url(../img/arrow.right.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding:0 0 0 10px;
		margin:0 0 15px -10px;
	}
	.normal .courseItemInfo {
		padding:5px;
		background-color:#EEE;
	}
	
	.right .courseItem {
		background-image:url(../img/arrow.right.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding:2px 2px 5px 8px;
		margin:0 0 5px 0;
	}
	
	.right .courseTitle {
		font-size:12px; color:#000;
	}
	.right .courseShort {
		font-size:11px; color:#888;
	}
	
	.right .courseItemOver { cursor:pointer; background-image:url(../img/arrow.right.inactive.gif); background-color:#EEE;	} 
	.right .courseItemOver .courseTitle { color:#FF3B00; }
	.right .courseItemOver .courseShort { color:#000; }
	
	.formSubscribeTitle {
		background-image:url(../img/arrow.right.gif);
		background-position:top left;
		background-repeat:no-repeat;
		font-size:13px; color:#555;
		margin:20px 0 5px -10px;
		padding:0 0 0 10px;
		cursor:pointer;
	}
	.formSubscribeDisplay { display:none; }

	
/*GALLERY*/

#galleryDisplayWrapper { width:490px; text-align:center; }
#galleryDisplay { display:bock; margin:0 auto; }
#galleryDisplayComment { position:inherit; margin:0 auto; margin-top:-70px; text-align:left; background-color:#FFF; opacity:0; filter:alpha(opacity=0); }
	#galleryDisplayComment P { margin:0; padding:5px; line-height:13px; font-size:11px; /* TO REFLECT IN THE LAYOUT.PHP */ }
	
	.title_gallery { margin-bottom:5px; }


/*FORMS*/
#formDisplay { margin:10px 0 10px 0; }
#formFrame { display:block; }
#formFrame { display:none; }
#formThanks { display:none; margin:10px 0 10px 0; }

.formField { float:left; display:block; clear:both; margin:0 0 5px 0; }
.formLabel { float:left; display:block; width:150px; margin:0 10px 0 0; }
.formInput { float:left; display:block; }
	.formInput INPUT { border:1px solid #555; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; }
	.formInput TEXTAREA { border:1px solid #555; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; }
.formSubmit { width:100%; clear:both; }
	.formSubmit INPUT { margin:0 0 0 160px; border:1px solid #555; background:#555; font-size:11px; text-transform:uppercase; color:#FFF; }