/* CSS Document */

body { background-color:#FFFFFF; padding:0; margin:0;}
div {margin:0; padding:0;}
a, a:link, a:visited, a:active { font-weight:bold; color: #C1D82F;}
.home {background:#FFFFFF url(../images/home_bg2.jpg) no-repeat; background-position:0 50px;}
/*.home #bg {background:#FFFFFF url(../images/home_bg.jpg) no-repeat; background-position:0 0px; width:100%;}
.t2 #bg {background-image: url(../images/2tier-bg.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	}*/
.normal_weight {font-weight:normal;}
.bigger {font-size: 125%; font-weight:bold;}
.clear {
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
.clear p {
	clear: both; font-size:1px;
}
#top_links {
	text-align:right;
	width: 550px;
	margin: 0px;
	padding: 0px 0px 0px 400px;
	height:50px;
}
#top_links img {
	margin-right: 12px;
}
	
#story1, #story2, #story3, #story4, #story5 {
	padding:0;
	margin:0;
	z-index:90;
	position: absolute;
	width:350px;
	height: 180px;
}

.home #right_side {
	float: right;
	margin: 5px 5px 5px 2px;
	padding: 0px;
	width: 132px;
	height:160px;
}
.home #right_side p {margin:1px 0; padding:0; clear:right;}
.home #right_side .img {
	margin:3px 0 3px 0;
	clear:right;
}
/*
.story {
	background-image: url(../images/blue_bg.png);
	background-color:transparent;
	height:165px;
	width: 350px;
	padding:10px 5px 10px 5px; margin: 0 0 0;
	
}
*/
#story1pane, #story2pane, #story3pane, #story4pane, #story5pane  {
	background-image: url(../images/blue_bg.png);
	background-color:transparent;
	height:165px;
	overflow:hidden;
	width: 350px;
	padding:5px 5px 10px 5px; margin: 0 0 0;
}	

/*#story1pane, #story2pane, #story3pane, #story4pane, #story5pane {
	padding:8px ;
}*/
#story1pane h2, #story2pane h2, #story3pane h2, #story4pane h2, #story5pane h2 {
	font-family: Arial, Helvetica, Verdana sans-serif;
	color: #C1D82F;
	font-size: 15px;
	padding: 0px;
	margin: 5px 0px 5px 0;
	text-align:left;

}

#story1 {
	position:absolute;
	left: 210px;
	top: 30px;}
#story2 {
	left: 650px;
	top: 150px;}
#story3 {
	left: 747px;
	top: 190px;}
#story4 {
	top: 360px;
	left: 525px;}
#story5 {
	left: 53px;
	top: 464px;	}

#text1, #text2, #text3, #text4, #text5 {
	float:left;
	clear:left;
	width:195px;
	height:160px;
	overflow:auto;
	background-color:transparent;		
	color: #FFFFFF;
	font-size:12px;
	padding:0;
	margin:5px 0 0 5px;
}
.home .viet{
	width: 85px;
	float: right;
	overflow:auto;
	bnackground-color:transparent;
	padding:0 0 0 10px;
	margin:0 0px  0 0;
	border-left:#FFFFFF 1px solid;		
}
.home .viet p  {
	font-family:"Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight:normal;
	background-color:transparent;
	margin:0 3px 4px 0;
	padding:0;
	font-size:15px;
	
}
.home .english {
	width: 85px;
	padding:0 0px 0 2px;
	margin:0;
	float:left;
	background-color:transparent;	
}
.home .english p{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	background-color:transparent;
	margin:0 3px 4px 0;
	padding:0;
	font-size:14px;}

.home #bg #footer .copyright {
	width: 900px;
}

/*.button {
	width: 320px;
	padding:0px; margin:0;
	left: 439px;
	top: 150px;
	height:30px;	
	text-align:center;
}
*/

#whos_talking {
	height: 86;
	width: 421;
	border-style: none;
	top: 280px;
	left: 75px;
	position: absolute;
}
#button1, #button2, #button3, #button4, #button5{
	text-align:center;
	}
#button1, #button3, #button4 {	font-family: Arial, Helvetica, sans-serif;}
#button1 {
	width:114px;
	position: absolute;
	left:115px;
	top:160px;
	z-index: 100;
	text-align: center;

}
#button3 {	text-align: center;	
	font-family: Arial, Helvetica, sans-serif;	}
#button1 h3, #button3 h3, #button4 h3   {
	font-size: 150%;
	color:#0B79AD;
	text-align:center;
}
#button1 a, button2 a, #button3 a, #button4 a, #button5 a {color:#0B79AD; text-decoration:none;}
#button2 {
	position: absolute;
	font-family:"Times New Roman", Times, serif;
	top: -58px;
	left: 66px;
	z-index: 100;
	width: 192px;
	height: 96px;
	text-align: center;
}

#button2 a {
	text-decoration: none;
		color:#0B79AD;
		font-weight:bold;
}	
#logo {
	position: absolute;
	left: 62px;
	top: 20px;
	width: 320px;
	height: 65px;
}
#footer {
	position: absolute;
	top: 540px;
	width: 904px;
	left: 75px;
}
#footer h3 {
	margin: 0 0 3px 0px;
	padding:0;
	color: #0B79AD;
	font-size:14pt;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	line-height: 17px;
}

#footer .normal_weight {
	font-size: 14px;
}

#footer p {
	font-size: 9pt;
	margin:0 0 3px 0;
	line-height: 20px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0B79AD;
	clear:both;
	margin:5px 0 5px 0;
	padding:0;
	width:900px;
}
#line1 {
	height: 64px;
	width: 325px;
	position: absolute;
	top: 145px;
	left: 370px;
	z-index:70;
}
#line4 {
	position: absolute;
	height: 159px;
	width: 10px;
	left: 295px;
	top: 456px;
	z-index: 70;
}


#story3 #story3pane h2 {
	margin-top: 0px;
	padding-top: 0px;
}
#button3 {
	position: absolute;
	text-align:center;
	top: 152px;
	left: 88px;
	z-index: 100;
	width: 205px;
	height: 79px;
}

#button1 h3, #button2 h3, #button3 h3, #button4 h3, #button5 h3 {
	margin: 0px;
	padding: 0px;
	text-align:center;
}
#top_links #top_nav #inspired {
	padding: 25px 0px 0px;
}
/*.story img {
	margin: 5px 0px;
	padding: 0px;
	float:right;
	clear:right;
}
*/



#button4 {
	position: absolute;
	width: 117px;
	top: 158px;
	left: 106px;
	z-index: 100;
}

#button5 {
	margin:0;
	padding:0;
	position: absolute;
	left: 54px;
	top: -58px;
	z-index: 100;
	width: 199px;
	text-align:center;
}

#top_links {
	padding-left: 400px;
}
#story3 .story .spacer img {
	margin-bottom: 5px;
}

#content #story h1 {
	color: #0B79AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22pt;
	clear:left;
	margin: 0 0 10px 0 ;
	padding:0px;
	width:800px;
}
#content h2 {
	color: #0B79AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22pt;
	clear:left;
	margin: 0 0 10px 0 ;
	padding:0px;
	width:800px;
}

#bottom {
	width: 955px;
	padding-left: 75px;
	background-color: #FFFFFF;
	background-image: url(../images/green_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 42px;
}



/*******************2ND TIER STYLES *************/


/*
#header {
	margin: 0px;
	padding: 80px 0px 3px 100px;
	background-image: url(../images/green_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 930px;
}

#header h2 {
	color: #0B79AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22pt;
	margin: 0px;
	padding: 0px;
}
*/
#content #right_box {
	float: right;
	background-color:#FFFFFF;
	height: 370px;
	overflow:auto;
	width: 565px;
	border: 2px solid #0B79AD;
	padding:5px;
	margin:0;
}



#content #left_box {
	float: left;
	padding: 0 5px 0 0px;
	margin:0 0px 0 0;
	width: 274px;
	border:none
}
#content #left_box img {
	margin: 0px;
}
#content #left_box #left_story .viet {
	color: #0B79AD;
	float: right;
	clear:right;
	width: 130px;
	padding: 0px;
	margin: 10px 0px 0px 0px;}
#content #left_box #left_story .english {
	color: #0B79AD;
	width: 130px;
	float: left;
	clear: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
#content #left_box #left_story .viet h3 {
font-size:20px; margin:0 0 3px 0}

#content #left_box #left_story .english h3{
font-size:18px; margin:0 0 3px 0}
#content #left_box #left_story .viet p, #content #left_box #left_story .english p {
margin:0;}
#content #left_box #left_story .english p {
padding-right:5px;}
.read {
	clear: both;
	margin-bottom: 10px;
	margin-top: 0px;
	padding:0 0 5px 0;
}
*.t2 {
	background-image: url(../images/2tier-bg.gif);
	background-repeat: no-repeat;
	background-position:0 40px;
}
.t2 #content {
	width:864px;
	margin-top:0;
	padding-top:65px;
	margin-right: 75px;
	margin-left: 75px;
	padding-bottom:10px;
}
#thumbs img {
	margin: 0px 4px 0px 0px;
	padding:0;
}
#content #story {
	height: 407px;
/*	overflow:auto;*/
	width: 860px;
	background-color: #FFFFFF;
	border: 2px solid #0B79AD;
	margin: 0px;
	padding: 0;
}

.t2 #content #story img {
	margin: 25px 10px 10px;
	padding: 0px;
}
.t2 #content #story h2 {
	width: 380px;
	color: #C1D82F;
	margin-top: 25px;
}
.t2 #content #story #story_text .viet {
	width: 180px;
	float: right;
	padding: 0 0 0 15px;
	margin: 5px;
	color: #0B79AD;
	border-left: 2px solid #0B79AD;		
}
.t2 #content #story #story_text {
	height: 390px;
	overflow: auto;
}

.t2 #content #story #story_text .english  {
	margin: 0px 0px 5px 0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;	
	color: #0B79AD;
	float: left;
	width: 185px;
}
.t2 #content #story #story_text .english h4 {
	margin:  0;
	padding:0;
}


.t2 #content #story #story_text .viet p {
	font-size: 12px;
	padding-right:5px;
	margin: 5px 0px 5px;
	line-height:1.2em;
}

#story_text .english p {
	font-size: 11px;
	padding-right:5px;
	margin: 5px 0px 8px;	
	line-height:1.2em;}

#story_text .viet h4 {
	margin: 0px;
	font-size:18px;
}

.t2 #bg #content #right_box h1 .viet {
	border-style: none;
	padding-left:0;
}


.t2 #btm {
	width:1000px;
	margin:0;
	padding:25px 0 20px 0px;
	border:none;
	background-color:#FFFFFF;
	background-image: url(../images/2tier-bg_btm2.gif);
	background-position: left top;
	background-repeat: no-repeat;	
}
.t2 #btm #left {
	width:860px;
	margin-left:75px;
}

.t2 #btm #left .english {
	float: left;
	clear:left;
	width: 425px;
	padding:0;
	margin:0;
	color: #0B79AD;
	font-family: Arial, Helvetica, sans-serif;
}
.t2 #btm #left .english .heading  {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #C1D82F;
	margin:0 0  2px 0;
}
.t2 #btm #left .viet .heading  {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #C1D82F;
	margin:0 0  2px 0;
}
.t2 #btm #left .viet {
	width: 420px;
	float: right;
	clear:right;
	color: #0B79AD;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	padding:0;
	margin:0;
}
.t2 #btm #left .english {
	font-size: 12px;
}
.t2 #btm .copyright {
	margin-left: 65px;
	text-align:left;
	color: #0b79AD;
}
#button1 h3, #button2 h3, #button3 h3, #button4 h3, #button5 h3 {
	color: #0B79AD;
}
#footer .viet {
	clear: both;
	width: 670px;
	letter-spacing: .02em;
	font-size: 11px;
	float:none;
	margin:0;
	padding:0;
}
.home #footer h3 {
	width: 650px;
}
.home #footer p {
	width: 675px;
	clear: left;
}
/*.home #footer .copyright {
	width: 900px;
	margin-top: 15px;
	clear: both;
	text-align: left;
	font-size: 10px;
}*/
.viet {
	font-family: "Times New Roman", Times, serif;
}
.t2 #content #left_box #left_story{
	width:274px;
	height:195px;
	overflow:auto;
	clear:both;
}
.t2 #content #left_box #left_story .english {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}


.t2 #content #right_box .english {
	width: 260px;
	float: left;
	clear: left;
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#0B79AD;
}
.t2 #content #right_box .viet {
	width: 250px;
	float: right;
	clear: right;
	font-family:"Times New Roman", Times, serif;
	color:#0B79AD;
	margin:0 5px 0 0 ;
	border-left:#0B79AD 2px solid;	
	padding-left:15px;
}



.t2 #content #right_box .viet h4, .t2 #content #right_box .english h4  {
	margin-bottom: 0px;
}
.t2 #content #right_box .english ul, .t2 #content #right_box .viet ul  {
	margin:8px 0 5px 0;

}

.t2 #bg #content #right_box .english li, .t2 #bg #content #right_box .viet li {
	font-size:12px;
	margin: 3px 0px 5px;

}
.t2 #bg #content #right_box .english p, .t2 #bg #content #right_box .viet p {
	font-size:12px;
	margin-bottom:10px;
	margin: 0px 0px 10px;
	line-height:1.2em;
}
.t2 #content #right_box .viet ul, .t2 #content #right_box .english ul  {
	margin: 5px 0px 0px 10px;
	padding-left: 10px;
}



.home  .viet p {
	margin: 0px 3px;
}

#icons #thumbs {
	padding: 0px;
	margin:2px 0 5px 0;
	width:445px;
	height:38px;
	}
.t2 #content #links {
	width:100%;
	height:38px;
	text-align: right;
	margin: 0 0 5px 0;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #0B79AD;
}
.t2 #content #icons #links {
	width: 415px;
	height:38px;
	float: right;
	text-align: right;
	clear: right;
	margin: 0;
	padding: 0px;
}


.t2 #content h2 .viet {
	font-size: 60%;
}
.t2 #content h2 .viet {
	width: 800px;
}
.t2 #content #right_box h1 {
	font-size:24px;
	margin: 0 0 0 5px;
	padding: 0px;	color: #C1D82F;	width: 500px;
	font-family:Arial, Helvetica, sans-serif;}

.t2 #content #right_box h1 .viet {
	width: 500px;
	text-align: left;
	color: #C1D82F;
	float: left;
	clear: both;
	font-size: 65%;
	margin-bottom:10px;
}
.t2 #content  #left_box #left_story .english p, .t2 #content #left_box #left_story .viet p {
	font-size:12px;
}
.t2 #content #left_box #left_story .viet {
	border-left: 2px solid #0B79AD;
	padding-left:10px;
}
.t2 #content #right_box .viet a, .t2 #content #right_box .english a {
	font-weight: bold;
	color: #0B79AD;
	text-decoration: underline;
}
.t2 #content #right_box .viet a:hover, .t2 #content #right_box .english a:hover {
	color: #0B79AD;
	text-decoration: none;
}

.t2 #content #story  h1 {
	color: #C1D82F;
	font-family: Arial, Helvetica, sans-serif;
}
.t2 #f1 #content #story .viet {
	font-size: 60%;
	font-family: "Times New Roman", Times, serif;
}
.t2 #content #story table {
	color: #0B79AD;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#links .last {
	margin-right: 15px;
}
.t2 #bg #content #icons #links #digital {
	clear: left;
	float: left;
	color: #0B79AD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.viet td { font-family:"Times New Roman", Times, serif; font-size:12px}
.t2 #f1 #content #icons #links {
	font-family: Arial, Helvetica, sans-serif;
	color: #0B79AD;
	font-size: 11px;
}
VN {
	line-height: 30px;
}
#line2 {position:absolute; left: 690px; top: 150px;}#line3 {
	position: absolute;
	top: 460px;
	left: 199px;
}