@font-face {
  font-family: 'Roboto';
  src: url('/universityfellowships/_css/fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

html {}
body	{ counter-reset: section; background-color :#FFFFFF; font-size:16px; font-family: Roboto, Arial,'PMingLiU',sans-serif; color:#595959; margin:0px; padding:0px; position:relative;  }
img	{ border-style: none; }
.clr	{ clear:both; }
*:focus { outline: 0; }
ul { list-style-type: disc; }
a { text-decoration:none; color:#595959; }
input { background-color: transparent; border:0px solid; height:20px; color:#9D6C2F; font-size:0.85em;  }
select { background-color: transparent; border:0px solid; height:20px; color:#9D6C2F;  }
::-webkit-input-placeholder { color:#9D6C2F;  font-family: Roboto, Arial,'PMingLiU',sans-serif; }
:-moz-placeholder { color:#9D6C2F; opacity: 1;  font-family: Roboto, Arial,'PMingLiU',sans-serif; }
::-moz-placeholder { color:#9D6C2F; opacity: 1;   font-family: Roboto, Arial,'PMingLiU',sans-serif;}
:-ms-input-placeholder { color:#9D6C2F;   font-family: Roboto, Arial,'PMingLiU',sans-serif; }
::-ms-clear { display:none; }
input, select, textarea, button{font-family:inherit;}
/************** General Text *****************/
.gText { }
.gText p { color:#595959; } 
.gText .mainTopic { color:#936D1C; font-size:1.3em; font-weight:bold; }
.gText .subTopic_1 { color:#936D1C; font-size:1.1em; font-weight:bold; }
.gText .subTopic_2 { color:#936D1C; font-style:italic; }


/*************** top **********************/
#top-container { background-color:#FFFFFF; }
#top-bkgd { background-color:#FFFFFF; width:1024px; margin:0px auto; }
#top { padding:0px; margin:0px; }
#top #lang { width:970px; text-align:right; margin:0px auto; padding-top:8px; }
#top #lang a { color #595959; font-size:0.85em; }
#top #lang .selected { font-weight:bold; }
#top #logo { width:980px; text-align:right; margin:0px auto; padding-bottom:15px; }
#top #logo #polyu-icon { float:left;  }
#top #logo #polyu-icon img { height:50px; }
#top #logo #logo-icon { float:left; margin-left:77px; margin-top:12px; width:252px; height:56px; text-align:center; }
#top #logo #logo-icon img { height:32px; }
#top #logo #logo-icon a { color:#9D6C2F; font-size:1.9em; line-height:1em; font-weight:bold; font-style:italic; }
#top #logo #tagline-icon { float:left; margin-left:157px; margin-top:12px;  }
#top #logo #tagline-icon img { height:30px;  }


/*************** menu *********************/
#menu-container { background:#f0d839 url(../images/banner_bkgd.png) repeat-y top center; }
#menu-bkgd { padding:0px; margin:0px auto; width:1024px; }
#menu { }
#menu .menu-item { width:180px; float:left; text-align:center; line-height:2.5em; font-weight:bold; margin:0px 38px; }
#menu .menu-item a { font-size:1em; color:#FFFFFF; display:block;  }
#menu .selected { background-color:#A0293B; }

/*************** index main ****************/
#index-main-container { background-color:#F5D488; }
#index-main-bkgd { padding:0px; margin:0px auto; width:1024px; background:#fefbef url(../images/mainbox_bkgd.png) repeat-x top center;   }
#index-main { width:1024px;  }
#index-main #index-main-banner { width:1024px; }
#index-main #index-main-intro { width:850px; margin:0px auto; padding-top:15px; min-height:200px; }
#index-main #index-main-intro #FellowButton { float:left; margin-bottom:40px;  }
#index-main #index-main-intro #FellowButton img { height:58px;  }
#index-main #index-main-intro #UFellowButton { float:left; margin-left:30px; margin-bottom:40px; }

/*************** main ****************/
#main-container { min-height:640px; background-color: #FFFDF5; }
#main-bkgd { min-height:640px; background-color: #FFFDF5;  width:850px; margin:0px auto; }
#main { }
#main #topnav { font-size:0.75em; height:40px; line-height:40px; padding-bottom:10px; }
#main #topnav a { }
#main #topnav a:hover { text-decoration:underline; }

/************ the fellows ********************/
#main #fellows { }
#main #fellows #searchbox { padding-bottom:10px; }
#main #fellows #searchbox #searchbox-name { width:205px; height:35px; background: url(/universityfellowships/images/searchbox_bkgd.png) no-repeat top center; float: left; }
#main #fellows #searchbox #searchbox-name input { margin-left:30px; margin-top:7px;  }
#main #fellows #searchbox #searchbox-year { width:95px; height:35px; background: url(/universityfellowships/images/yearbox_bkgd2.png) no-repeat top center; float: left; margin-left:10px; position:relative; }
#main #fellows #searchbox #searchbox-year #search-year-choice-final {  padding-left:26px; padding-top:9px; color:#9D6C2F; cursor:pointer; font-size:0.85em;  }
#main #fellows #searchbox #searchbox-year #search-year-choice-box { border:1px solid #D4BFA2; background-color:#FFFFFF; width:76px; position:absolute; top:34px; left:9px; display:none; }
#main #fellows #searchbox #searchbox-year #search-year-choice-box #search-year-choice { cursor:pointer; padding:3px 0px; }
#main #fellows #searchbox #searchbox-year #search-year-choice-box #search-year-choice .search-year-choice-container { width:76px; text-align:center; line-height:1.2em; font-size:0.85em; color:#9D6C2F; padding:3px 0px; } 
#main #fellows #searchbox #searchbox-year #search-year-choice-box #search-year-choice .search-year-choice-container:hover { background-color:#FFEEEE; }
#main #fellows #searchbox #searchbox-button1 {  width:140px; height:34px; margin-top:1px; margin-left:10px;  background: url(/universityfellowships/images/box1_bkgd.png) no-repeat top center; float: left;  line-height:33px; text-align:center;  }
#main #fellows #searchbox #searchbox-button1:hover {    background: url(/universityfellowships/images/box2_bkgd.png) no-repeat top center;  }
#main #fellows #searchbox #searchbox-button1 a { color:#FFFFFF; font-size:0.85em; }
#main #fellows #searchbox #searchbox-button2 {  width:140px; height:34px; margin-top:1px; margin-left:10px;  background: url(/universityfellowships/images/box1_bkgd.png) no-repeat top center; float: left;  line-height:33px; text-align:center;  }
#main #fellows #searchbox #searchbox-button2:hover {    background: url(/universityfellowships/images/box2_bkgd.png) no-repeat top center;  }
#main #fellows #searchbox #searchbox-button2 a { color:#FFFFFF; font-size:0.85em; }
#main #fellows #content { }
#main #fellows #content #topic { font-size:1.9em; color:#9D6C2F; line-height:1.5em; }
#main #fellows #content .separator { width:850px; height:6px; background-color:#BE832F; display:block; }
#main #fellows #content .separator2 { width:850px; height:6px; background-color:#BE832F; display:block;  }
#main #fellows #content #list_of_fellows { }
#main #fellows #content #list_of_fellows .fellows_choice { width:410px; height:161px; margin:15px 14px 15px 0px; float:left; cursor:pointer;   } 
#main #fellows #content #list_of_fellows .fellows_choice .fellows_choice_detail .fellows_choice_detail_table { border:0px solid; } 
#main #fellows #content #list_of_fellows .fellows_choice .fellows_choice_detail .fellows_choice_detail_table tr td{ border:0px solid; vertical-align:middle; height:161px; } 
#main #fellows #content #list_of_fellows .fellows_choice .fellows_choice_detail .fellows_choice_detail_table img {  height:161px; width:114px;  }
#main #fellows #content #list_of_fellows .fellows_choice .fellows_choice_detail .fellows_choice_text_1 { color:#9D6C2F; font-weight:bold; } 
#main #fellows #content #list_of_fellows .fellows_choice .fellows_choice_detail .fellows_choice_text_2 { color:#9D6C2F; font-size:0.85em;  font-style:italic; } 
#main #fellows #content .selectDiffYear { margin:8px 0px; }
#main #fellows #content .selectDiffYear .selectDiffYear_previous { float:left; }
#main #fellows #content .selectDiffYear .selectDiffYear_next { float:right;  }
#main #fellows #content #list_of_fellows #searchresultTable { border-collapse: collapse; border:0px solid; width:850px; }
#main #fellows #content #list_of_fellows #searchresultTable tr th { border:0px solid; border-bottom:1px solid #BE832F; text-align:left; color:#9D6C2F; font-weight:normal; padding:6px 5px 4px 5px; font-weight:bold; }
#main #fellows #content #list_of_fellows #searchresultTable tr td { border:0px solid; border-bottom:1px solid #BE832F; text-align:0.85em; padding:6px 5px 4px 5px; color:#9D6C2F; }
#main #fellows #content #list_of_fellows #searchresultTable a { display:block; text-decoration:none; color:#9D6C2F; }
#main #fellows #content #content-left { float:left; width:114px; }
#main #fellows #content #content-left img { width:114px; height:161px; }
#main #fellows #content #content-right { float:left; padding-left:20px;  }
#main #fellows #content #content-right #content-right-topic { padding-top:20px; color:#946D1C; font-size:1.88em; }
#main #fellows #content #content-right #content-right-name { color:#946D1C; font-size:1.88em; font-weight:bold; }
#main #fellows #content #content-right #content-right-subtitle { color:#946D1C; font-style:italic; font-size:1.38em;  }
#main #fellows #content #content-right #content-right-basicDescription { padding-top:30px; }
#main #fellows #content #content-right #content-right-detail-control { border-bottom:6px solid #9F283A; width:715px;  padding-top:30px; }
#main #fellows #content #content-right #content-right-detail-control #content-right-detail-citation-button-bkgd { padding:0px; margin:0px; float:left; background:url(/universityfellowships/images/tab2.png) no-repeat bottom left; width:202px; height:46px; text-align:center; }
#main #fellows #content #content-right #content-right-detail-control #content-right-detail-citation-button-bkgd a { line-height:48px; width:202px; height:46px; display:block; color:#FFFFFF; font-weight:bold; font-size:1.1em; }
#main #fellows #content #content-right #content-right-detail-control #content-right-detail-biography-button-bkgd { padding:0px; margin:0px; float:left; background:url(/universityfellowships/images/tab1.png) no-repeat bottom left; width:202px; height:46px; text-align:center; }
#main #fellows #content #content-right #content-right-detail-control #content-right-detail-biography-button-bkgd a { line-height:48px; width:202px; height:46px; display:block; color:#FFFFFF; font-weight:bold; font-size:1.1em; }
#main #fellows #content #content-right #content-right-detail-content { border-bottom:6px solid #9F283A; width:715px; margin-bottom:10px;  }
#main #fellows #content #content-right #content-right-detail-content #content-right-detail-citation-content { width:715px; }
#main #fellows #content #content-right #content-right-detail-content #content-right-detail-biography-content { width:715px; display:none; }
#main #fellows #content #content-right .selectDiffPerson { margin:8px 0px; height:14px; margin-bottom:15px; display:block; width:715px; }
#main #fellows #content #content-right .selectDiffPerson .selectDiffPerson_previous { float:left; }
#main #fellows #content #content-right .selectDiffPerson .selectDiffPerson_next { float:right;  }

/************** newrooms **********************/
#main #media { }
#main #media .separator { width:850px; height:6px; background-color:#BE832F; display:block; }
#main #media #media-topic-container { width:850px; padding-bottom:10px; min-height:600px; }
#main #media #media-topic-container #media-topic { font-size:1.9em; color:#9D6C2F; line-height:1.5em; float:left; }
#main #media #media-topic-container #media-subtopic { font-size:1.5em; color:#9D6C2F; line-height:1.5em; float:left; }
#main #media #media-topic-container #media-year-search { width:95px; height:35px; background: url(/universityfellowships/images/yearbox_bkgd2.png) no-repeat top center; position:relative; float:right; margin-top:3px; }
#main #media #media-topic-container #media-year-search #media-year-final {  padding-left:26px; margin-top:9px; color:#9D6C2F; cursor:pointer; font-size:0.85em; font-weight:bold; }
#main #media #media-topic-container #media-year-search #media-year-choice-box { border:1px solid #D4BFA2; background-color:#FFFFFF; width:76px; position:absolute; top:34px; left:9px; display:none; }
#main #media #media-topic-container #media-year-search #media-year-choice-box #media-year-choice { cursor:pointer; padding:3px 0px; }
#main #media #media-topic-container #media-year-search #media-year-choice-box #media-year-choice .media-year-choice-container { width:76px; text-align:center; line-height:1.2em; font-size:0.85em; color:#9D6C2F; padding:3px 0px;  } 
#main #media #media-topic-container #media-year-search #media-year-choice-box #media-year-choice .media-year-choice-container:hover { background-color:#FFEEEE; }
#main #media #media-topic-container .newItem-topic {  color:#936D1C; font-size:1.5em; font-weight:bold; padding:15px 0px 0px 0px; }
#main #media #media-topic-container .newItem-subtopic {  color:#936D1C; font-size:1.5em; font-weight:bold; padding:0px 0px 0px 0px; }

/*************** photos ********************/
#main #photos { }
#main #photos .separator { width:850px; height:6px; background-color:#BE832F; display:block; }
#main #photos #photos-topic-container { width:870px; padding-bottom:10px; min-height:600px; }
#main #photos #photos-topic-container #photos-topic { font-size:1.9em; color:#9D6C2F; line-height:1.5em; float:left; }
#main #photos #photos-topic-container #photos-subtopic { font-size:1.5em; color:#9D6C2F; line-height:1.5em; float:left; }
#main #photos #photos-topic-container #photos-year-search { width:95px; height:35px; background: url(/universityfellowships/images/yearbox_bkgd2.png) no-repeat top center; position:relative; float:right; margin-top:3px; margin-right:20px; }
#main #photos #photos-topic-container #photos-year-search #photos-year-final {  padding-left:26px; margin-top:9px; color:#9D6C2F; cursor:pointer; font-size:0.85em; font-weight:bold; }
#main #photos #photos-topic-container #photos-year-search #photos-year-choice-box { border:1px solid #D4BFA2; background-color:#FFFFFF; width:76px; position:absolute; top:34px; left:9px; display:none; }
#main #photos #photos-topic-container #photos-year-search #photos-year-choice-box #photos-year-choice { cursor:pointer; padding:3px 0px; }
#main #photos #photos-topic-container #photos-year-search #photos-year-choice-box #photos-year-choice .photos-year-choice-container { width:76px; text-align:center; line-height:1.2em; font-size:0.85em; color:#9D6C2F; padding:3px 0px;  } 
#main #photos #photos-topic-container #photos-year-search #photos-year-choice-box #photos-year-choice .photos-year-choice-container:hover { background-color:#FFEEEE; }
#main #photos #photos-topic-container #thumb-container { width:870px; padding:20px 0px; min-height:500px; }
#main #photos #photos-topic-container #thumb-container .thumb-row { padding-bottom:8px; }
#main #photos #photos-topic-container #thumb-container .thumb { float:left; padding:0px; margin:0px; padding-right:11px; cursor:pointer; width:275px; height:184px; overflow:hidden; }
#main #photos #photos-topic-container #thumb-container .thumb table { border:0px; border-collapse: collapse; }
#main #photos #photos-topic-container #thumb-container .thumb table tr td { padding:0px; margin:0px; overflow: hidden; width:275px; height:184px; vertical-align:middle;  }
#main #photos #photos-topic-container #thumb-container .thumb img { width:275px; padding:0px; margin:0px; }
#main #photos #photos-topic-container .selectPage { padding-top:3px; width:850px; padding-bottom:20px;   }
#main #photos #photos-topic-container .selectPage .selectPage_previous { float:left; }
#main #photos #photos-topic-container .selectPage .selectPage_next { float:right; }

#lightbox { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(/universityfellowships/images/lightboxbkgd.png) repeat; display:none; }
#lightbox #lightbox-image { width:850px; position:absolute; left:50%; top:220px; margin-left:-425px; z-index:10;  }
#lightbox #lightbox-image img { width:850px; }
#lightbox #lightbox-close { position:absolute; left:50%; top:200px; margin-left:405px; z-index:20; }

/*************** contact us ****************/
#main #contactUs { }
#main #contactUs #contactUs-topic { font-size:1.9em; color:#9D6C2F; line-height:1.5em; }
#main #contactUs #contactUs-content { margin-top:10px; min-height:600px; }
#main #contactUs .separator { width:850px; height:6px; background-color:#BE832F; display:block; }
#main #contactUs #contactUs-content .mainTopic  { padding-top:10px; color:#936D1C; font-size:1.3em; font-weight:bold; }
#main #contactUs #contactUs-content .subTopic_1 { padding-top:10px; color:#936D1C; font-size:1.1em; font-weight:bold; }
#main #contactUs #contactUs-content .subTopic_2 { color:#936D1C; font-style:italic;  }
#main #contactUs #contactUs-content .contactUs-content-right-detail { padding:1px 0px; }

/*************** footer *******************/
#footer-container { background:#f0d839 url(../images/banner_bkgd.png) repeat-y top center; }
#footer-bkgd { width:1024px; margin:0px auto; line-height:2em; padding:0px; height:2em; }
#footer { width:950px; margin:0px auto; line-height:2em;  }
#footer-left { float:left; color:#FFFFFF; font-size:0.8em; font-weight:bold; }
#footer-left a { color:#FFFFFF; }
#footer-right { float:right; color:#FFFFFF; font-size:0.8em; font-weight:bold;  }
#footer-right a { color:#FFFFFF;  }