html, body{ margin:0; padding:0; text-align:center;  height:100%;}
html { overflow:-moz-scrollbars-vertical;}
body{   margin-top:0px; padding-top:0px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*div { border:solid 1px;}*/
#container { margin:0px auto;width:980px; background-image:url(../image/bg.gif); overflow:hidden; min-height:100%; }
#container #con{ padding-left:13px; height:100%;}
#header { height:90px;}
#h_left{ float:left; margin-top:5px; margin-left:10px;}
#h_right{  width:129px; height:23px; float:right; margin-top:5px; margin-right:13px;}
#h_right .lang{ padding:0px 5px 0px 5px;}

/*Menu navigation*/
a { color:#33CC99;}
#main_body{ min-height:470px;}
*html #main_body{ height:470px;}
#nav { 
	clear:both; 
	display:block;
	height:40px;
	padding-bottom:5px;
	width:100%;
	margin-left:10px;
	
}
#nav ul { 
	list-style:none; 
	padding:0px; 
	margin:0; 
	float:left;
}
#nav ul  li{ 
	float:left;
	margin-right:6px;
}
#nav ul li .last{ 
	margin-right:0px;
}
#nav ul li a{ 
	float:left;
	display:block;
	height:30px;
	line-height:29px;
	background:url(../image/mid.gif) top center repeat-x;
}



#nav ul li a span{ 
	display:block;
	float:left;
	height:100%;
	background:url(../image/left.gif) top left no-repeat;
}
#nav ul li a span span { 
	display:block;
	float:left;
	height:100%;
	padding:0px 8px 0px 8px;
	background:url(../image/right.gif) top right no-repeat;
}

a{ font-size:14px; color:#FFFFFF; text-decoration:none; }

/*Visited Menu*/

#nav ul li span{ 
	height:30px;
	float:left;
	display:block;
	background:url(../image/mid_f.gif) top center repeat-x;
}
#nav ul li span span{ 
	display:block;
	float:left;
	height:100%;
	background:url(../image/left_f.gif) top left no-repeat;
}
#nav ul li span span span { 
	display:block;
	color:#FFFFFF;
	float:left;
	height:100%;
	font-size:14px;
	padding:5px 15px 0px 15px;
	background:url(../image/right_f.gif) top right no-repeat;
}

/*mouse over*/

#nav ul li a:hover{ 
	float:left;
	cursor:pointer;
	display:block;
	height:35px;
	line-height:29px;
	background:url(../image/mid_f.gif) top center repeat-x;
}
#nav ul li a:hover span{ 
	display:block;
	float:left;
	height:100%;
	background:url(../image/left_f.gif) top left no-repeat;
}
#nav ul li a:hover span span { 
	display:block;
	float:left;
	height:100%;
	padding:0px 8px 0px 8px;
	background:url(../image/right_f.gif) top right no-repeat;
}
#nav ul li a:active, #nav ul li a:focus{ outline:none;}

/*Main body*/
#first_line { width:100%}
#first_line #first_p{ float:left; margin-left:10px; padding-right:11px;}
#first_line #second_p{ float:left; margin-right:10px;}

.orang_title{ color:#FF9933; font-size:18px; font-weight:bold; margin-left:10px;}
.orang_subtitle{ color:#FF9933; font-size:11px; font-weight:bold;}
.blue_title{ color:#0066CC; font-size:16px; font-weight:bold;}

.p_1{ float:left;}
.p_2{ float:left; margin-left:20px;}


/*All text*/
.txt{ font-size:12px; text-align:justify;margin:0px;}
.txt_p{ padding:0px 20px 0px 20px;}
.txt_2, .txt_3{ font-size:11px; text-align:justify; margin-right:15px;}
.txt_3 { font-weight:bold;}

/*Footer*/
#footer{ width:100%; text-align:right; }
#footer .footer{ width:100%; font-size:12px; padding-right:25px;}
.edescom{ color:#000000;}
.edescom:hover{ text-decoration:underline;}

/* ROUND BOX */
		/* Basic styling, used when JavaScript is unsupported */
	.cbb { margin:0px 3px 0px 3px; padding:0; float:left;}
	/* Normal styling */
	.cb {margin:0 0 0em 0em;}
		/* Top corners and border */
	.bt {
		height:22px;
		margin:0 0 0 13px;
		background:url(../image/box.gif) no-repeat 100% 0;
	}
	.bt div {
		position:relative;
		left:-12px;
		width:20px;
		height:22px;
		background:url(../image/box.gif) no-repeat 0 0;
		font-size:0;
		line-height:0;
	}
		/* Bottom corners and border */
	.bb {
		height:22px;
		margin:0 0 0 13px;
		background:url(../image/box.gif) no-repeat 100% 100%;
	}
	.bb div {
		position:relative;
		left:-12px;
		width:20px;
		height:22px;
		background:url(../image/box.gif) no-repeat 0 100%;
		font-size:0;
		line-height:0;
	}
		/* Left border */
	.i1 {
		padding:0 0 0 3px;
		background:url(../image/borders.gif) repeat-y 0 0;
	}
		/* Right border */
	.i2 {
		padding:0 1px 0 0;
		background:url(../image/borders.gif) repeat-y 100% 0;
	}
		/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
	.i3 {
		display:block;
		margin:0;
		padding:1px 5px 1px 5px;
		background:#e7e7e7;
		color:#263133;
		background:#edeee9;
	}
		/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
	.i3:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	.i3 {display:inline-block;}
	.i3 {display:block;}
	
	* html .i1,
	* html .i3 {height:1px;}			
			/*\ROUND BOX */		

.c1{
	width:120px;
}
.c1 a:active, .c1 a:focus{ outline:none;}
.c1 a img { border:none;}

.c2{
	float:left;
	width:600px;
	margin-left:10px;
}
.csmall { float:left; width:313px; margin-right:25px; margin-top:10px;}
/*Diplome page*/
.left{ float:left; width:255px; padding-right:5px; margin-left:10px; }
.left ul li span{ color:#0066FF; font-size:10px;}
.right{ float:right; width:670px; margin-top:-8px; margin-right:20px;  overflow:hidden; }
.right p {  padding-left:9px;}
.right ul.ul_blue{ font-size:11px; color:#0066FF;}
.right ul.ul_green{ font-size:11px; color:#009966; font-weight:bold;}
.right ul li{ font-size:11px; }
.right a .img_a{ text-decoration:none; border:none;}
.right a{ color:#0066FF;  font-size:11px; text-decoration:underline; padding-left:30px;}
.left ul{ margin:-2px 0px -5px -15px; padding:-2px 0px -5px -15px;}
.left ul li{ list-style:url(../image/list.gif); margin:0px 3px 5px 10px;}
.left ul li a{ color:#3B3A26;  font-size:10px;}
.left ul li a:hover{ color:#FF6600;}
.left_m { width:55%; background-color:#edeee9; float:left; height:125px;}
.right_m { background-image:url(../image/glass.gif); width:280px; height:125px; float:right; margin-right:15px;}


.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

	/*title*/
	.containtitle{
		font-size:20px;
		color:#0071BC;
		font-weight:bold;	
		line-height:24px;	
	}
	.containsubtitle{
		font-size:14px;
		color:#0071BC;
	}
	/*title1*/
	.containtitle1{
		font-size:20px;
		color:#0d8992;
		font-weight:bold;
		line-height:24px;
	}
	.containsubtitle1{
		font-size:14px;
		color:#0d8992;
	}
	/*title2*/
	.containtitle2{
		font-size:20px;
		color:#20ab58;
		font-weight:bold;
		line-height:24px;
	}
	.containsubtitle2{
		font-size:14px;
		color:#20ab58;
	}
	/*title3*/
	.containtitle3{
		font-size:20px;
		color:#56bd4f;
		font-weight:bold;
		line-height:24px;
	}
	.containsubtitle3{
		font-size:14px;
		color:#56bd4f;
	}
	/*title4*/
	.containtitle4{
		font-size:20px;
		color:#a0cc54;
		font-weight:bold;
		line-height:24px;
	}
	.containsubtitle4{
		font-size:14px;
		color:#a0cc54;
	}
	/*title5*/
	.containtitle5{
		font-size:20px;
		color:#e4da5a;
		font-weight:bold;
		line-height:24px;
	}
	.containsubtitle5{
		font-size:14px;
		color:#e4da5a;
	}
	/*title6*/
	.containtitle6{
		font-size:20px;
		color:#f4d861;
		font-weight:bold;
		line-height:24px;
	}
	.containsubtitle6{
		font-size:14px;
		color:#f4d861;
	}
	/*title7*/
	.containtitle7{
		font-size:20px;
		color:#f3ae2f;
		font-weight:bold;
		line-height:24px;
	}
	.containsubtitle7{
		font-size:14px;
		color:#f3ae2f;
	}
	/*title7*/
	.containtitle8{
		font-size:20px;
		color:#f3972f;
		font-weight:bold;
		line-height:24px;
	}
	.containsubtitle8{
		font-size:14px;
		color:#f3972f;
	}
	
#t_submenu{ margin-top:0px; padding-top:0px;}
#submenu_title{  font-size:11px; font-weight:bold; height:20px; text-align:center; margin-top:-3px; padding-top:-3px; color:#3B3A26; }
/*table parner*/
.p_t{ padding-left:5px;}