@charset "utf-8";

/*-----------------------Global------------------*/

/* * {
    font: 11px "Verdana", "Arial", "Helvetica", "sans-serif" #FFFFFF;
} */


/*-----------------------Body------------------*/

body {
    margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #666666 url(/images/bkgd_body.png) repeat-x;
}


/*-----------------------Container------------------*/

#container {
    width: 960px;
    margin: 0 auto;
    text-align: left;
	background-color: #FFFFFF;
	/* border: 2px #00FFFF solid; */
}


/*-----------------------Navigation 1------------------*/

#navigation1 {
    background: #690000 url(/images/bkgd_navi1_menu1.gif) repeat-x;
	height: 28px;
	border-bottom: 2px #FFFFFF solid;
}

/***********************
      Menu 1
************************/

#menu1 {
    width: 600px;
    float: left;
    /* background-color:#0000CC; */
	display: inline;
	margin-left: 30px;
	margin-top: 7px;
}

#menu1 * {
	color: #FFFFFF;
	font: bold 13px "Arial", "Helvetica", "Verdana";
}

#menu1 ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu1 li {
	display: inline;
}

#menu1 li a {
	display: block;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#menu1 li a:hover {
	color: #FFCC33;
	text-decoration: none;
}

#menu1 li.first a {
	border: none;
	padding-left: 0;
}

/*************************
      Language Box
**************************/

#languageBox {
    width: 300px;
    float: left;
    /* background-color:yellow; */
	display: inline;
	margin-right: 30px;
	margin-top: 7px;
	text-align: right;
}

#languageBox * {
	color: #FFFFFF;	
	font: bold 13px "Arial", "Helvetica", "Verdana";
}

#languageBox a.lang_chi {
	color: #FFFFFF;	
	font: 13px "細明體", "Arial", "Helvetica", "Verdana";
	margin-top: 1px;
}

#languageBox ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#languageBox li {
	display: inline;
}

#languageBox li a {
	display: block;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#languageBox li a:hover {
	color: #FFCC33;
	text-decoration: none;
}

#languageBox li.first a {
	border: none;
	padding-left: 0;
}

#languageBox li.last a {
	padding-right: 0;
}


/*-----------------------Navigation 2------------------*/

#navigation2 {
    color: #CCCCCC;
	background: #171717 url(/images/bkgd_navi2_menu3.gif) repeat-x;
	height: 28px;
}

/***********************
      Menu 3
************************/

#menu3 {
    width: 730px;
    float: left;
    /* background-color:#00CCFF;  */
	display: inline;
	margin-left: 30px;
	margin-top: 7px;
}

#menu3 * {
	color: #FFFFFF;	
	font: bold 13px "Arial", "Helvetica", "Verdana";
}

#menu3 ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu3 li {
	display: inline;
}

#menu3 li a {
	display: block;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#menu3 li a:hover {
	color: #FFCC33;
	text-decoration: none;
}

#menu3 li.first a {
	border: none;
	padding-left: 0;
}

/***********************
      Search Box
************************/

#searchBox {
	width: 170px;
    float: left;
	/* background: url(../images/icon_magnifier.gif) no-repeat 4px 3px !important;  /* for Firefox */
	/* background: url(../images/icon_magnifier.gif) no-repeat 2px 1px;             /* for IE */
	display: inline;
	margin-right: 30px;
	margin-top: 3px !important;  /* for Firefox */
	margin-top: 5px;             /* for IE */
	text-align: right;
}

#searchBox form {
    margin: 0;
	padding: 0;
}

/* This class defines things about textbox's properties of search box on index.html. */
.searchBox_txtfield {
	border: #E4AD2E 1px solid;
	background-color: #ffffff
	background-image: url(/images/textfield_bkgd.jpg);
	background-repeat: repeat-x;
	color: #999999;
	font: 10px "Verdana", "Arial", "Helvetica", "sans-serif";
}

#searchBox #go {
	margin: 1px 0 0 0;
}

/*-----------------------Photobox------------------*/

#photobox {
    width: 960px;
    height: 168px;
}

*html #photobox{
    margin-bottom: -2px;
}


/*-----------------------Navigation 3------------------*/

#navigation3 {
    width: 960px;
	height: 28px;
	background: #171717 url(/images/bkgd_navi2_menu3.gif) repeat-x;
	border-bottom: 20px #FFFFFF solid;
}

/***********************
      Menu 4
************************/

#menu4 {
    width: 900px;
    float: left;
    /* background-color:#00CCFF; */
	display: inline;
	margin-left: 30px;
	margin-top: 6px;
}

#menu4 * {
	color: #FFFFFF;
	font: 14px "Verdana", "Arial", "Helvetica";
}

#menu4 ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu4 li {
	display: inline;
}

#menu4 li a {
	display: block;
	float: left;
	padding: 0 20px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#menu4 li a:hover {
	color: #FFCC33;
	text-decoration: none;
}

#menu4 li.first a {
	border: none;
}


/*-----------------------Contentbox------------------*/

#contentbox {
    width: 960px;
    background-color: #FFFFFF;
	min-height: 550px;
    height: auto !important;
    height: 550px;
}

/***********************
      Left Content
************************/

#content_left {
    width: 260px;
    float: left;
	margin-left: 20px;
	display: inline;	
	background: #FFFFFF url(/images/home_line.gif) no-repeat center top;;
	padding-top: 3px;
}

/*.UM_logo {
    border-bottom: 10px solid #FFFFFF;
}*/

/************************************
      Left Content - Thumb News
*************************************/

#thumb_news {
    width: 260px;
    padding: 0px;
	background: #FFFFFF;
}

#thumb_news ul {
    list-style: none;
	margin: 0;
	padding: 0;
}

#thumb_news li a {
  	height: 66px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 61px;
	text-decoration: none;
	color: #FFFFFF;
	font: 10px "Arial", "Helvetica", "Verdana";
}	
	
#thumb_news li a:link, #thumb_news li a:visited {
	display: block;
	padding: 5px 5px 0 95px;
}
	
#thumb_news li a:hover, #thumb_news li a:active {
	color: #FFCC33;
	padding: 5px 5px 0 95px;
}

.item_1 a:link, .item_1 a:visited {
	background: url(/images/thumbNews_HengqinCampus.gif) no-repeat;	
	padding: 5px 0 0 95px;
}

.item_1 a:hover, .item_1 a:active {
    background: url(/images/thumbNews_HengqinCampus-hover.gif) no-repeat;
	padding: 5px 0 0 95px;
}

.item_2 a:link, .item_2 a:visited {
	background: url(/images/thumbNews_giveSupportUM.gif) no-repeat;	
	padding: 5px 0 0 95px;
}

.item_2 a:hover, .item_2 a:active {
	background: url(/images/thumbNews_giveSupportUM-hover.gif) no-repeat;    
	padding: 5px 0 0 95px;
}

.item_3 a:link, .item_3 a:visited {
	background: url(/images/thumbNews_rc.gif) no-repeat;
	padding: 5px 0 0 95px;
}

.item_3 a:hover, .item_3 a:active {
    background: url(/images/thumbNews_rc-hover.gif) no-repeat;
	padding: 5px 0 0 95px;
}

#thumb_news span.thumb_news_ncp_countdown {
    font: bold 16px "Verdana", "Arial", "Helvetica";
}

#thumb_news span.thumb_news_header {
	font: bold 11px "Arial", "Helvetica", "Verdana";
}


/************************************
      Left Content - UM News
*************************************/

#um_news {
    width: 260px;
	border-top: 20px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	margin: 0;
}

#um_news h2 {
    background: url(/images/title_index_UM_News.jpg) no-repeat;
	width: 260px;
	height: 52px;
	margin: 0;
	padding: 0;
}

#um_news h2 span {
    display: none;
}

#um_news p.content {
/*    width: 260px;
	height: 300px;
	background-color: #999933; */
}

#um_news p.more {
    width: 30px;
	height: 19px;
	margin: 0 0 0 231px;
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif" !important;  /* for Firefox */
    font: 9px "Verdana", "Arial", "Helvetica", "sans-serif";              /* for IE */
	/* text-transform: uppercase; */
	margin-top: -4px !important;     /* for Firefox */
	margin-top: 0px;                 /* for IE */
}

#um_news p.more a{ 
    width: 30px;
	height: 19px;
	display: block;
	/* background: url(../images/button_more.gif) 0 0 no-repeat; */
	color: #999999;
	padding: 0;
	text-decoration: none;
}

#um_news p.more a:hover {
    /* background: url(../images/button_more-hover.gif) 0 0 no-repeat; */
	color: #990000;
    text-decoration: none;
}

#um_news tr.odd {
    background: #CCCCCC url(/images/bkgd_index_news.gif) repeat-x top right;
}

#um_news td {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
}

#um_news td.newsBulletIcon {
	width: 14px;
	vertical-align: top;
	padding: 8px 4px;
}

#um_news td.newsSubject {
    width: 246px;
	vertical-align: top;
	padding: 8px 4px;
}

#um_news td.newsSubject a {
    color: #990000;
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	text-decoration: none;
}

#um_news td.newsSubject a:hover {
    color: #FF0000;
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	text-decoration: none;
}

#um_news td.newsDate {
    width: 82px;
	vertical-align: top;
}

#marqueecontainer {
    position: relative;
    width: 250px; /*marquee width */
    height: 250px; /*marquee height */
    background-color: white;
    overflow: hidden;
    /* border: 3px solid orange; */
    padding: 2px;
    padding-left: 4px;
}

/***********************
      Center Content
************************/

#content_center {
    width: 390px;
    float: left;
	/* background-color: #00CCCC; */
	margin-left: 20px;
	display: inline;
	min-height: 600px;
    height: auto !important;
    height: 600px;
	background: #FFFFFF url(/images/home_line.gif) no-repeat center top;;
	padding-top: 3px;
}

#content_center * {
   font: 12px "Verdana", "Arial", "Helvetica", "sans-serif" #FFFFFF;
   text-align: justify;
}

#content_center h2 {
    font: 500 18px "Verdana", "Arial", "Helvetica", "sans-serif";
	margin-top: 10px;
	color: #000000;
}

#content_center p {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: justify;
}

#content_center p+div {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: justify;
}

#content_center p+span {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: justify;
}

#content_center p.more {
    width: 30px;
	height: 19px;
	margin: 0 0 0 350px;
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif" !important;  /* for Firefox */
    font: 9px "Verdana", "Arial", "Helvetica", "sans-serif";              /* for IE */
	margin-top: 18px !important;  /* for Firefox */
	margin-top: 31px;            /* for IE */
}

#content_center p.more a{ 
    width: 30px;
	height: 19px;
	display: block;
	background: url(../images/button_more.gif) 0 0 no-repeat;
	color: #999999;
	padding: 2px 0 0 8px;
	text-decoration: none;
}

#content_center p.more a:hover {
    background: url(../images/button_more-hover.gif) 0 0 no-repeat;
	color: #990000;
    text-decoration: none;
}

/***********************
      Right Content
************************/

#content_right {
    width: 230px;
	float: left;
	margin-left: 20px;
	display: inline;
	background: #FFFFFF url(/images/home_line.gif) no-repeat center top;;
	padding-top: 3px;
}

/****************************************
      Right Content - Right Top News
*****************************************/

#right_top_news {
    width: 230px;
	float: left;
	min-height: 300px;
    height: auto !important;
    height: 300px;
	/* background-color: #333333; */
}

#right_top_news h2 {
    font: bold 14px "Verdana", "Arial", "Helvetica", "sans-serif";
	margin-top: 10px;
	color: #000000;
}

#right_top_news p {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: justify;
}

#right_top_news p+div {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: justify;
}

#right_top_news p.more {
    width: 30px;
	height: 19px;
	margin: 0 0 0 202px !important;        /* for Firefox */
	margin: 0 0 0 201px;                   /* for IE */
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif" !important;  /* for Firefox */
    font: 9px "Verdana", "Arial", "Helvetica", "sans-serif";              /* for IE */
	/* text-transform: uppercase; */
	margin-top: 13px !important;  /* for Firefox */
	margin-top: 10px;             /* for IE */
}

#right_top_news p.more a{ 
    width: 30px;
	height: 19px;
	display: block;
	/* background: url(../images/button_more.gif) no-repeat 0 0; */
	color: #999999;
	padding: 0;
	text-decoration: none;
}

#right_top_news p.more a:hover {
    /* background: url(../images/button_more-hover.gif) no-repeat 0 0; */
	color: #990000;
	text-decoration: none;
}

#right_top_news ul li {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
}

/***************************************
      Right Content - Campus Events
****************************************/

#campus_events {
    width: 230px;
	float: left;
	border-top: 20px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	margin: 0;
}

#campus_events h2 {
    background: url(/images/title_index_campus_events.jpg) no-repeat;
	width: 230px;
	height: 50px;
	margin: 0;
	padding: 0;
}

#campus_events h2 span {
    display: none;
}

#campus_events p.content {
}

#campus_events p.more {
    width: 30px;
	height: 19px;
	margin: 0 0 0 194px !important;        /* for Firefox */
	margin: 0 0 0 193px;                   /* for IE */
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif" !important;  /* for Firefox */
    font: 9px "Verdana", "Arial", "Helvetica", "sans-serif";              /* for IE */
	margin-top: 18px !important;  /* for Firefox */
	margin-top: 0px;              /* for IE */
}

#campus_events p.more a{ 
    width: 30px;
	height: 19px;
	display: block;
	color: #999999;
	padding: 2px 0 0 8px;
	text-decoration: none;
}

#campus_events p.more a:hover {
    /* background: url(../images/button_more-hover.gif) no-repeat 0 0; */
	color: #990000;
	text-decoration: none;
}

#campus_events tr.odd {
    background: #CCCCCC url(/images/bkgd_index_news.gif) repeat-x top right;
}

#campus_events td {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
}

#campus_events td.eventsBulletIcon {
	width: 14px;
	vertical-align: top;
	padding: 8px 4px 4px 4px;
}

#campus_events td.eventsDate {
    width: 208px;
	vertical-align: top;
	padding: 8px 4px 8px 4px;
}

a.eventsSubject {
    color: #990000;
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	text-decoration: none;
}

a:hover.eventsSubject {
    color: #FF0000;
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	text-decoration: none;
}


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

#footer {
    clear: both;
	background: #FFFFFF url(/images/bkgd_footer.png) no-repeat;
	border-top: 20px #FFFFFF solid;
	min-height: 115px;
    height: auto !important;
    height: 115px;
	color: #000000;
	text-align: center;
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif";
}

a.textbutton, a.textbutton:visited {
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #4F4A68;
	text-decoration: none;
}

a.textbutton:hover {
	font: 11px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #680001;
	text-decoration: underline;
}