@import 'reset.css';

/* Generel
------------------------------------ */
HTML,BODY{
	background: #FFF;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, 'Heiti TC', 'Microsoft Jhenghei', PMingLiu, sans-serif;		
	font-size: 14px;
	color: #666;
	margin: 0;
	padding: 0;
	height: 100%;
	font-weight: normal;
}
A{
    color: #73216D;
    text-decoration: none;
    cursor: pointer;
}
A:hover{
  text-decoration: underline;
}
STRONG{
    font-weight: bold;
}
EM{
    font-style: italic;
}
.clear{
    clear: both;
}
INPUT{
    vertical-align: middle;
}
#container{
  width: 980px;
  position:relative;
  margin: 0 auto;
}

/* Header
------------------------------------ */

#header{
  position: absolute;
  top:0;
  left:123px;
  z-index: 1000;
  width: 857px;
}
#top-nav{
  z-index: 1000;
  height: 42px;
  position: absolute;
  top:20px;
  left: 110px;
  width: 660px;
}
#top-nav LI {
	float: left;
	height: 14px;
	padding: 0;
	font-size: 18px;
	line-height: 14px;
	position: relative;
	background: url('images/divider.png') no-repeat left top;
	padding: 0 14px 10px 9px;
	font-family: 'Roboto Condensed', sans-serif;
}
#top-nav LI:hover A, #top-nav LI.current-menu-item{
	color: #94b74d;
}
#top-nav LI A {
  text-decoration: none;
  color: #FFF;
  display: block;
  position: relative;
}
#top-nav UL{
  display: none;
}
#top-nav LI:hover UL{
    position: absolute;
    top: 24px;
    left: 0;
    width: 160px;
    height: auto;
    padding: 0;
    z-index: 1000;
    display: none;
}
#top-nav UL LI{
  float: left;
  height: auto !important;
  text-align: left;
  margin: 0;
  text-transform: none;
  line-height: normal !important;
  width: 110px;
  padding: 0 !important;
  background: none !important;
}
#top-nav UL LI A{
  display: block;
  padding: 0;
  width: 144px;
  height: auto !important;
  line-height: normal !important;
  text-decoration: none;
  color: #333 !important;
  padding: 5px 8px 5px 8px !important;
  font-size: 13px !important;
  text-align: left;
  text-shadow: none !important;
  background: url('images/drop.png') !important;
}
#top-nav .sub-menu LI:hover A{
  background: url('images/drop-hover.png') !important;
}
#corner-links{
  position: absolute;
  top:11px;
  right: 11px;
  display: inline-block;
  z-index: 1000;
  color:#FFF;
}
#corner-links A{
  color: #FFF;
}
#corner-links .language .sep{
  padding: 0 3px 0 3px;
  display: inline-block;
}
#corner-links .image-links{
  padding: 8px 0 0 0;
}
#corner-links .image-links A{
  display: inline-block;
  outline: none;
  text-indent: -9999px;
  width: 21px;
  height: 12px;
  background: url('images/icons.png')  no-repeat;
}
#corner-links .image-links .mail{
  background-position: left top;
  margin: 0 10px 0 7px;
}
#corner-links .image-links .folder{
  background-position: right top;
}

/* Main
------------------------------------ */

#main{
  width: 857px;
  float: right;
  position: relative;
}
#sidebar{
  width: 113px;
  float: left;
  padding: 6px 10px 0 0;
}
#sidebar IMG{
  display: block;
  margin: 0 auto 8px auto;
}

#sidebar IMG.after50thCUHK {
  margin-top: 15px;
}

#search{
  padding: 15px 0 0 0;
}
#search FORM{
	width: 101px;
	height: 18px;
	position: relative;
	margin: 0 auto 0px auto;
	background: url('images/search.png') no-repeat;
	
}
#search input[type="text"] {
  border: 0;
  background: none;
  font-size: 11px;
  color: #666;
  width: 73px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  top:2px;
  left: 6px;
}
#search input[type="submit"] {
  width: 20px;
  height: 14px;
position: absolute;
top:2px;
right: 2px;
outline: none;
text-indent: -9999px;
font-size: 0;
line-height: 0;
border: 0px;
background: none;
}

#icon_box{
	padding: 8px 0 0 0px;
	text-align: center;
}
#icon_box IMG{
	display: inline-block;
	margin: 0 3px 6px 3px;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
#slideshow .date-image{
display: block;
position: absolute;
top:10px;
left:20px;
}
.bjqs-markers{
  position: absolute;
  display: inline-block;
  top:130px;
  left: 22px;
}
.bjqs-markers A{
  display: block;
  outline: none;
  text-indent: -9999px;
  width: 6px;
  height: 6px;
  background: url('images/slider-tabs.png') no-repeat right top;
}
.bjqs-markers LI{
  float: left;
  margin: 0 9px 0 0;
}
.bjqs-markers LI.active-marker A{
  background: url('images/slider-tabs.png') no-repeat left top;
}

/* Footer
------------------------------------ */

#footer{
  padding: 20px 0 0 0;
}
#social{
  display: inline-block;
  float: right;
  clear: both;
  margin: 0 0 10px 0;
}
#footer-links{
  display: inline-block;
  float: right;
  clear: both;
  margin: 0 0 5px 0;
  color: #999;
  font-size: 11px;
  position: relative;
}
#footer-links .sep{
  padding: 0 10px 0 10px;
}
#copyright{
  display: inline-block;
  float: right;
  clear: both;
  padding: 0 0 30px 0;
  font-size: 11px;
  position: relative;
}
#published-by{
  display: inline-block;
  float: right;
  clear: both;
  padding: 0 0 10px 0;
  font-size: 11px;
  position: relative;
}

#published-by a, #published-by a:hover {
  color: #666;
  text-decoration: none;
}