/*--------------------------------------------------*/
/* style.css										*/
/*--------------------------------------------------*/
/* Creator		Thuan Ngo			 				*/
/* Project		Discover ELT Vietnam				*/
/*--------------------------------------------------*/


/*----- General styles -----*/
* 		{ padding:0; margin:0;}
body	{ font-family:Verdana, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#666; background:#fff; padding:0; margin:0;}
p 		{ margin:0 0 10px 0;}
img		{ border:none;}
ul, li	{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 { font-size:10px; font-weight:normal;}


a 		{ color:#005cab; text-decoration:none;}
a:hover	{ color:#0099ff; text-decoration:underline;}

blockquote {margin:10px 0 10px 30px;}

/*----- Structure type -----*/
#header-stretch	{ width:100%; min-width:990px; background:#f2f2f2 url('../images/background/bg_header.gif') repeat-x top; clear:both;}
#header			{ width:960px; height:74px; margin:0 auto; padding:0 15px;}
	#header img { float:left;}
	#header #hd-graphic { width:300px; float:right; text-align:right; margin:5px 0 3px 0;border:0px solid #000;}
		#hd-graphic p { font-size:9px; font-weight:bold; margin:0 0 2px 0;}

#nav-stretch 	{ width:100%; min-width:990px; background:url('../images/background/bg_nav.gif') repeat-x top; clear:both;}
#nav 			{ width:960px; height:40px; background:url('../images/background/bg_nav_bar.gif') repeat-x; margin:0 auto; padding:0;}
	#nav ul		{ width:960px; height:33px; list-style:none; background:url('../images/background/bg_nav_seperate.gif') no-repeat left top;}
	#nav li a {color:#ffffff;}
	#nav li a:hover {color:#000000;}
	#nav li 	{ display:inline; background:url('../images/background/bg_nav_seperate.gif') no-repeat right top; float:left;}
	#nav a#nav-living 	{ width:37px; height:33px; background:url('../images/nav/nav_living.gif') no-repeat center center; border-bottom:4px solid #b30838; float:left; padding:0 14px; margin-right:2px;}
	#nav a#nav-working 	{ width:52px; height:33px; background:url('../images/nav/nav_working.gif') no-repeat center center; border-bottom:4px solid #005cab; float:left; padding:0 14px; margin-right:2px;}
	#nav a#nav-vacancies{ width:61px; height:33px; background:url('../images/nav/nav_vacancies.gif') no-repeat center center; border-bottom:4px solid #f08b1d; float:left; padding:0 14px; margin-right:2px;}
	#nav a#nav-training	{ width:99px; height:33px; background:url('../images/nav/nav_training.gif') no-repeat center center; border-bottom:4px solid #1A3281; float:left; padding:0 15px; margin-right:2px;}
	#nav a#nav-forum 	{ width:72px; height:33px; background:url('../images/nav/nav_forum.gif') no-repeat center center; border-bottom:4px solid #569fd3; float:left; padding:0 15px; margin-right:2px;}
	#nav a#nav-forum	{ width:65px; height:33px; background:url('../images/nav/nav_forum.gif') no-repeat center center; border-bottom:4px solid #569fd3; float:left; padding:0 15px; margin-right:2px;}
	#nav a#nav-community{ width:60px; height:33px; background:url('../images/nav/nav_community.gif') no-repeat center center; border-bottom:4px solid #00cccc; float:left; padding:0 15px; margin-right:2px;}
	#nav a#nav-contacts { width:54px; height:33px; background:url('../images/nav/nav_contacts.gif') no-repeat center center; border-bottom:4px solid #646e75; float:left; padding:0 15px; margin-right:2px;}
	#nav a#nav-photos 	{ width:76px; height:33px; background:url('../images/nav/nav_photos.gif') no-repeat center center; border-bottom:4px solid #850d70; float:left; padding:0 15px; margin-right:2px;}
	#nav a#nav-press 	{ width:63px; height:33px; background:url('../images/nav/nav_press.gif') no-repeat center center; border-bottom:4px solid #f2d800; float:left; padding:0 15px; margin-right:2px;}
	#nav a#nav-video 	{ width:75px; height:33px; background:url('../images/nav/nav_video.gif') no-repeat center center; border-bottom:4px solid #00703c; float:left; padding:0 15px; margin-right:2px;}
	#nav a#nav-about 	{ width:57px; height:33px; background:url('../images/nav/nav_about.gif') no-repeat center center; border-bottom:4px solid #ffcccc; float:left; padding:0 15px; margin-right:2px;}
	a#nav-living span, a#nav-working span, a#nav-vacancies span, a#nav-training span, a#nav-forum span,  a#nav-community span, a#nav-contacts span, a#nav-photos span, a#nav-press span, a#nav-video span, a#nav-about span { display:none;}
	#nav li .selected	{ background-color:#C1DBDC !important;}

#body-stretch 	{ width:100%; min-width:990px; clear:both; margin:5px 0 10px 0;}
#body {	width:960px; background-color:#fff; margin:0 auto; padding:0 15px;}
	.breadcrum { font-size:9px; margin:7px auto;}
		.breadcrum p { width:450px; float:left;}
		.breadcrum a { font-weight:bold;}
		.breadcrum #login { float:right; text-align:right;}
			#login ul { list-style:none; }
			#login ul li { display:inline; border-right:1px solid #666; padding:0 10px 0 6px;}
			#login ul li.lastitem { border:none;}
			#login .input { width:90px; font-size:11px; color:#333; padding:0 3px;}
			#login .btn { font-size:8px; font-weight:bold; text-transform:uppercase; color:#232323; padding:0 5px;}
	.content { padding:15px 0 10px 0; margin:2px 0; clear:both;}
		.content h2 { font-family:Arial; font-size:16px; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:8px; margin:0 0 10px 0;}
		
	/*----- Content type -----*/
	
	/* topic selection in main pages */
	.contTopic { width:200px; background-color:#f0f0f0; margin:0 15px 0 0; float:left;}
		.contTopic p { font-size:9px; font-weight:bold; color:#fff; padding:8px 10px; margin:0;}
		.contTopic .cnav-living { background:url('../images/background/bg_toolbox_living.gif');}
		.contTopic .cnav-working { background:url('../images/background/bg_toolbox_working.gif');}
		.contTopic .cnav-vacancies { background:url('../images/background/bg_toolbox_vacancies.gif');}
		.contTopic .cnav-training { background:url('../images/background/bg_toolbox_training.gif');}
		.contTopic ul { list-style:none;}
		.contTopic li { font-size:11px; background:url('../images/dot2.gif') repeat-x top; padding:8px 10px; }
			.contTopic ul ul { list-style:none;}
			.contTopic ul ul li { font-size:9px; background:url('../images/arrow_next.gif') no-repeat 20px 3px; padding:0px 10px 5px 32px;}
			.contTopic ul ul li.lastitem { padding-bottom:15px;}
		.contTopic li.firstitem { background:none;}
		.contTopic a { color:#0D5CAB; text-decoration:none;}
		.contTopic a:hover { text-decoration:underline;}
		/*.contTopic ul ul a { color:#B20838;}*/
		.contTopic ul ul a { color:#0D5CAB;}

	/* content area in main pages */
	.contType01 { width:730px; float:left; font-size:11px; line-height:17px;}
		.contType01 ul {list-style:none; margin:0 0 10px 20px;}
		.contType01 li {background:url(../images/arrow.gif) 0 4px no-repeat; padding:0 0 0 13px;}
		.contType01 .photo { width:320px; float:left;}
		.contType01 .photo img { vertical-align:middle; margin-right:5px;}
		.contType01 .photo ul { list-style:none;}
		.contType01 .photo li { font-size:9px; font-weight:bold; margin:7px 0;}
		.contType01 h2 { font-family:Arial, Helvetica, sans-serif;  font-size:16px; line-height:22px; border:none; margin:0 0 10px 0;}
		.contType01 h3 { font-family:Georgia, "Times New Roman", Serif; font-size:16px; line-height:22px; margin:0 0 20px 0;}
		.contType01 h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333; line-height:24px; margin:20px 0 10px 0;}
		.contType01 ul.normal, .contType01 ol.normal  { padding:0 0 10px 0; margin:0 0 0 30px;}
		.contType01 ul.normal li, .contType01 ol.normal li { padding-left:10px;}
		.contType01 table td p {float:none; margin:5px;}

	/* photos listing for Photo Board */
	.contType02 { width:790px; float:left;}	
		.contType02 .desc { border-bottom:1px dashed #ccc; margin:0 0 20px 0;}
		.contType02 .desc p { width:525px; font-size:11px; line-height:16px; float:left; margin-right:20px;}
		.contType02 .desc ul { list-style:none;}
		.contType02 .desc li { font-size:9px; font-weight:bold; margin:7px 0;}
		.contType02 .desc ul img { vertical-align:middle; margin-right:5px;}
		.contType02 .item { width:150px; margin:0 8px 0 0; float:left;}
		.contType02 .item img {   background:url('../images/def-photo.gif'); padding:3px; display:block;}
		.contType02 .item p { font-size:9px; font-weight:normal; padding:3px 0 10px 0; margin:0;}
		
	/* videos at Video Board */
	.contType03 { width:790px; float:left;}	
	.contType03 .video { width:460px; margin:0 10px 10px 0; float:left;}
	.contType03 .video h3 { font-size:13px; font-weight:bold; color:#00703C; margin:10px 0;}
	.contType03 .video p { font-size:11px; line-height:16px; margin:5px 0 10px 0;}
		.contType03 .video ul { list-style:none;}
		.contType03 .video li { font-size:9px; font-weight:bold; margin:7px 0;}
		.contType03 .video ul img { vertical-align:middle; margin-right:5px;}
	.contType03 .listing { width:320px; float:left;}
	.contType03 .item { width:150px; margin:0 8px 0 0; float:left;}
		.contType03 .item img { width:144px; height:94px; background:url('../images/def-video.gif'); padding:3px; display:block;}
		.contType03 .item p { font-size:9px; padding:3px 0 10px 0; margin:0;}
	.contType03 .vid-selected { color:#00703C; font-weight:bold;}
		
	/* content for general page + login */
	.contType04 { width:975px; float:left;}
		.contType04 .text { width:620px; font-size:11px; line-height:18px; float:left;}
		.contType04 .text h3 { font-family:Georgia, "Times New Roman", Serif; font-size:16px; line-height:22px; margin:0 0 20px 0;}
		.contType04 .photo { width:320px; float:right;}
		.contType04 .photo img { vertical-align:middle; margin-bottom:10px;}
		.contType04 .form { width:300px; font-size:11px; font-weight:normal; line-height:18px; color:#fff; background-color:#0D5CAB; padding:10px 15px; margin:0 15px 0 0;float:right;}
		.contType04 .form .input { width:280px; font-size:18px;}
		.contType04 .form .btn { font-weight:bold; text-transform:uppercase; padding:5px 20px;}
		.contType04 .form a { color:#fff;}
		
	/* style for table*/
	.tblType01 { width:100%; border:0px; margin:0 0 20px 0;}
	.tblType01 th { font-size:11px; font-weight:bold; color:#333; text-align:left; border-bottom:3px solid #666;}
	.tblType01 td { font-size:10px; border-bottom:1px solid #aaa; padding:3px 0;}

	/* style for table*/
	.tblType02 { color=#356999 ; bgcolor="#efefef"; border="1"; bordercolor="#ffffff" ;cellpadding="5" ;cellspacing="0" width="96%";}
	.tblType02 th { font-size:11px; font-weight:bold; color:#333; text-align:left; border-bottom:3px solid #666;}
	.tblType02 td { font-size:10px; border-bottom:1px solid #aaa; padding:3px 0;}

	
	/* for pagination */
	.pagination { border-top:1px solid #ccc; margin:10px 0 0 0; padding:10px 0 0 0;}
	

#copyright	{ width:930px; font-size:9px !important; line-height:20px; background:url(../images/dot2.gif) repeat-x top; margin:0 auto; padding:10px 15px; clear:both;}
	#copyright ul { list-type:none; }
	#copyright li { display:inline; font-weight:bold; border-right:1px solid #666; margin:10px auto; padding:0 8px 0 8px;}
	#copyright li.firstitem { padding-left:0;}
	#copyright li.lastitem { border:none;}
	#copyright li a { font-size:9px !important;}

	
/*----- Layout type -----*/
.clear	{ clear:both;}
.fleft	{ float:left;}
.fright	{ float:right;}
.hidden { display:none;}
.normal { font-size:12px; color:#888;}
.small	{ font-size:10px;}
.xsmall	{ font-sizes:8px;}

.clrPink	{ color:#f06;}
.clrBlue	{ color:#007dc6;}
.clrGray	{ color:#666;}
.clrWhite 	{ color:#fff;}

.clrLiving 		{ color:#b30838;}
.clrWorking 	{ color:#005cab;}
.clrVacancies 	{ color:#f08b1d;}
.clrTraining 	{ color:#1A3281;}
.clrForum 		{ color:#569fd3;}
.clrContacts 	{ color:#646e75;}
.clrPhotos 		{ color:#850d70;}
.clrPress		{ color:#f2d800;}
.clrVideo		{ color:#00703c;}

.bgLiving 		{ background-color:#b30838;}
.bgWorking 		{ background-color:#005cab;}
.bgVacancies 	{ background-color:#f08b1d;}
.bgTraining 	{ background-color:#1A3281;}
.bgForum 		{ background-color:#569fd3;}
.bgContacts 	{ background-color:#646e75;}
.bgPhotos 		{ background-color:#850d70;}
.bgPress		{ background-color:#f2d800;}
.bgVideo		{ background-color:#00703c;}

.bg-nav-living		{ background-color:#b30838;}
.bg-nav-working		{ background-color:#005cab;}
.bg-nav-vacancies 	{ background-color:#f08b1d;}
.bg-nav-training 	{ background-color:#1A3281;}
.bg-nav-forum 		{ background-color:#569fd3;}
.bg-nav-contacts 	{ background-color:#646e75;}
.bg-nav-photos 		{ background-color:#850d70;}
.bg-nav-press		{ background-color:#f2d800;}
.bg-nav-video		{ background-color:#00703c;}
.bg-nav-community	{ background-color:#00cccc;}
.bg-nav-about		{ background-color:#ffcccc;}

.mar5	{ margin:5px;}
.mar5T	{ margin-top:5px;}
.mar5R	{ margin-right:5px;}
.mar5B	{ margin-bottom:5px;}
.mar5L	{ margin-left:5px;}

.mar10	{ margin:10px;}
.mar10T	{ margin-top:10px;}
.mar10R	{ margin-right:10px;}
.mar10B	{ margin-bottom:10px;}
.mar10L	{ margin-left:10px;}

.mar15	{ margin:15px;}
.mar15T	{ margin-top:15px;}
.mar15R	{ margin-right:15px;}
.mar15B	{ margin-bottom:15px;}
.mar15L	{ margin-left:15px;}

.mar20	{ margin:20px;}
.mar20T	{ margin-top:20px;}
.mar20R	{ margin-right:20px;}
.mar20B	{ margin-bottom:20px;}
.mar20L	{ margin-left:20px;}

/*table*/
.table1 { color:#356999 ; bgcolor="#efefef" border="1" bordercolor="#ffffff" cellpadding="5" cellspacing="0" width="96%"}
.tbl2{ color:#356999 ; background-color:#efefef; border:1; bordercolor:#ffffff ;cellpadding:5 ;cellspacing:0; width:96%;}