﻿

/*
==============================================
Clearing css
==============================================
*/
* {
	padding:0;
	margin:0;
	outline:none;
}


/*
==============================================
header section
==============================================
*/

#header {
	width:960px;
	float:left;
	padding-top:15px;
	padding-bottom:10px;
}
#header img#logo {
	float:left;
  margin-bottom:8px;
}
#right_header {
	float:right;
	width:650px;
}

/*
==============================================
navigation section
==============================================
*/

#nav {
	width:960px;
	float:left;
	position:relative;
	z-index:100;
	background:#fff;
}
#nav ul li {
	float:left;
	position:relative;
}
#nav ul li:first-child a {
	padding:0 10px 0 14px;
}
#nav ul li a {
	display:block;
	line-height:40px;
	font-size:13px;
	color:#003c60;
	font-weight:bold;
	padding:0 10px;
}
#nav ul li a:hover, #nav ul li a.active {
	text-decoration:none;
	background:#003c60;
	color:#fff;
}
#nav ul li:hover > a {
	text-decoration:none;
	background:#003c60;
	color:#fff;
}
#nav li ul {
	margin:0;
	padding:6px 5px;
	width:190px;
	background:#003c60;
	position:absolute;
	left:-99999px;
	top:40px;
}
#nav li ul li {
	width:190px;
	padding:0;
  height:auto;
}
#nav li:hover ul {
	left:0;
}
#nav li ul li:first-child a {
	padding:0 0 0 10px;
}
#nav li ul li a {
	padding:0;
	padding-left:10px;
	margin:0;
	width:auto;
	height:auto;
	line-height:25px;
	color:#fff;
  border-bottom:dotted 1px #ffffff;
  font-size:12px;
}
#nav li ul li a:hover, #nav li ul li:hover > a {
	color:#003c60;
	background-color:#ffffff;
		width:auto;
}
#nav li ul li ul {
	width:auto;
	background:#ffffff;
	top:0;
	display:none;
	height:auto;
}
#nav li ul li ul li {
	padding:0;
	margin:0;
}
#nav li ul li:hover ul {
	display:block;
	left:192px;
}
#nav li ul li ul li a {
	width:auto;
	color:#003c60;
	height:auto;
  border-bottom:dotted 1px #003c60;
}
#nav li ul li ul li a:hover, #nav li ul ul li:hover > a {
	
  color:#ffffff;
	background-color:#003c60;
}

/*
==============================================
footer section
==============================================
*/

#outer_footer {
	width:100%;
	height:182px;
	background:url(/images/bg-footer.png) repeat-x left top #00456c;
	float:left;
}
#footer {
	width:960px;
	margin:0 auto;
}
#left_footer {
	float:left;
	width:540px;
	background:url(/images/bg-border-left.png) repeat-y right top;
	height:121px;
	padding-right:2px;
	padding-top:15px;
}
#left_footer li {
	float:left;
	width:180px;
}
#left_footer li h2 {
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dashed #003c60;
}
#left_footer li a {
	display:block;
	float:left;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	color:#feffff;
	padding-left:8px;
	background:url(../images/sep-program.png) no-repeat left 4px;
	line-height:15px;
}
#left_footer li ul li {
	padding-bottom:4px;
}
#right_footer {
	width:416px;
	padding-right:2px;
	float:right;
	background:url(../images/bg-border-left.png) repeat-y right top;
	height:136px;
}
.tweetbox {
	width:408px;
	float:left;
	padding-left:8px;
	height:76px;
	padding-top:8px;
}
.left_tweet {
	float:left;
	width:294px;
	background:#a58235;
	padding: 9px 10px;
	padding-bottom:4px;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	position:relative;
}
.left_tweet em.shoutright {
	display:block;
	float:right;
	position:absolute;
	border-bottom: 10px solid #d4ad58;
	border-left: 12px solid #a58235;
	border-top: 10px solid #d4ad58;
	right:-12px;
	width:0;
	height:0;
	top:50%;
	margin-top:-10px;
}
.left_tweet p {
	line-height:16px;
	padding-bottom:4px;
}
.left_tweet p a {
	color:#b4c576;
}
.right_tweet {
	float:right;
	width:92px;
	text-align:center;
}
.right_tweet h3 {
	font-size:12px;
	color:#fff;
	padding-bottom:0;
	word-spacing:-1px;
}
.bottom_links {
	width:416px;
	float:left;
	background:url(../images/bg-border.png) repeat-x top;
	padding-top:2px;
	height:50px;
}
.left_links {
	float:left;
	width:203px;
	padding-right:2px;
	background:url(../images/bg-border-left.png) repeat-y right top;
	height:37px;
	padding-top:13px;
}
.left_links li {
	float:left;
	padding-left:6px;
}
.left_links li h3 {
	color:#fff;
	padding-top:4px;
	padding-right:4px;
}
.right_links {
	text-align:center;
	width:210px;
	float:left;
	color:#fff;
	font-weight:bold;
	padding-top:15px;
}
.right_links h3 {
	font-size:16px;
	color:#fff;
	line-height:18px;
}
.bottom_footer {
	width:960px;
	float:left;
	padding-top:12px;
}
.bottom_footer p {
	float:left;
	width:850px;
	color:#fff;
}
.bottom_footer a#topScroll {
	color:#fff;
	display:block;
	float:right;
	padding-right:27px;
	background:url(../images/btn-top.png) no-repeat right top;
	line-height:19px;
}
/*Contact us*/

#contact_us {
	float:left;
	width:938px;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:14px 10px;
	padding-bottom:0px;
	margin-bottom:20px;
}
.addressbox {
	width:906px;
	float:left;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:15px 10px 10px 20px;
	margin-bottom:10px;
}
.quickinquiry {
	width:938px;
	float:left;
}
.addressbox h2, .inquiry_form h2, .inquiry_note h2 {
	color:#003c60;
	line-height:16px;
	padding-bottom:14px;
}
.postal_address {
	float:left;
	width:300px;
}
.visitaddres {
	float:left;
	width:275px;
}
.postal_address ul li {
	float:left;
	width:100%;
	padding-bottom:10px;
	font-family:tahoma, arial, sans-serif;
	color:#222427;
}
.postal_address li span {
	display:block;
	float:left;
	width:17px;
	text-align:center;
	margin-top:6px;
}
.postal_address li .desc {
	float:left;
	width:210px;
	padding-left:12px;
}
.postal_address li p {
	line-height:18px;
	padding-bottom:0;
}
.postal_address li p strong {
	color:#003c60;
	line-height:22px;
}
.map_address {
	float:right;
	width:328px;
}
.map_address img {
	border:1px solid #ccc;
	float:left;
}
.inquiry_form {
	float:left;
	width:554px;
	border:1px solid #ccc;
	padding:20px;
	padding-bottom:14px;
	margin-bottom:12px;
}
.inquiry_form li {
	float:left;
	width:554px;
	line-height:25px;
	color:#575757;
}
.inquiry_form li div.left {
	float:left;
	width:268px;
	line-height:16px;
}
.inquiry_form li div.left input {
	width:246px;
	height:15px;
	background:#fff;
	border:1px solid #ccc;
	padding:3px 10px;
	margin-bottom:11px;
}
.inquiry_form li div.right {
	width:268px;
	float:right;
	line-height:16px;
}
.inquiry_form li div.right textarea {
	width:246px;
	height:82px;
	background:#fff;
	border:1px solid #ccc;
	padding:3px 10px;
	margin-bottom:10px;
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	overflow:auto;
	color:#999;
}
.inquiry_form li input.btn_submit {
	float:left;
	width:83px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:none;
	cursor:pointer;
	background:#003c60;
	margin-right:8px;
}
.inquiry_form li a {
	color:#575757;
}
.inquiry_note {
	float:right;
	width:314px;
	padding-top:6px;
}
.inquiry_note p {
	line-height:17px;
	padding-bottom:14px;
}
.inquiry_note li {
	line-height:18px;
	color:#333;
}
/*Gallery*/

#gallery {
	float:left;
	width:938px;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:14px 10px;
	padding-bottom:0px;
	margin-bottom:20px;
}
.heading_gallery {
	float:left;
	width:938px;
	padding-bottom:12px;
}
.heading_gallery h1 {
	float:left;
	width:700px;
	padding-bottom:0;
	padding-top:5px;
}
.heading_gallery ul {
	float:right;
}
.heading_gallery ul li {
	float:left;
	padding-left:10px;
}
.heading_gallery li a {
	display:block;
	float:left;
	line-height:25px;
	padding:0 12px;
	background:#003c60;
	border:2px solid #003c60;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
.gallery_category {
	float:left;
	width:916px;
	background:#003c60;
	border:1px solid #003c60;
	padding:3px 10px;
	margin-bottom:10px;
}
.gallery_category h2 {
	float:left;
	padding-bottom:0;
	padding-top:3px;
}
.select_gallery {
	float:right;
}
.select_gallery label {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:20px;
	padding-right:8px;
	display:block;
	float:left;
}
.select_gallery select {
	float:left;
	height:22px;
	padding:2px;
	border:1px solid #ccc;
	width:160px;
	font-size:11px;
	color:#747474;
	font-family:tahoma, arial, sans-serif;
}
#content_gallery {
	float:left;
	width:936px;
	position:relative;
	overflow:hidden;
}
#content_gallery li {
	float:left;
	width:215px;
	height:140px;
	overflow:hidden;
	border:5px solid #ddd;
	margin-left:4px;
	margin-right:5px;
	margin-bottom:10px;
}
#content_gallery li a {
	display:block;
	float:left;
	position:relative;
	width:215px;
	height:140px;
	text-decoration:none;
}
#content_gallery li a span {
	display:none;
	float:left;
	width:195px;
	background:url(../images/bg-tran-1.png);
	color:#fff;
	font-size:11px;
	left:0;
	bottom:0;
	padding:5px 10px;
	z-index:10;
	height:20px;
	position:absolute;
}
#content_gallery li:hover {
	border:5px solid #d4ad58;
}
#content_gallery li:hover span {
	display:block;
}
#content_gallery li img {
	float:left;
	position:relative;
	z-index:1;
}
#content_gallery li span {
}
.student_box img {
	float:left;
	margin-bottom:12px;
}
.student_box p {
	color:#fff;
	line-height:17px;
	padding-bottom:0;
}
/*Course search*/

.coursesearch {
	width:280px;
	float:left;
}
.coursesearch h2 {
	background:#003c60;
	line-height:33px;
	padding:0;
	padding-left:15px;
}
.coursesearch ul {
	float:left;
	width:288px;
	padding:8px 10px;
	padding-bottom:0;
}
.coursesearch ul li {
	float:left;
	width:288px;
	padding-bottom:11px;
}
.coursesearch ul li label {
	display:block;
	float:left;
	width:100%;
	font-size:12px;
	color:#003c60;
	font-weight:bold;
	line-height:17px;
	padding-bottom:3px;
}
.coursesearch ul li input.txt1 {
	float:left;
	width:266px;
	height:15px;
	padding:3px 10px;
	font-family:tahoma, arial, sans-serif;
	color:#999;
	font-size:11px;
	border:1px solid #d5d5d5;
}
.coursesearch ul li span {
	display:block;
	float:left;
}
.coursesearch ul li span.left {
	width:152px;
}
.coursesearch ul li span.right {
	width:130px;
	float:right;
}
.coursesearch ul li select {
	border:1px solid #ddd;
	float:left;
	padding:5px;
	height:27px;
	font-family:tahoma, arial, sans-serif;
	color:#999;
	font-size:11px;
}
.coursesearch ul li span.left select {
	width:150px;
}
.coursesearch ul li span.right select {
	width:130px;
}
.coursesearch ul li span.groupradio label {
	width:auto;
	font-size:11px;
	color:#333;
	padding:5px 10px 0 0;
	line-height:16px;
}
.coursesearch ul li span.groupradio label input {
	float:left;
	width:14px;
	height:14px;
	line-height:0;
	font-size:0;
	margin-right:6px;
	margin-top:1px;
}
.coursesearch ul li a.btn_search {
	display:block;
	float:left;
	background:url(../images/bg-btn-left.png) no-repeat left top;
	height:25px;
	line-height:25px;
	padding-left:23px;
	font-weight:bold;
	color:#fff;
	font-size:13px;
}
.coursesearch ul li a.btn_search span {
	padding-right:20px;
	cursor:pointer;
	background:url(../images/bg-btn-right.png) no-repeat right top;
}

/*
==============================================
banner section
==============================================
*/

#banner_wrapp {
	width:960px;
	float:left;
	height:260px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
}
#banner {
	float:left;
	width:960px;
	position:relative;
	height:380px;
	z-index:5;
}
#banner_accordion {
}
.acord_box {
	width:230px;
	float:left;
	margin-bottom:2px;
	background:url(/images/bg-tran-1.png);
	overflow:hidden;
}
.hdaccor {
	width:215px;
	float:left;
	height:25px;
	background:#003c60;
	text-align:left;
	padding-top:8px;
	cursor:pointer;
	padding-left:15px;
}
.hdaccor h2 {
	padding-bottom:0;
	font-size:13px;
	word-spacing:-1px;
	color:#ffffff;
}
.slideaccor {
	width:210px;
	float:left;
	padding-top:8px;
	padding:14px 11px 0 9px;
	height:206px;
}
.slideaccor h5 {
	font-size:15px;
	font-family:Calibri;
	color:#fff;
	font-weight:bold;
	line-height:20px;
	padding-bottom:5px;
}
.slideaccor ul li {
	float:left;
	width:210px;
}
.slideaccor ul {
	float:left;
	width:210px;
	margin-bottom:8px;
}
.slideaccor ul li a {
	display:block;
	float:left;
	line-height:19px;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	padding-left:28px;
	width:182px;
	background:url(/images/sep-acord.gif) no-repeat 6px 6px;
}
.slideaccor ul li a:hover, .slideaccor ul li a.active {
	background:url(/images/sep-acord.gif) no-repeat 6px 6px #003c60;
}
.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;
}