@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    outline: medium none;
    padding: 0;
	text-decoration:none;
}
body{
    background: url("images/bg-body.jpg") repeat-x scroll center top transparent;
	 color: #555555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
  
}
#header {
    float: left;
    padding-bottom: 10px;
    padding-top: 15px;
    width: 960px;
}
#top_nav {
    float: left;
    padding-bottom: 34px;
    width: 330px;
}

#top_nav ul {
	float:right; list-style:none
}
#top_nav li {
	float:left;
	background:url(images/sep-header.png) no-repeat left center;
	padding:0 6px 0 8px;
}
#top_nav li:first-child {
	background:none;
}
#top_nav li a {
	display:block;
	float:left;
	line-height:21px;
	font-family:tahoma, arial, sans-serif;
	color:#fff;
	padding-left:5px;
	text-decoration:none;
}
#top_nav li a:hover, #top_nav li a.active { 
	background:url(images/bg-topnav-left.png) no-repeat left top;
	color:#fff;
}
#top_nav li a:hover span, #top_nav li a.active span {
	background:url(images/bg-topnav-right.png) no-repeat right top;
}
#top_nav li a span {
	display:block;
	float:left;
	padding-right:5px;
}
 .search{ border: 1px solid #D5D5D5;
    color: #5F5F5F;
    float: left;
    font-family: tahoma,arial,sans-serif;
    font-size: 11px;
    height: 15px;
    padding: 4px 10px;
    width: 185px;}
	
	.seachtext a {
    background: url("../images/bg-btn-search.png") no-repeat scroll 12px 7px #004A72;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: tahoma,arial,sans-serif;
    font-weight: bold;
    line-height: 25px;
    padding-left: 28px;
    padding-right: 15px; width:100px
}

.fl{ float:left}
.cl{ clear:both}
.w960{ width:960px}
.w420{width:420px}


/*
==============================================
navigation section
==============================================
*/
#nav {
	width:960px;
	float:left;
	height:40px;
	position:relative;
	z-index:100;
	background:#fff;
}
#nav ul li {
	float:left;
	position:relative; 
	list-style:none; 
	
}
#nav ul li:first-child a {
	padding:13px 15px 0 14px;
}
#nav ul li a {
	display:block;
	height:40px;
	font-size:13px;
	color:#2a789e;
	font-weight:bold;
	padding: 12px; 
}
#nav ul li a:hover, #nav ul li a.active {
	text-decoration:none;
	background:url(images/bg-nav-hover.gif) repeat-x top;
	color:#fff; height:40px;
}
#nav ul li:hover > a {
	text-decoration:none;
	background:url(images/bg-nav-hover.gif) repeat-x top;
	color:#fff;
}
#nav li ul {
	margin:0;
	padding:6px 5px;
	width:164px;
	background:#003c60;
	position:absolute;
	left:-99999px;
	top:40px;
}
#nav li ul li {
	width:164px;
	padding:0;
	height:25px; list-style:none;
}
#nav li:hover ul {
	left:0;
}
#nav li ul li:first-child a {
	padding-left:10px;
	margin:0;
	width:154px;
	height:auto;
	height:40px;
	color:#fff; padding-top:7px; text-align:left;
}
#nav li ul li a {
	
	padding-left:10px;
	margin:0;
	width:154px;
	height:auto;
	line-height:25px;
	color:#fff; padding-top:7px;text-align:left
	
}
#nav li ul li a:hover, #nav li ul li:hover > a {
	background:url(images/hover-list.png) no-repeat left top; 
	color:#003c60;
}
#nav li ul li ul {
	width:150px;
	background:#f8f8f8;
	left:170px;
	top:0;
	display:none;
}
#nav li ul li ul li {
	padding:0;
	margin:0;
}
#nav li ul li:hover ul {
	display:block;
	left:154px;
}
#nav li ul li ul li a {
	width:140px;
	color:#003c60;
}
#nav li ul li ul li a:hover, #nav li ul ul li:hover > a {
	color:#fff;
	background:url(images/bg-hover-list2.png) no-repeat left top; 
	
}


/*
==============================================
content section
==============================================
*/
#content {
	width:960px;
	float:left;
}
/*
==============================================
banner section
==============================================
*/

#banner_wrapp {
	width:960px;
	float:left;
	height:300px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}
#banner {
	float:left;
	width:960px;
	position:relative;
	height:300px;
	z-index:5;
}
#banner_accordion {
	position:absolute;
	right:10px;
	top:10px;
	z-index:10;
	width:230px;
}
.acord_box {
	width:230px;
	float:left;
	margin-bottom:2px;
	background:url(images/bg-tran-1.png);
	overflow:hidden; opacity:0.9;
}
.hdaccor {
	width:215px;
	float:left;
	height:25px;
	background:#002539;
	text-align:left;
	padding-top:8px;
	cursor:pointer;
	padding-left:15px;
}
.hdaccor h2 {
	padding-bottom:0;
	font-size:13px;
	word-spacing:-1px;
}
.slideaccor {
	width:210px;
	float:left;
	padding-top:8px;
	padding:14px 11px 0 9px;
	height:200px;
}
.slideaccor h5 {
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	line-height:20px;
	letter-spacing:-1px;
	padding-bottom:14px;
}
.slideaccor ul li {
	float:left; list-style:none;
	width:210px;
}
.slideaccor ul {
	float:left;
	width:210px;
	margin-bottom:8px;
}
.slideaccor ul li a { text-align:left;
	display:block;
	float:left;
	line-height:30px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	padding-left:28px;
	width:182px;
	background:url(images/sep-acord.gif) no-repeat 10px 10px;
}
.slideaccor ul li a:hover, .slideaccor ul li a.active {
	background:url(images/sep-acord.gif) no-repeat 10px 10px #07405d;
}
.slideaccor h6 {
	font-size:11px;
	color:#fff;
	line-height:21px;
	margin-bottom:14px;
	background:url(images/bg-tran-1.png);
	padding-left:10px;
	float:left;
	width:200px;
}
.slideaccor a.btn_banner1 {
	display:block;
	width:201px;
	height:32px;
	float:left;
	background:url(images/btn-slide1.png) no-repeat left top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#000;
	text-decoration:none;
	margin-left:6px;
	margin-bottom:5px;
}
.slideaccor a.btn_banner2 {
	display:block;
	width:201px;
	height:32px;
	float:left;
	background:url(images/btn-slide2.png) no-repeat left top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin-left:6px;
	margin-bottom:5px;
	font-weight:bold;
}
table a.btn_banner2 {
	display:block;
	width:201px;
	height:32px;
	float:left;
	background:url(images/btn-slide2.png) no-repeat left top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin-left:6px;
	margin-bottom:5px;
	font-weight:bold;
}
div.btn_banner2 {
	display:block;
	width:201px;
	height:32px;
	float:left;
	background:url(images/btn-slide2.png) no-repeat left top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin-left:6px;
	margin-bottom:5px;
	font-weight:bold;
}
/*
==============================================
Banner inner Page
==============================================
*/
#banner_wrapp_inner {
	width:960px;
	float:left;
	height:250px;
	margin-bottom:15px;
	overflow:hidden;
	position:relative;
}
#banner_inner {
	width:960px;
	height:250px;
	position:relative;
	overflow:hidden;
	z-index:10;
}
#heading_banner {
	position:absolute;
	left:14px;
	display:block;
	bottom:18px;
	background:url(../images/bg-heading-banner.png) no-repeat left top;
	width:171px;
	height:123px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:left;
}
#hd_news {
	position:absolute;
	left:14px;
	display:block;
	bottom:15px;
	background:url(../images/hd-news.png) no-repeat left top;
	width:304px;
	height:103px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:left;
}
#hd_gallery {
	position:absolute;
	left:14px;
	display:block;
	bottom:15px;
	background:url(../images/hd-gallery.png) no-repeat left top;
	width:334px;
	height:103px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:left;
}
#hd_contact {
	position:absolute;
	left:14px;
	display:block;
	bottom:15px;
	background:url(../images/hd-contactus.png) no-repeat left top;
	width:264px;
	height:93px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:left;
}
#hd_course {
	position:absolute;
	left:14px;
	display:block;
	bottom:18px;
	background:url(../images/hd-courses.png) no-repeat left top;
	width:171px;
	height:123px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:left;
}

/*
==============================================
Study Programs
==============================================
*/
.study_programs {
	width:960px;
	float:left;
	margin-bottom:18px;
}
.study_programs li {
	float:left;
	margin-left:15px;
	position:relative;
	height:156px;
	overflow:hidden;
}
.study_programs li:first-child {
	margin:0;
}
.study_programs li .programdetail {
	position:absolute;
	left:5px;
	width:299px;
	bottom:5px;
}
.study_programs li .programdetail .headingprogram {
	width:285px;
	padding-left:14px;
	height:25px;
	background:#002539;
	text-align:left;
	padding-top:8px;
	cursor:pointer;
}
.study_programs li .programdetail .headingprogram h2 {
	padding-bottom:0;
	line-height:18px;
}
.study_programs li .detailprogram {
	float:left;
	width:279px;
	padding:6px 10px;
	background:url(images/bg-tran-1.png);
	opacity:0.9;
}
.study_programs li .detailprogram p {
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	line-height:17px;
	padding:0;
	padding-bottom:6px;
	text-align:left;
}
.study_programs li .detailprogram .readmore {
	float:left;
	width:279px;
	border-top:1px solid #454542;
	padding-top:6px;
}
.study_programs li .detailprogram .readmore a {
	display:block;
	float:right;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	padding-left:10px;
	background:url(../images/sep-program.png) no-repeat left 4px;
	line-height:15px;
}
.box_spotlight {
	float:left;
	width:310px;
	padding-bottom:14px;
	margin-bottom:14px;
	border-bottom:1px dotted #b8b8b8;
}
.box_spotlight img {
	float:left;
}
.box_spotlight .spot_desc {
	float:right;
	width:230px;
}

#footer{ width:100%; background:url(images/bg-footer.png) repeat-x left top #00456c; height:180px; padding-top:15px;}
.footer-con{ width:900px; float:left;  }
.footer-con ul{ width:180px;float:left}
.footer-con ul li{ float: left; width: 180px; list-style:none}
.footer-con ul li h2{ border-bottom: 1px dashed #376A87;
    margin-bottom: 5px; text-align:left;
    padding-bottom: 5px;}
.footer-con ul li a{ background: url("images/sep-program.png") no-repeat scroll left 4px transparent;
    color: #FEFFFF;
    display: block;   float: left;
    font-family: tahoma,arial,sans-serif;
    line-height: 15px; padding-bottom: 4px;
    padding-left: 8px; text-align:left}
.footer-con ul li a:hover{ text-decoration:underline; cursor:pointer}
h2{color:#FFF}
span h5{ font-size:14px; color:#099}
.news-con{ text-align:left; margin-left:75px; }
.news {padding-bottom:20px; border-bottom: 1px dotted #B8B8B8; margin-top:10px}
.news-head{ font-size:16px; text-align:left; font-weight:bold; color:#FFF; line-height: 33px;
    padding: 0 0 0 15px;}
 a.read{color:#002539; }
 a.read:hover{ text-decoration:underline; color:#666}

.hs10{ line-height:10px; height:10px}
.heading{ font-size:18px; font-weight:bold; color:#002539}
.fr{ float:right}
.copyright{ text-align:left; font-size:11px; color:#FFF; padding-top:14px; height:20px }
.copyright a{color:#FFF; text-decoration:none}
.copyright a:hover{color:#FFF; text-decoration: underline}
.con ul li { line-height:25px; }
.con ul.un li { list-style:none}
.con{ line-height:22px; width:609px; text-align:left; padding:10px; font-size:14px}
.con1{ line-height:22px; width:610px;  padding:10px; font-size:14px}
.con ul { padding-left:20px}
table.bodycontent tr td{ padding-right:20px}
.con-style{ background-color:#FFF; width:940px; padding:10px}
.inimg{ width:250px; border:#999 solid 1px; padding:2px}
.inimgpadl{ margin-right:40px; margin-top:10px}
.inimgpadr{margin-left:10px; margin-bottom:10px}

.con-nav ul li ul{margin:0;
	padding:6px 5px;
	width:100px;
	background:#CFE9F6;
	position:absolute;
	left:-99999px;
	top:25px;}
	
	.con-nav li ul li {
	width:100px;
	padding:0;
	height:25px; list-style:none; border:none;
}
.con-nav li:hover ul {
	left:0;
}
.con-nav li ul li:first-child a {
	padding-left:10px;
	margin:0;
	width:115px;
	height:auto;
	height:40px;
	color:#003C60; padding-top:7px; text-align:left;
}
.con-nav li ul li a {
	
	padding-left:10px;
	margin:0;
	width:100px;
	height:auto;
	line-height:25px;
	color:#003C60; padding-top:7px;text-align:left
	
}
.con-nav li ul li a:hover, .con-nav li ul li:hover > a {color:#fff;}


.con-nav {position:relative; }
.con-nav ul li{ float:left; padding: 0px 10px 0px 10px; list-style:none; border-right: #1F6990 solid 1px; margin:4px 0px 4px 0px; position:relative; }
.con-nav{ background-color:#CFE9F6; height:33px}
.con-nav ul li a{ color:#003C60; text-decoration:none; font-size:13px; font-weight:bold  }
.con-nav ul li a:hover{ color:#fff; }





.con table tr td { padding-left:5px}
.con1 table tr td { padding-left:5px}
ul.site-map li a{ color: #009999; font-weight:bold}
ul.site-map li ul li a{ color:#666; font-weight:normal}
.table{ line-height:35px}

.con table.tar tr td { text-align:right; padding-right:5px}
.con table tr.tal td{ text-align: center}
 table.maxw tr td img{ width:140px; }
 table.maxw tr td {border:solid 1px  #DDEFF9}
/* external file "myvsstyle.css" begins */

 .tabmsg { font-size:12px; text-align:center; font-family: "Arial", "Helvetica", sans-serif; color: #003; }
 .stileupdn {font-weight:bold; font-size:8px; font-family: "Arial", "Helvetica, sans-serif"; text-align:center; color:#003; }
 
b.scrolla{ color:#009999}
b.scrolla a{ color:#009999}
b.scrolla a:hover{ color:#F00}

.logo{ width:525px; text-align:left; font-size:26px; font-weight:bold ;color:#FFF; margin-top:15px; margin-left:0px; font-family: Georgia, "Times New Roman", Times, serif }
#scrolldiv table, #scrolldivs table{width:295px;}
/* end of external file "myvsstyle.css" */

#nav ul li#hghg{height:35px;}
#nav ul li#hghg a.active,#nav ul li#hghg a:hover{height:40px;}
#nav li ul li#hghg a:hover, #nav li ul li#hghg:hover > a {
	background:url(images/hover-list1.png) no-repeat left top; 
	color:#003c60;
}
table tr td.FormHead{ background-color:#CFE9F6;color:#000;}
table tr.FormHead{ background-color:#CFE9F6; color:#000; }
a img{border:0px;}
table.pad0 tr td{ padding:0px}

.txtlink{ color:#39C; cursor:pointer; text-decoration:none}
.txtlink:hover{ text-decoration:underline}
.textbox{ background-color:#CEEAF6; padding-left:5px; line-height:15px}
.textbox option{background-color:#CEEAF6; padding-left:5px; line-height:15px}