/*----------- Thrd (for social Change) Trainings & Human Resources  Development center -----------*/
body { margin:0px; padding:0px; background:url(../images/bg_Main.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#595959;}

ul { margin:0; padding:0;}
#wrapper { margin:0 auto; width:900px;}

.link { padding:0 10px; color:#808080; text-decoration:none; font-size:11px;}
.link:hover { color:#505050; text-decoration:underline; }

/* LOGO 
 			 -------------------------------------------------------*/
.logo { background:url(../images/logo-thrd01.jpg)  no-repeat; width:550px;  height:150px; margin:0 0 0 0;}
#imageAnimation{
list-style:none;
}
.aniborder
{
	border:3px solid #FFFFFF;
}
/* NAVIGATIONS
 			 -------------------------------------------------------*/
#nav { width:210px; float:left;  margin:11px 0 0 0;}

#nav .nav-bg { background:#e4e4e4; height:26px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  padding:4px 8px; margin:1px; }

#nav .nav-icon { width:30px; float:left;}

#nav .nav-Txt{ width:140px; height:18px; color:#656565;   text-decoration:none; float:right; padding:5px 0 0 10px ;   margin:6px 0 6px 5px; }  
#nav .nav-Txt:hover  {  display:block; background:#d2d2d2;}


/* BANNER 
 			 -------------------------------------------------------*/
.ban { width:680px; height:189px; float:right; margin:11px 0 0 0;}

/* CONTAINER 
 			 -------------------------------------------------------*/

.training { width:208px;  border: solid 1px #f3f3f3;  float:left;}
.H-Training { background: url(../images/headbg.png) repeat-x;  height:20px; padding: 12px 0 0 50px;} 
.bg-HDes { background:#ddd;  display:block; padding:11px 0 5px 23px; text-decoration:none; color:#585858;}
.bg-HDes:hover {background:url(../images/bg-Link.gif) repeat-x;padding:11px 0 5px 20px;}

/* CONTENT
 			 -------------------------------------------------------*/
.title{
color:#14405A;
font-size:16px;
}		 
.cont-bg {margin:10px 0 10px 20px; border: solid 1px #f3f3f3; width:678px; float:left; /*height:500px*/}
*html .cont-bg {margin:10px 0 0 10px; border: solid 1px #f3f3f3; width:620px; float:left;}

.T-introD { background:url(../images/Txt-introduction.gif) no-repeat; width:99px; height:12px; margin:20px 0 0 27px}

.contTxt { padding:15px 25px 15px 25px; width:630px; float:left;text-align:justify}
.contTxt img { padding:10px  }
*html .contTxt { padding:15px 25px 15px 33px; width:620px; float:left;text-align:justify}

.wel-img { background:url(../images/welcom-img.gif) no-repeat; width:158px; height:150px; float:right; margin:10px; vertical-align:top;}



.weOfer { width:200px;   border: solid 1px #f3f3f3; height:185px; float:left; }
.H-weofer { background:url(../images/headbg.png) repeat-x;  height:20px; padding: 12px 0 0 50px;}
.bg-HDes01 { background:url(../images/bg-Link.gif) repeat-x; width :207px; height:22px; display:block; padding:11px 0 0 15px; text-decoration:none; color:#3d81aa; font-weight:bold; font-size:11px;}
.bg-HDes01:hover { background:url(../images/bg-Link.gif) repeat-x; padding:11px 0 0 10px; font-size:12px;}


.bg-HDes02 { background:url(../images/bg-Link.gif) repeat-x; width :168px; height:22px; display:block; padding:11px 0 0 15px; text-decoration:none; color:#808080;}
.bg-HDes02:hover { background:url(../images/bg-Link.gif) repeat-x; padding:11px 0 0 10px; font-size:12px;}
p {margin:0; padding:0;}

.objective { width:195px; margin:0px 10px;  border: solid 1px #f3f3f3; height:185px; float:left;}
.categories { width:195px; border: solid 1px #f3f3f3; height:185px; float:left; }
.H-categories { background:url(../images/headbg.png) repeat-x; width:148px; height:20px; padding: 12px 0 0 50px;}

/* FOOTER
				---------------------------------------------*/
.foter-bg{ height:76px; font-size:11px; background:#f2f2f2; padding-top:15px}