@charset "utf-8";
/* CSS Document */

img, div, input, a, span, li {
    behavior: url("iepngfix.htc");
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}

#wrapper{
	margin:0px auto;
	width:1005px;
	height:auto;
}

.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.clearboth{
	clear:both;
}

hr{
	margin-bottom:3px;
	border-top:1px #b2b2b2 solid;
}

input, select, textarea{
	border:1px #c5c5c5 solid;
	padding:0px 5px;
}

a{
	color:#1928CF;
}

a:hover{
	text-decoration:underline;
}

a:visited{
	color:#555555;
}

/*--------------- phần header -------------------------*/
.header{
	background:url(../images/bg-header.gif) repeat-x left;
	height:70px;
	position:relative;
}

.logo{
	position:absolute;
	top:12px;
	left:128px;
}

.top-module{
	color:#6c6b6b;
	position:absolute;
	top:45px;
	left:5px;
	width:950px;
}

.top-module a{
	color:#6c6b6b;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

.top-module a:hover{
	text-decoration:underline;
}

input.txt-search{
	background:url(../images/txt-search.gif) no-repeat;
	width:189px;
	height:18px;
	border:none;
	color:#6c6b6b;
	padding:2px 10px 0px 10px;
	margin-right:5px;
}

input.btn-search{
	background:url(../images/btn-search.gif) no-repeat;
	width:61px;
	height:20px;
	border:none;
	color:#ffffff;
	font-size:11px;
}

/*-------------- phần banner -----------------*/
.banner{
	height:263px;
}

.left-menu{
	background:url(../images/bg-left-menu.gif) repeat-x left top;
	width:162px;
	height:200px;
	padding-top:63px;
	padding-right:10px;
	_padding-right:6px;
	_padding-top:62px;
	/*_height:200px;*/
}

.left-menu a{
	font-size:12px;
	color:#fff;
	text-align:right;
	text-decoration:none;
	display:block;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:2px;
	_padding-top:0px;
	_padding-bottom:0px;
	font-weight:bolder;
}

.left-menu a:hover{
	text-decoration:underline;
}

.line-menu{
	background:url(../images/line.gif) repeat-x right top;
	height:1px;
	margin:0px;
	padding:0px;
	line-height:0.5em;
}

/*-------------- phần content ----------*/
.content{
	background:url(../images/bg-content.gif) repeat-x top left;
	height:auto;
	margin-top:2px;
	padding-top:10px;
}

.content p{
	color:#747474;
	font-size:12px;
	text-align:justify;
	margin: 5px 0px;
}

.quick-link{
	width:309px;
	padding-right:10px;
	text-align:right
}

.quick-link h1{
	color:#2f2f2f;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	_padding-top:7px;
	margin:10px 0px;
}

.quick-link a{
	color:#8b8a8a;
	font-size:12px;
	text-decoration:none;
	display:block;
}

.quick-link a:hover{
	text-decoration:underline;
}

.coming-event{
	width:250px;
	padding-left:10px;
	padding-right:10px;
}

.coming-event h1{
	text-transform:uppercase;
	font-size:15px;
	color:#00462f;
	font-family:Arial, Helvetica, sans-serif;
	_padding-top:7px;
	margin:10px 0px;
}

.event p{
	margin:0px;
}

.event p img{
	float:left;
	margin-right:10px;
}

a.title{
	color:#20a12f;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

a.title:hover{
	text-decoration:underline;
}

.information{
	width:400px;
	padding:0px 5px;
}

.information h1{
	font-size:15px;
	font-weight:bold;
	color:#026f4c;
	text-transform:uppercase;
	padding-top:5px;
	_padding-top:-20px;
	margin:10px 0px;
}

a.read-more{
	color:#759c04;
	font-size:11px;
	text-decoration:none;
	text-align:right;
	display:block;
}

a.read-more:hover{
	text-decoration:underline;
}
/*------------------ phần bottom module -------------------*/
.bottom-module-1{
	background:url(../images/bg-bottom-module-top.png) no-repeat top;
	width:309px;
	margin-right: 10px;
	padding-top:13px;
	margin-bottom:10px;
}

.bottom-module-bot{
	background:url(../images/bg-bottom-module-bot.png) no-repeat bottom;
	width:309px;
	height:11px;
}

.bottom-module{
	background:url(../images/bg-bottom-module.png) repeat-y;
	width:309px;
	height:100%;
}

.looking{
	padding-top:0px;
	padding-left:5px;
	width:102px;
}

.looking a{
	color:#525252;
	font-size:12px;
	text-decoration:none;
}

.looking a:hover{
	text-decoration:underline;
}

.looking p{
	color:#8b8a8a;
	margin:30px 0 0;
}

p.hit_img{
	margin:5px 0 0;
	text-align: center;
}

p.hit_title{
	margin:5px 0 0;
	color:#525252;
	font-size:13px;
}

.contact-us{
	padding-top:10px;
	padding-left:10px;
	padding-right:20px;
	width:270px;
}

.contact-us p{
	color:#8b8a8a;
	font-size:12px;
	margin:0px;
}

.contact-us p.title{
	color:#525252;
	font-size:13px;
	font-weight:bold;
	margin:0px;
}

/*----------------- phần uni logos -----------------*/
.uni-logos{
	width:650px;
	padding-right:24px;
	text-align:right;
	padding-top:60px;
}

/*--------------- phần footer ---------------------*/
.footer{
	padding-left:5px;
	padding-right:19px;
}

.footer a{
	color:#8b8a8a;
	font-size:10px;
	text-decoration:none;
	padding:0px 5px;
}

.footer a:hover{
	text-decoration:underline;
}

/*------------- phần new module ----------------*/
.new-module{
	width:686px;
}

.title-new-module{
	margin:12px 0px;
	height:16px;
	background:url(../images/h-line-title.png) repeat-x;
}

.title-new-module h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#014e35;
	margin:0px;
	padding-right:8px;
	text-transform:uppercase;
	background-color:#fff;
}

.categories-1{
	background:url(../images/bg-album-list-top.gif) no-repeat top;
	width:632px;
	padding-top:19px;
}

.categories{
	background:url(../images/bg-album-list.gif) repeat-y;
	width:632px;
	min-height:150px;
}

.categories-bot{
	background:url(../images/bg-album-list-bot.gif) no-repeat;
	width:632px;
	height:16px;
	position:relative;
}

.categories-bot .over{
	background:url(../images/img.png) no-repeat;
	width:257px;
	height:153px;
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:99999;
}


.categories h1, .list-news h1, .th-title{
	color:#375b4f;
	text-transform:uppercase;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:10px 0px 0px 20px;
}

.categories ul{
	margin:10px 0px 0px 0px;
	list-style-type:none;
	display:block;
	padding-left:40px;
	_padding-left:40px;
}

.categories ul li a{
	color:#555555;
	font-size:12px;
	width:140px;
	line-height:1.7em;
	text-decoration:none;
}

.categories ul li a:hover{
	text-decoration:underline;
}

/*----------- page new -------------*/
.list-news{
	margin:20px 0px;
}

.news{	
	width:632px;
}

.news ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.news ul li{
	margin:0px;
	padding:0px;
}

.news ul li p{
	color:#375b4f;
	text-transform:uppercase;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 20px;
	_margin:0px 10px;
	font-weight:bold;
}

.news ul li p.student-new a{
	background:url(../images/bullet.gif) no-repeat left center;
	padding-left:21px;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	line-height:2em;
	text-decoration:none;
	margin:0px;
	text-transform:none;
}

.news ul li p.student-new a:hover{
	text-decoration:underline;
}

.news ul li p.time{
	font-size:12px;
	color:#de5502;
	line-height:2em;
	margin-right:20px;
	_margin-right:10px;
}

/*-------------- page control ---------------*/
.content_img{
	width:428px;
}

.nav-controls a{
	color:#555555;
	font-size:12px;
	text-decoration:none;
	padding-right:5px;
}

.nav-controls a:hover{
	text-decoration:underline;
}

.nav-controls img{
	vertical-align:bottom;
}

.page-control{
	text-align:center;
	margin:10px 0px;
}

.page-control a{
	color:#555555;
	font-size:12px;
	text-decoration:none;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}

.page-control a:hover{
	text-decoration:underline;
}

.page-control a img{
	vertical-align:middle;	
}

ul.thumbs{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.thumbs li{
	float:left;
	margin-right:5px;
	margin-top:10px;
	width: 77px;
	height: 77px;
}

ul.thumbs li img{
	border:none;
}
/*--------------- page new detail ----------------*/
.new-detail p.title{
	color:#242424;
	font-size:13px;
	font-weight:bold;
}

.new-detail img{
	margin-right:10px;
}

.new-detail p{
	color:#555555;
	font-size:12px;
	width:630px;
}

/*------------ page about us ----------------*/
.about-us{
}

.about-us p{
	color:#494949;
	font-size:12px;
}

.about-us p img{
	float:left;
	margin-right:10px;
}

/*------------ page program -----------------*/
.table-pro{
	margin-bottom:20px;
	margin-top:20px;
}

.table-pro tr th{
	background:url(../images/bg-th.gif) repeat-x;
	height:27px;
	color:#fffefe;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px #fff solid;
	padding-left:20px;
	text-align:left;
}

.table-pro tr td{
	background:#e8f6f1;
	color:#494949;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px #fff solid;
	padding:5px 5px 5px 20px;
}

.table-pro tr td img{
	margin-bottom:10px;
}

.table-pro tr td ul{
	list-style-image:none;
	list-style-type:none;
}

/*---------- page contact us -------------*/
.form{
	width:70%;
}

.form p{
	margin:0px;
	margin-right:20px;
	margin-bottom:10px;
	font-size:12px;
	color:#595959;
}

.your-comment{
	background:url(../images/letter.gif) no-repeat right bottom;
}

.button{
	margin-top:10px;
}

.button input{
	background:#01704c;
	border:1px #000 solid;
	color:#fffffd;
	font-size:12px;
	padding:3px 10px;
}

.hr-line{
	border-top:1px #2e2304 dashed;
}

/*---------- page videos --------------------*/
p.graduation{
	color:#555555;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
}

.videos-thumbnail{
	width:194px;
	height:290px;
	overflow-y:scroll;
	margin-left:10px;
}

.videos-thumbnail a{
	color:#000;
	font-size:12px;
	text-decoration:none;
	display:block;
	/*text-align:center;*/
}


.videos-thumbnail a:hover{
	text-decoration:underline;
}
.slideshow img{
	border: none;
}
.video_name{
	width: 80px;
}
.contact_title{
	font-size: 12px;
	color: #595959;
	margin:  5px 20px 10px 0;
	float: left;
	width: 80px;
}

#form_contact label.width_none{
	width: 150px;
	margin-top: 10px;
}

.contact_input{
	margin-top: 5px;
	width: 150px;
}

#form_contact .error{
	color: red;
	float: left;
	margin-top: 5px;
	font-weight: bold;
}
form#search_form label{
	margin-right:10px;
}
#slider_adv ul{
	margin:0;
	padding:0;
	list-style:none; 
}
#slider_adv ul li{
	width:302px;
	height:158px;
	overflow:hidden; 
}

/*--------------------css phan tabs --------*/
.tabs{
	padding-bottom:10px;
}

.tabs a{
	color:#014e35;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	text-align:center;
	padding-top:10px;
	width:110px;
	height:31px;
}

.tabs a.active{
	background:url(../images/bg-tab-a.gif) no-repeat;
}

#slideshowContent a{
	width: 309px;
}
dt.student-new{
	font-size: 12px;
}

.top-bg-category{
	background:url(../images/top.gif) no-repeat top left;
	height:36px;
	width:631px;
}

.bottom-bg-category{
	background:url(../images/bottom.gif) no-repeat bottom left;
	width:631px;
}
#cse-search-results iframe{
	width: 670px;
}

/*-----------15-1/2010-------------*/
.absolute-index{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:302px;
	height:79px;
}

.flash{
	z-index:10;
}

a.a-item{
	background:url(../images/bullet.gif) no-repeat left;
	padding-left:20px;
	margin:5px 0 5px 10px;
}

