body{ background: url(../images/background.png) repeat-x center top #FFF ; 
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter:gray !important;*/
}
.mainContent{ margin:0 auto; width:960px;}
.header { background:url(../images/header_bg.png) no-repeat; height:80px;}
.logo { background:url(../images/shue_yan_logo.png) no-repeat; width:386px; height:50px; margin:15px; float:left;}
.header_menu_top{  margin:8px 10px 22px 0;}
.lang { margin-left:15px;}
.lang li{ float:right; font-size:0.75em; }
.lang li a { color:#333333;}
.lang li a.active { color:#FF3419;}
.text-bnt li{ margin-right:2px; float:right;}
/*search*/
.search{  background:url(../images/search-bg.png) no-repeat; width:160px; height:20px;}
.search input{ width:125px; height:20px; line-height:20px; background:none; padding:0px 4px; border:none; float:left;}
.search button{ width:20px; height:20px; float:left; background:url(../images/search-bnt.png) center no-repeat; }
.index-main-bg{background:url(../images/index-main-bg.jpg) #FFF center top no-repeat;}
.index-banner .nivoSlider {width: 731px;}
.index-banner{ height:330px; position:relative; }
.index-banner-cover{ background: url(../images/index_cover.png) center no-repeat; height:330px; width:100%; position:absolute; z-index:10; top:0;}
.inner-banner{}
/*quick-link*/
.quick-links{ position:relative; float:right; width:215px; padding-right:10px; margin-top:60px; }
.quick-links-title{ color:#FFF; font-size:0.8125em; font-weight:bold; margin-bottom:20px;}
.quick-links li {  line-height:30px; color:#ADDF15; font-size:0.8125em; border-bottom: 1px solid #000; border-top:1px solid #3e5933; }
.quick-links li a {background: url(../images/quick-links.png) no-repeat center left; padding-left:10px; color: #ADDF15;}
.quick-links li.first { border-top:0;}
.content{ position:relative; height: auto; min-height:400px; padding-bottom:10px;}
.content_inn1 { width:700px; float:left;}
.content_inn2 { width:240px; float:right; margin:0 10px;}
.banner2{ margin:15px;}
/*achievements*/
.achievements{ margin:0px 10px 10px 10px ;}
.dark-title{ font-size:0.9375em; color:#333333; line-height:22px; font-weight:bold; padding-left:5px;}
.achievements-frame{  background: url(../images/achievements_bg.png) repeat; border-radius:10px; padding:10px; margin-bottom:7px; }
.achievements-pic { float:left; border:1px solid #41B739; margin-right:20px;}
.achievements-text{ float:left; margin:10px 0; line-height:20px; width:480px;}
.achievements-text-date{ color:#FF270B; font-weight:bold;}
.achievements-text-title{ color:#333333; font-weight:bold;}
.achievements-bnt{ text-align:center; clear:both}
.achievements-bnt a {
display: inline-block;
width: 10px;
height: 0px;
padding-top: 10px;
overflow: hidden;
background: url(../images/achievements_bnt.png) no-repeat;
text-indent: -9999px;
}
.achievements-bnt a.active {
background-position: -10px 0 ;
}
/*Achievements*/
.achievements-title { border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px;}
.achievements-table td { padding:15px; border-bottom:1px solid #ccc; font-size:120%;}
.navcnt { text-align:right; margin-top:10px;}
.navcnt li{ float:left; padding:2px 8px; border-left:1px solid #ccc; }
.navcnt a { color:#666666;}
.navcnt li.previous { border-left:0px;}
.previous a { background: url(../images/bnt_pre.png); width:61px; height:0px; display: inline-block; padding-top: 16px; overflow: hidden; text-indent: -9999px; background-position:0 0;}
.next a {background: url(../images/bnt_next.png); width:37px; height:0px; display: inline-block; padding-top: 16px; overflow: hidden; text-indent: -9999px; background-position:0 0;}
.achievements-date{ color:#999999;}
.achievements-pic-left{ float:left; margin-right:10px; width:300px;}
.achievements-pic-right{float:left; width:300px;}
/*news-events*/
.news-events-title{ font-weight:bold; font-size:0.9375em; line-height:22px;}
.news-events{ background: #fff; border-radius: 10px; padding: 15px; margin-bottom: 7px; line-height:20px; }
.news-events-date{ color:#3FB739; font-weight:bold; }
.news-events li{ border-bottom:#999999 dotted 1px; padding-bottom:10px;}
.news-events-more{ text-align:right; font-size:0.6875em; color:#FA6652; font-weight: bold; padding-top:20px;}
.index-banner2 { /*margin:0 10px 0 20px;*/margin-left: -19px; width: 1000px;}
.index-banner2 li{ float:left; margin-right:13px;}
.content .index-banner2 li.last{ margin-right:0;}
/*Photo and Video Archives*/
.photo-archives-pic { width:200px; float:left; margin-top:20px; margin-bottom:20px;}
.archives_year{ width:90px; background:url(../images/archives_year.png) no-repeat right center; height:30px; margin-bottom:10px;}
.archives_year select {
width: 90px;
height: 30px;
background: transparent;
/*padding: 2px;*/
line-height: 1;
border: 0;
border-radius: 0;
-webkit-appearance: none;
color:#6C9F8B; font-size:1.375em;
font-weight:bold;
}
select::-ms-expand {
    display: none;
}
.photo-archives-pic-middle { margin-left:10px; margin-right:10px;}
.photo-archives-pic a{ 
color: #626a70!important;
border-bottom: 2px solid #376E00;
float: left;
text-decoration: none;
padding-bottom:3px;
width: 200px;}
.photo-archives-pic a img {
/*float: left;*/
border-bottom: 3px solid #376E00 !important;
margin-bottom: 7px;
}
.photo-archives-pic a:hover{ 
border-bottom: 2px solid #CCC;
}
.photo-archives-pic a:hover img {
border-bottom: 3px solid #CCC!important;
}
.banner3{ position:relative; width:630px;}

/*officehours*/
.officehours td, .officehours th{ padding:5px 10px 5px 0;  font-size:0.8125em;}
.officehours td {color:#666;}
.officehours th {color:#000;}
/*staff*/
.inner_inn1_left{ width:50%;  float:left;}
.inner_inn1_right{ width:50%; float:left;}
.staff { margin-bottom:15px;}
.staff-icon {width:40px; float:left; height:40px; line-height:40px;}
.staff-title{
	float:left;
	min-height:40px;
	line-height:40px;
	color:#016A00;
	font-size:0.9375em;
	font-weight:bold;
	margin-right:10px;
}
/*footer-link*/
.footer-link{ background:#88C8AE; padding:15px 0; width:100%;}
.footer-link p, .footer-link a { color:#FFF; line-height:20px;}
.footer-link-title {  font-weight:bold;}
.footer-link-psv, .footer-link-students, .footer-link-staff{ float:left;  background: url(../images/footer-link-line.png) repeat-y; padding:10px 25px; color:#FFF; height:340px;}
.footer-link-psv{ width:330px; margin-left:15px;}
.footer-link-students { width:225px;}
.footer-link-staff{ width:225px;}

/*footer*/
.footer { background:#6DA08B; padding:22px 0; width:100%; color:#FFF; font-size:0.75em;}
.footer a {color:#FFF;}
.inner_bg { background: url(../images/inner_inn2_bg.jpg) no-repeat top right #FFF;}
.inner_inn1 { width:630px; float:left; padding:35px;}
.inner_inn2 { width:240px; float:right; margin:30px 10px; }
.inner_banner{ height:220px;}
.inner-main-bg{ background:#FFF;}

/*all page*/
.sub-menu {background: #fff; border-radius: 10px; margin-bottom: 7px; padding-top:10px; }
.sub-menu li{ background: url(../images/icon_03.png) left no-repeat ; background-position:15px 11px;  padding-left: 42px; font-size: 0.8125em; padding-top:10px; padding-bottom:10px; border-bottom:1px #999999 dotted; font-weight:bold; padding-right:5px;}
.sub-menu li a{ color:#333333;}
.sub-menu li a:hover { color:#6C9F8B;}
.sub-menu li li {background: url(../images/icon_02.png) left no-repeat; background-position:0px 18px; padding-left: 15px; font-size: 100%; padding-top:12px; padding-bottom:0px; border-bottom: 0px; }
.sub-menu li.active{ background: url(../images/icon_03.png) left no-repeat #f0f0f0; background-position:15px 11px;}
.sub-menu li lu.active{background: url(../images/icon_02.png) left no-repeat #f0f0f0; background-position:0px 18px;}

/* tn3 slide show */
/*.tn3-text-bg{*/
    /*-webkit-transition: 0.5s; *//* For Safari 3.1 to 6.0 */
    /*transition: 0.5s;*/
    /*bottom: 390px;*/
    /*padding-bottom: 1.8em;*/
    /*padding-top: 4.3em;*/
/*}*/
/*.tn3-text-bg.active{*/
    /*bottom:auto!important;*/
    /*padding-top: 1.1em!important;*/
/*}*/

.tn3-text-bg{
    max-height: 400px!important;
    padding-bottom: 1.1em;
    padding-top: 1.1em;
}
.tn3-image-description{
    max-height: 400px!important;
    opacity: 1!important;
}
.tn3-text-bg.active{
    max-height:0!important;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    padding-bottom: 0!important;
    padding-top: 0!important;
}
.tn3-image-description.active{
    max-height:0!important;
    overflow: hidden;
    opacity: 0!important;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.tn3-arrow{
    width: 80px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    margin-left: -40px;
    left: 50%;
    cursor: pointer;
    background-image: url('../images/up-arrow.png')!important;
    background-size: 65px 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.42);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.tn3-arrow.active{
    background-image: url('../images/down-arrow.png')!important;
}