html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body { line-height: 1; font-size:62.5% }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
sup { vertical-align: top; font-size:0.8em; line-height:1.8em; }
sub { vertical-align: text-bottom; font-size:0.8em; position: relative; top: +0.7em;}
@charset "utf-8";

/*-----------------------------------------------------core.css----------------------------------------------------------------------*/
/* CSS Document */
/*-----------------------------------------------------assibility----------------------------------------------------------------------*/
.active{ top: 0; opacity: 0.99; position:relative; }
.in-active{ top: -999em !important; opacity: 0; position:absolute; }
#header .header-container .nav #mega-menu-1 li a:focus { outline: none !important; color: yellow; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); /* For IE6&7 */ }
#header .header-container .nav #mega-menu-1 ul li a:focus { outline: none !important; color: yellow; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); /* For IE6&7 */ }
#header .header-container .nav #mega-menu-2 li a:focus { outline: none; color: #006600; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); /* For IE6&7 */ }
#header .header-container .nav #mega-menu-2 .mega-unit a:focus { outline: none !important; color: yellow; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); /* For IE6&7 */ }

#accessibility-skip-content a { display: block !important;position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; }
#accessibility-skip-content a:focus { width: auto; height: auto; padding: 5px; top: 0; left: 50%; font-size: 16px; }
.accessibility { position: absolute !important; top: -9999px; left: -9999px;}

@font-face {
    font-family: 'InterstateBoldCondensedBold';
    src: url('../fonts/interstate-boldcondensed-webfont.eot');
    src: url('../fonts/interstate-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/interstate-boldcondensed-webfont.woff') format('woff'),
         url('../fonts/interstate-boldcondensed-webfont.ttf') format('truetype'),
         url('../fonts/interstate-boldcondensed-webfont.svg#InterstateBoldCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EbrimaNormal';
    src: url('../fonts/ebrima-webfont.eot');
    src: url('../fonts/ebrima-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ebrima-webfont.woff') format('woff'),
         url('../fonts/ebrima-webfont.ttf') format('truetype'),
         url('../fonts/ebrima-webfont.svg#EbrimaNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clear { clear:both; overflow:hidden;height:0;visibility:hidden; margin:0 !important; padding:0 !important}
.none { display:none; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
* html .clearfix, *:first-child+html .clearfix { zoom: 1; }
.no-border { border:0 !important; }
.no-padding { padding:0 !important; }
.no-margin { margin:0 !important; }
.no-padding-tb { padding-top:0 !important; padding-bottom:0 !important; }
.no-padding-lr { padding-left:0 !important; padding-right:0 !important; }
.left { float:left !important; }
.right { float:right !important; }
body { font-family:Arial, Helvetica, sans-serif; /*font-size:12px;*/font-size:62.5%; color:#333; line-height:1.3em; cursor:default;min-width:1007px;}

h1 { color: #6dbc2f; font-size: 2.4em; line-height: 1.5em; padding-bottom: 5px; font-family: InterstateBoldCondensedBold, arial, sans-serif;font-weight: normal;}
h2 { color: #6dbc2f; font-size: 2em; line-height: 1.2em; padding-bottom: 5px; padding-top:5px; font-family: InterstateBoldCondensedBold, arial, sans-serif;font-weight: normal;letter-spacing:-0.5px;}
h3 { color: #6dbc2f; font-size: 1.7em; line-height: 1.2em; padding-bottom: 5px; padding-top: 10px; font-family: InterstateBoldCondensedBold, arial, sans-serif;font-weight: normal;}
h4 { color: #6dbc2f; font-size: 1.4em; line-height: 1.2em; padding-bottom: 5px; font-family: InterstateBoldCondensedBold, arial, sans-serif;font-weight: normal;}
h5 { color: #333333; font-size: 1.3em; padding-bottom: 2px;line-height: 1.3em;font-weight: bold;}
h6 { color: #666666; font-size: 0.9em; font-weight: normal; padding-bottom: 5px; }

p { line-height: 1.5em; padding-bottom:10px; color:#333;}
i, em { font-style:italic}
img { vertical-align:middle; }
a { text-decoration:none; color:#555; }
a:hover { text-decoration: underline; cursor:pointer; }
:focus { outline: 2px auto -webkit-focus-ring-color !important;}
a:focus{ outline: 1px dotted; /* for IE */ }
.show-more:focus{ outline: 1px dotted; /* for IE */ }
input:focus{ outline: 1px dotted; /* for IE */ }
:-moz-focusring { outline: 1px dotted; /* for FF */ }
hr { color: #e8e8e8; background-color: #e8e8e8; height: 1px; border:none; margin:5px 0 10px 0; *margin:0; }
#wrapper { width: 100%; line-height: 1.3em;background:url("../img/top-bg-long.png") repeat-x top left;}
strong, b { font-weight:bold}

#content li, .inner-content li { font-size:1.2em !important; line-height:1.3em}
#content li li, .inner-content li li { font-size:1em !important}
#content p { font-size:1.2em !important;}
#content li p { font-size:1em !important}
#content th,#content td { font-size:1.2em !important}
#content td li, #content td p { font-size: 1em !important}
h2.title { font-size:2em !important; line-height:1.2em}

.text_small { font-size:90%}
.text_mid { font-size:100%}
.text_large { font-size:140%}
#header.text_large { font-size:120%}
#header.text_large .nav { font-size:90%}
.third-nav2.text_large { font-size:110%;}

.text_control .text_small { font-size:12px}
.text_control .text_mid { font-size:16px}
.text_control .text_large { font-size:20px}
/*-----------------------------------------------------HEADER----------------------------------------------------------------------*/
#header {/*background:url("../img/top-bg.png") repeat-x top left;*/ left: 0; top: 0; z-index: 10; }
#header .header-container { margin: 0 auto; width: 990px; position: relative; padding-top: 10px; /*height: 160px;*/ z-index:9999;_z-index:0; padding-bottom:15px; }
#header .header-container .logo { float:left;margin-bottom: 5px;}
#header .header-container .logo a { display:block;}
#header .header-container .shortlinks { float:right; line-height:1.5em }
#header.text_large .header-container .shortlinks { margin-bottom:15px;}
#header .header-container .shortlinks .top { display:block; float:right; }
#header .header-container .shortlinks .top div { display:inline-block; }
#header .header-container .shortlinks .top .control-btn { margin-left:10px; font-weight:bold; font-size:120%; *vertical-align:-3px;background: url("../img/spacer.gif") no-repeat scroll right center transparent; padding-right:10px;}
#header .text_control {background: url("../img/spacer.gif") no-repeat scroll right center transparent; padding-right:10px;}
.text_control { white-space:nowrap; font-weight:bold}
#header .header-container .shortlinks .top div { *display:inline}
#header .header-container .shortlinks .top .text_control * { padding-left:5px; line-height:1.5em}
.text_control .current { color:#6DBC2F; text-decoration: underline; }
#header .header-container .shortlinks .top .version{padding-top:2px; padding-left:10px;}
#header .header-container .shortlinks .top .version ul li { float:left; padding:0 5px 0 0px; }
#header .header-container .shortlinks .top .version ul .one_icon { padding:0 1px;}
#header .header-container .shortlinks .top .version ul .one_icon .apps { padding:0 2px;}
#header .header-container .shortlinks .top .version ul li a { color: #666666;display: block;font-size: 11px;font-weight: bold;height: 21px;vertical-align: middle; padding:0 10px 0 5px;}
#header .header-container .shortlinks .top .search { width:170px }
#header .header-container .shortlinks .top .search #search-box { background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #61BD00;color: #000;float: left;font-family: arial;font-size: 11px;padding: 2px 3px 2px 5px;width: 137px;padding: 3px 3px 2px 5px \9;height:15px; height:14px \9; margin:0; margin-right:-1px;}
#header.text_large .header-container .shortlinks .top .search #search-box { font-size:12px;}
#header .header-container .shortlinks .top .search #search-button { width:22px; height:21px; background:url("/assets/img/theme-green.png") no-repeat left -16px; border:none; cursor:pointer; float:left; text-indent: -999999px; }
#header .header-container .shortlinks .bottom { display:block; float:right; clear:both; margin-top: 13px; text-align:right;}
#header .header-container .shortlinks .bottom ul li { display:inline-block; padding: 0 6px; background: url("../img/spacer.gif") no-repeat scroll right center transparent; *background: url("../img/spacer.gif") no-repeat scroll right center transparent; line-height:1.6em \9; vertical-align:bottom \9;}
#header .header-container .shortlinks .bottom ul li { *display:inline}
#header .header-container .shortlinks .bottom ul li a { color: #6DBC2F; font-size:1.3em; font-weight: bold; }
#header .header-container .shortlinks .bottom ul .last a { *line-height:1.4em}
#header .header-container .shortlinks .bottom ul li a.selected{color:#996C2B;}
#header .header-container .shortlinks .bottom ul li.last { background:none; padding-right:0;}
#header .header-container .nav { width:990px; clear:both;}
#header .header-container .nav .mega-menu ul { list-style: none; position: relative; padding: 0; margin: 0; }
#header .header-container .nav .mega-menu ul li { list-style: none; }
#header .header-container .nav .mega-menu ul li ul { opacity: 1; /*display: none;*/ }
#header .header-container .nav .mega-menu .sub { /*display: none;*/ }
#header .header-container .nav .mega-menu .sub ul { display: block; }
#header .header-container .nav #mega-menu-1 { width: 100%; position: relative; list-style:none; padding:0; margin:0; height:30px; margin-top:10px;*margin-top:0px; }
#header .header-container .nav #mega-menu-1 .sub ul { display: block; }
#header.text_large .header-container .nav #mega-menu-1 .sub ul { width:170px;}
#header .header-container .nav #mega-menu-1 li.mega-hover a { /*background-color: #4DA20A;*/ color: #fff; }
#header .header-container .nav #mega-menu-1 li.mega-hover a:hover { background-color: #387E00; color: #fff; }
#header .header-container .nav #mega-menu-1 li .sub-container { position: absolute; z-index:99999; }
#header .header-container .nav #mega-menu-1 li .sub-container ul.sub {width:958px; background:url(../img/menu-bg1.png) no-repeat top center; padding:15px; height:199px; }

#header .header-container .nav #mega-menu-1 li.about-hku .sub-container ul.sub {width:958px; background:url(../img/menu-bg-about-hku.png) no-repeat top center; padding:15px; height:172px; }
#header .header-container .nav #mega-menu-1 li.about-hku .sub-container ul.sub .row li{overflow:visible;width: 180px; overflow:visible \9;}

#header .header-container .nav #mega-menu-1 li.research .sub-container ul.sub {width:958px; background:url(../img/menu-bg-research.png) no-repeat top center; padding:15px; height:172px; }
#header .header-container .nav #mega-menu-1 li.research .sub-container ul.sub .row li{width:170px;overflow:visible;}
#header .header-container .nav #mega-menu-1 li.research .sub-container ul.sub .row li a{padding: 3px 0;}
#header .header-container .nav #mega-menu-1 li.research .sub-container ul.sub .row li ul li{ background: url("../img/dot-white.gif") no-repeat scroll 0 9px transparent; line-height: 15px;}

#header .header-container .nav #mega-menu-1 li.research .sub-container ul.sub .row li ul li.sub-cat {background: none repeat scroll 0 0 transparent; font-size:1.2em}

#header .header-container .nav #mega-menu-1 li.knowledge-exchange .sub-container ul.sub {width:958px; background:url(../img/menu-bg-ke.png) no-repeat top center; padding:15px; height:246px; }

#header .header-container .nav #mega-menu-1 li.faculties-and-departments .sub-container ul.sub {width:958px; background:url(../img/menu-bg-faculties-and-departments.png) no-repeat top center; padding:15px; height:172px; }
#header .header-container .nav #mega-menu-1 li.faculties-and-departments .sub-container ul.sub .row li{width:213px;overflow:hidden; overflow:visible \9;}
#header .header-container .nav #mega-menu-1 li.faculties-and-departments .sub-container ul.sub .row li a{padding: 5px 0;}

#header .header-container .nav #mega-menu-1 li.publications .sub-container ul.sub {width:958px; background:url(../img/menu-bg-publications.png) no-repeat top center; padding:15px; height:172px; }
#header .header-container .nav #mega-menu-1 li.publications .sub-container ul.sub .row li{overflow:hidden;width: 180px; overflow:visible \9;}

#header .header-container .nav #mega-menu-2 li.prospective-students .sub-container ul.sub {width:955px; background:url(../img/menu-bg-prospective-students.png) no-repeat top center; padding:15px; height:164px; }
#header .header-container .nav #mega-menu-2 li.current-students .sub-container ul.sub {width:958px; background:url(../img/menu-bg-current-students.png) no-repeat top center; padding:15px; height:164px; }
#header .header-container .nav #mega-menu-2 li.staff .sub-container ul.sub {width:958px; background:url(../img/menu-bg-staff.png) no-repeat top center; padding:15px; height:195px; }
#header .header-container .nav #mega-menu-2 li.staff .sub-container ul.sub .row li.mega-unit{width:210px; overflow:visible \9;}

#header .header-container .nav #mega-menu-2 li.media .sub-container ul.sub {width:958px; background:url(../img/menu-bg-media.png) no-repeat top center; padding:15px; height:170px; }
#header .header-container .nav #mega-menu-2 li.media .sub-container ul.sub .row li.mega-unit{/*width:168px;*/ overflow:visible \9; width:210px;}

#header .header-container .nav #mega-menu-1 li { float: left; margin: 0; padding: 0;}
#header .header-container .nav #mega-menu-1 li a { line-height:1em; background-color:#60BE00; float: left; display: block; color: #fff; padding-top: 7px; padding-bottom:7px; text-align:center; text-decoration: none; font-weight: 700; font-size:1.3em; cursor:pointer; line-height:1em \9; [;line-height:1.3em;];}
#header .header-container .nav #mega-menu-1 > li > a { height:16px;}
/*#header.text_large .header-container .nav #mega-menu-1 li a { line-height:1.2em; line-height:1.18 \9;}*/
#header.text_large .header-container .nav #mega-menu-1 li li a { line-height:1.1em}
#header.text_small .header-container .nav #mega-menu-1 li a { line-height:1.4em}
#header .header-container .nav #mega-menu-1 li li a { font-size:1.2em; }
#header .header-container .nav #mega-menu-1 li a:hover { background-color:#387E00; color: #fff; }
#header .header-container .nav #mega-menu-1 li.first a { background:url("/assets/img/theme-green.png") no-repeat left -34px; }
#header .header-container .nav #mega-menu-1 li.first a:hover { background:url("/assets/img/theme-green.png") no-repeat left -64px transparent !important; }
#header .header-container .nav #mega-menu-1 li.last a { background:url("/assets/img/theme-green.png") no-repeat right -94px; }
#header .header-container .nav #mega-menu-1 li.last a:hover { background:url("/assets/img/theme-green.png") no-repeat right -124px transparent !important; }
#header .header-container .nav #mega-menu-1 li ul li a { background:none; float:none; text-align:left; padding:6px 0; }
#header .header-container .nav #mega-menu-1 li ul li a:hover { background:none !important; color:#FFFF00 !important; }
#header .header-container .nav #mega-menu-1 li.first ul li a { background:none; }
#header .header-container .nav #mega-menu-1 li.first ul li a:hover { background:none !important; color:#FFFF00 !important; }
#header .header-container .nav #mega-menu-1 li.last ul li a { background:none; }
#header .header-container .nav #mega-menu-1 li.last ul li a:hover { background:none !important; color:#FFFF00 !important; }
#header .header-container .nav #mega-menu-1 li ul li ul li.sub-cat{ padding:2px 0 8px 0; color:#CEE6B8; text-transform:uppercase; font-weight:bold; background:none;}
#header .header-container .nav #mega-menu-1 li .sub { padding: 10px; }

#header .header-container .nav #mega-menu-1 li .sub ul.w0{width:230px;}
#header .header-container .nav #mega-menu-1 li .sub ul.w1{width:200px;}
#header .header-container .nav #mega-menu-1 li .sub ul.w2{width:175px;}
#header .header-container .nav #mega-menu-1 li .sub ul.w3{width:155px;}
#header .header-container .nav #mega-menu-1 li .sub ul.w4{width:135px;}

#header .header-container .nav #mega-menu-1 li .sub .row { width: 100%; overflow: hidden; clear: both; width:958px !important; }
#header .header-container .nav #mega-menu-1 li .sub li { list-style: none; float: none; padding-right: 8px; overflow:visible \9;}
#header .header-container .nav #mega-menu-1 li .sub li ul li { background:url(../img/dot-white.gif) no-repeat 0 13px; padding-left:12px;  }
#header .header-container .nav #mega-menu-1 li .sub li.mega-hdr { margin: 0 15px 0 0; float: left; padding-bottom: 17px;}
#header .header-container .nav #mega-menu-1 li .sub li.mega-hdr.last { margin-right: 0; }
#header .header-container .nav #mega-menu-1 li .sub li.border-left ul li{ border-left:1px solid #7ABB40; padding-left:30px; background:url("../img/dot-white.gif") no-repeat scroll 20px 15px;}
#header .header-container .nav #mega-menu-1 li .sub li.border-left ul li.sub-cat{background:none;}

#header .header-container .nav #mega-menu-1 li.about-hku > a { width:96px; }
#header .header-container .nav #mega-menu-1 li.teaching-and-learning > a { width:148px; }
#header .header-container .nav #mega-menu-1 li.research > a { width:90px; }
#header .header-container .nav #mega-menu-1 li.global > a { width:64px; }
#header .header-container .nav #mega-menu-1 li.knowledge-exchange > a { width:163px; }
#header .header-container .nav #mega-menu-1 li.faculties-and-departments > a { width:177px; }
#header .header-container .nav #mega-menu-1 li.publications > a { width:106px; }
#header .header-container .nav #mega-menu-1 li.maps > a { width:60px; }
#header .header-container .nav #mega-menu-1 li.libraries > a { width:84px; }
#header .header-container .nav #mega-menu-2 { width:960px; margin:0 auto; position: relative; list-style:none; padding:0; height:31px; *z-index:-1; margin-top:4px;
}
#header .header-container .nav #mega-menu-2 .sub ul { display: block; }
#header.text_large .header-container .nav #mega-menu-2 .sub ul { width:220px;}
#header.text_large .header-container .nav #mega-menu-2 #prospective-students .sub ul { width: 245px}
#header .header-container .nav #mega-menu-2 li.mega-hover a { }
#header .header-container .nav #mega-menu-2 li.mega-hover a:hover { color:#275502; }
#header .header-container .nav #mega-menu-2 li .sub-container { position: absolute; z-index:99999; margin-left:-15px; overflow: visible; min-width: 985px;}
#header .header-container .nav #mega-menu-2 li .sub-container ul.sub { width:958px; background:url(../img/menu-bg1.png) no-repeat top center; padding:15px; height:199px; }
#header .header-container .nav #mega-menu-2 li { float: left; margin: 0; padding: 0; overflow:hidden;}
#header .header-container .nav #mega-menu-2 li a { color:#60BE00; float: left; display: block; padding-top: 7px;padding-bottom:7px; text-align:center; text-decoration: none; font-weight: bold; font-size:1.3em; cursor:pointer; line-height:1em}
#header .header-container .nav #mega-menu-2 li li a { font-size:1.2em}
#header .header-container .nav #mega-menu-2 li a:hover { color:#275502; }
#header .header-container .nav #mega-menu-2 li ul li a { background:none; float:none; text-align:left; padding:0 0 8px; }
#header .header-container .nav #mega-menu-2 li ul li a:hover { background:none !important; color:#FFFF00 !important; }
#header .header-container .nav #mega-menu-2 li ul li ul li a { color:#fff; }
#header .header-container .nav #mega-menu-2 li ul li ul li.sub-cat{ padding:0 0 8px 0; color:#CEE6B8; text-transform:uppercase; font-weight:bold; background:none;}
#header .header-container .nav #mega-menu-2 li .sub { padding: 10px; }

#header .header-container .nav #mega-menu-2 li .sub ul.w1{width:200px;}
#header .header-container .nav #mega-menu-2 li .sub ul.w2{width:175px;}
#header .header-container .nav #mega-menu-2 li .sub ul.w3{width:155px;}
#header .header-container .nav #mega-menu-2 li .sub ul.w4{width:125px;}

#header .header-container .nav #mega-menu-2 li .sub .row { width: 100%; overflow: hidden; clear: both; width:958px !important; }
#header .header-container .nav #mega-menu-2 li .sub li { list-style: none; float: none; padding-right: 8px; }
#header .header-container .nav #mega-menu-2 li .sub li ul li { background:url(../img/dot-white.gif) no-repeat 0 6px; padding-left:15px; }
#header .header-container .nav #mega-menu-2 li .sub li ul li.sub-cat{ background:none; padding-left:0; font-size:1.2em}
#header .header-container .nav #mega-menu-2 li .sub li.mega-hdr { margin: 0 15px 5px 0; float: left; min-height: 187px;}
#header .header-container .nav #mega-menu-2 li .sub li.mega-hdr.last { margin-right: 0; }
#header .header-container .nav #mega-menu-2 li .sub li.border-left ul li{ border-left:1px solid #7ABB40; padding-left:30px; background:url("../img/dot-white.gif") no-repeat scroll 20px 15px;}
#header .header-container .nav #mega-menu-2 li .sub li.border-left ul li.sub-cat{background:none;}

#header .header-container .nav #mega-menu-2 li .sub li.mega-hdr span { padding-bottom:5px; display:block; color:#CEE6B8; font-weight:bold; text-transform:uppercase; }
#header .header-container .nav #mega-menu-2 li.prospective-students > a { width:162px; text-align:left }
#header .header-container .nav #mega-menu-2 li.current-students > a { width:156px; }
#header .header-container .nav #mega-menu-2 li.current-students .sub li.mega-hdr {width: 215px;}
#header .header-container .nav #mega-menu-2 li.staff > a { width:93px; }
#header .header-container .nav #mega-menu-2 li.alumni > a { width:93px; }
#header .header-container .nav #mega-menu-2 li.media { width:auto }
#header .header-container .nav #mega-menu-2 li.media > a { width:93px; }
#header .header-container .nav #mega-menu-2 li.visitors > a { width:93px; }
#header .header-container .nav #mega-menu-2 li.giving-to-hku > a { width:131px; }
#header .header-container .nav #mega-menu-2 li.login-to-hku > a { width:131px; text-align:right }

#header .header-container .nav #mega-menu-1 li.knowledge-exchange .sub-container ul.sub .row li ul { width: auto;}
#header .header-container .nav #mega-menu-1 li.knowledge-exchange .sub-container ul.sub .row li ul li.sub-cat {font-size: 1.2em;}
#header .header-container .nav #mega-menu-1 li.knowledge-exchange .sub-container ul.sub .row>li{ width:180px;}
#header .header-container .nav #mega-menu-1 li.knowledge-exchange .sub-container ul.sub .row li.col-1{ width:215px;}
#header .header-container .nav #mega-menu-1 li.knowledge-exchange .sub-container ul.sub .row li.col-2{ width:110px;}
#header .header-container .nav #mega-menu-1 li.knowledge-exchange .sub-container ul.sub .row li.col-3{ width:185px;}
#header .header-container .nav #mega-menu-1 li.knowledge-exchange .sub-container ul.sub .row li.col-4{ width:200px;}

/*----------------ie6 fix------------------*/

#header .header-container .shortlinks .top{_width: 170px; height:22px;}
#header .header-container .shortlinks .bottom{ /* _width: 470px;*/ width:100%; }
/*#header.text_large .header-container .shortlinks .bottom{ *width: 555px; }
#header.text_small .header-container .shortlinks .bottom{ *width: 430px; }*/
#header .header-container .nav #mega-menu-1 li#about-hku a{_width:96px;}
#header .header-container .nav #mega-menu-1 li#teaching-and-learning a{_width:148px;}
#header .header-container .nav #mega-menu-1 li#research a{_width:90px;}
#header .header-container .nav #mega-menu-1 li#global > a { width:64px; }
#header .header-container .nav #mega-menu-1 li#knowledge-exchange a{_width:163px;}
#header .header-container .nav #mega-menu-1 li#faculties-and-departments a{_width:177px;}
#header .header-container .nav #mega-menu-1 li#publications a{_width:106px;}
#header .header-container .nav #mega-menu-1 li#maps a{_width:60px;}
#header .header-container .nav #mega-menu-1 li#libraries a{_width:84px;}

#header .header-container .nav #mega-menu-2 li.prospective-students a { _width:162px; }
#header .header-container .nav #mega-menu-2 li.current-students a { _width:156px; }
#header .header-container .nav #mega-menu-2 li.staff a { _width:93px; }
#header .header-container .nav #mega-menu-2 li.alumni a { _width:93px; }
#header .header-container .nav #mega-menu-2 li.media { _width:auto }
#header .header-container .nav #mega-menu-2 li.media a { _width:93px; }
#header .header-container .nav #mega-menu-2 li.visitors a { _width:93px; }
#header .header-container .nav #mega-menu-2 li.giving-to-hku a { _width:131px; }
#header .header-container .nav #mega-menu-2 li.login-to-hku a { _width:131px;}

.more a{_width:20px;  -webkit-text-size-adjust:none;}
#supersized{_display:none;}

/*-----------------------------------------------------content--------------------------------------------------------------------*/
#content { left: 0; top: 0; width: 100%; z-index: 9;left: 0;min-height: 480px; line-height:1.3em}
#content .content-container { margin: 0 auto; padding-top: 0; height: 640px; }
#content.text_large .content-container { height: 980px; }

/*-----------------------------------------------------footer----------------------------------------------------------------------*/
#footer { background:none repeat scroll 0 0 #6DBC2F; width: 100%; bottom:0; z-index:99999; min-height: 70px;}
#footer .footer-container { margin: 0 auto; width: 990px; padding: 10px 0; position:relative; color:#fff; font-size:12px; display:block;font-weight: bold; font-size:1.2em; line-height:1.3em}
#footer .footer-container a{ cursor:pointer;}
#footer .footer-container span.copy { padding-right:10px; font-size:12px; }
#footer .footer-container span.share-to{ font-size:12px;}
#footer .footer-container span.share-to a { display:inline-block; width:13px; height:13px; padding-right:5px; }
#footer .footer-container span.share-to a.facebook { background:url(/assets/img/index-ui.png) no-repeat left -48px ;}
#footer .footer-container span.share-to a.twitter { background:url(/assets/img/index-ui.png) no-repeat left -61px }
#footer .footer-container .links{margin-bottom:10px;}
#footer .footer-container .links ul li { display:inline; }
#footer .footer-container .links ul li a { color:#fff; }
#footer .footer-container .share{float:right;}
/*-----------------------------------------------------third nav----------------------------------------------------------------------*/
.third-nav { margin:10px auto; margin-top:0px; width:905px; height:145px; padding:20px; _position:relative; _height:1% }
.third-nav h2.nav-title { font-size:1.9em; color:#fff; padding-top:0; padding-bottom:0; letter-spacing:-0.5px;font-family: InterstateBoldCondensedBold, arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent;-moz-text-stroke: 1px transparent;font-weight:normal;}
.third-nav h2.nav-title a{ color:#fff;}
.third-nav h2.selected a { color:#ffff00; }
.third-nav .nav-list { margin-top:0px; }
.third-nav .nav-list ul { display:inline-block; margin-right:4px; padding-right:13px; vertical-align:top}
.text_large .nav-current-students .nav-list ul { width:19%}
.third-nav .nav-list ul li { margin:5px 5px 5px 0; background:url(../img/dot-white.gif) no-repeat 5px 7px; padding-left:15px;line-height: 1.45em;}
.text_large .third-nav .nav-list ul li { [;line-height:1.16em;]; background-position:5px 5px; overflow:visible;line-height: 1.2em;}
.third-nav .nav-list ul li a { color:#fff; font-size:1.2em;  font-weight:bold;}
.third-nav .nav-list ul li a:hover { color:#ffff00; text-decoration:none; }
.third-nav .nav-list ul li a.selected { color:#ffff00; }
.third-nav .nav-list ul li a span{display:block; text-transform:capitalize; font-size:12px; padding-left:0;}
.third-nav .nav-list ul li.sub-cat { text-transform:uppercase; font-size:1.2em; color:#cee6b8; padding-left:10px; background:none; padding-left:3px; font-weight:bold;}
.third-nav .nav-list ul li.sub-cat span.lock-icon{ padding:0; background:url(../img/lock.png) no-repeat 2px 0; width:13px; height:16px; display:inline-block; padding-left:2px; }
.third-nav .nav-list ul span { text-transform:uppercase; font-size:13px; font-weight:bold; color:#cee6b8; padding-left:10px; }
.third-nav .nav-list span.divider { background:url(../img/nav-divider.png) no-repeat center 8px; height:79px; display:inline-block; padding:0 8px; }
.third-nav.nav-ke { height:210px;}
.third-nav.nav-ke  .nav-title { margin-bottom:10px;}
.third-nav.nav-ke .nav-list ul{ width:160px;}
.third-nav.nav-ke .nav-list ul.col-1{ width:215px;}
.third-nav.nav-ke .nav-list ul.col-2{ width:110px;}
.third-nav.nav-ke .nav-list ul.col-3{ width:185px;}
.third-nav.nav-ke .nav-list ul.col-4{ width:200px;}

.nav-current-students .nav-list ul{width:205px!important;}


/*-----------------------------------------------------custom nav----------------------------------------------------------------------*/
.nav-visitors {height: 170px;}
.nav-visitors .nav-list ul { display:inline-block;width:200px;}
.nav-event .nav-list ul li{color:#366a08;}
.nav-media {height: 177px;}
.nav-media .nav-list ul{width: 182px;}
.nav-research {padding: 12px 10px;width: 925px;height:198px;}
.nav-research .nav-list ul{padding-right: 3px;/*width:175px;*width:171px;*/*height:165px;}
.nav-research .nav-list ul li{line-height:1.25em;}
.nav-staff {height:170px !important;}
.nav-staff .nav-list ul{margin-right: 0;padding-right: 0;width: 220px;}

.nav-about-hku .nav-list ul{width: 155px;}
.nav-publications .nav-list ul{width: 185px;}
.nav-faculties-and-departments .nav-list ul{width: 230px;}



/*-----------------------------------------------------back to top button----------------------------------------------------------------------*/
#back-top { position: fixed; bottom: 170px; z-index:9999; padding-bottom:0px;}
#back-top a { width: 62px; display: block; text-indent:-99999px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top span { width: 62px; height: 22px; display: block; margin-bottom: 7px; background: #ddd url(../img/top.jpg) no-repeat center center; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { background-color: #777; }

/*-----------------------------------------------------embed fonts--------------------------------------------------------------------*/
.interstate-regular { font-family: InterstateBoldCondensedBold, arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent;-moz-text-stroke: 1px transparent;font-weight:normal;
}
.more { display:inline-block; *display:inline; *zoom:1; margin-top: 10px; }
.more a { background: no-repeat url("../img/plus.gif") 5px center #6DBC2F; padding:2px 15px; color:white; display: block; cursor:pointer; font-size:1em; line-height:1.6em; -webkit-text-size-adjust: none;}
.more a:hover { text-decoration:none; }

#switch-contrast-1 { display: block; }
#switch-contrast-2 { display:none; }
.high-contrast #switch-contrast-1 { display:none; }
.high-contrast #switch-contrast-2 { display: block; }
@charset "utf-8";
/*-----------------------------------------------------style.css----------------------------------------------------------------------*/
/* CSS Document */
/*-----------------------------------------------------background----------------------------------------------------------------------*/
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url("/assets/img/background/supersized/progress.gif") no-repeat center center; }
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; outline:none; border:none; }
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#dbf0f5; display:block; }
#supersized a.image-loading { background:#111 url("/assets/img/background/supersized/progress.gif") no-repeat center center; width:100%; height:100%; }
/*----------------------------------------------------content----------------------------------------------------------------------*/
.content-slide { height:650px; overflow:hidden; width:100% }
.content-slide ul li { margin:5px; font-size:12px; float:left; }
.content-slide ul li ul li { margin:0 }
.content-slide .items { width:20000em; position:absolute; }
/*---------------------------highlight box (i.e. biggest non-white box)-------------------------------------*/
.highlight { width:380px; margin-bottom:70px; line-height:1.2em ; *z-index:2;}
.highlight .poster { width:380px; float:left;}
.highlight .detail { width:360px; background:#000; float:left; padding:10px; }
.highlight .detail .more { margin-top:5px; }
.highlight .detail .more a { display:block; width:48px; height:12px; background:url("/assets/img/index-ui.png") no-repeat left -94px #000; cursor:pointer }
.highlight h1.section-title { font-weight: normal; height:auto; font-size:2.6em; color:#fff; padding-bottom:0; font-family:Georgia; line-height:1.2em; }
.highlight h1.section-title a { font-weight: normal; height:auto; color:#fff; padding-bottom:0; font-family:Georgia; line-height:1.2em; }
.highlight h2.title { padding-top:0px; font-size: 1.7em !important;color: #6dbc2f; line-height: 1.2em; padding-bottom: 5px; font-family: InterstateBoldCondensedBold, arial, sans-serif; font-weight: normal; }
.highlight h2.title a { font-weight: normal; height:auto; font-size:1.05em; color:#6DBC2F; font-family:Georgia; line-height:1em; }
.highlight span { color:#fff; font-weight:bold; }
.highlight h2.banner-desc a { color:#ffffff; font-size:1em }
.highlight h2.banner-desc { color:#ffffff; font-size: 1.3em; padding: 0 0 2px; font-family: Arial; font-weight: bold; line-height: 1.3em; letter-spacing: 0}
.highlight .white { background: none repeat scroll 0 0 #fff !important; }
.highlight .white h1.section-title a { color: #111; }
.highlight .white h1.section-title { color: #111; }
.highlight .white h2.title a { color: #6cb82b; }
.highlight .white h2.banner-desc a { color: #333; }
.highlight .white h2.banner-desc { color: #333;font-family: Arial; letter-spacing: 0; font-weight: bold; line-height: 1.3em; font-size: 1.3em}
.highlight .white .more a { display:block; width:48px; height:10px; background: url("/assets/img/index-ui.png") no-repeat scroll left -74px #fff; cursor:pointer }
.transparent-image { width:285px; }
/*---------------------------all white box content area-------------------------------------*/
.info { float:left; background-color:#fff; padding:5px 6px; *padding-bottom:10px;
}
.info p { color: #555555; width: 178px; line-height: 1.4em; }
.info h3 { font-family: InterstateBoldCondensedBold, arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent; -moz-text-stroke: 1px transparent; padding-top:5px; font-weight:normal; }
/*---------------------------small white box (i.e. teaching and learning, research, hku100, news centre)-------------------------------------*/
.event-recap { width:190px; }
.event-recap .box { float:left; width:190px; margin-right:10px; margin-bottom:10px; position: relative; }
.event-recap .box .recap-top { width:190px; height:8px; float:left; background:url("/assets/img/index-ui.png") left -32px no-repeat }
.event-recap .box .recap-bottom { width:190px; height:8px; float:left; background:url("/assets/img/index-ui.png") no-repeat scroll left -40px; }

            .event-recap .box .info { background-color:#fff; width:178px; height:274px; overflow:hidden; position: relative; }
.text_large .event-recap .box .info { min-height: 425px; /* cht 425 */}
            .event-recap .box .info .box-details { height:90px; padding:10px 0; overflow:hidden; }
.text_mid   .event-recap .box .info .box-details { }
.text_large .event-recap .box .info .box-details { min-height: 190px; /* cht 180 */ }
            .event-recap .box .info ul li { margin:1px 5px; width: 155px; background:no-repeat url("/assets/img/dot.gif") 5px 7px transparent; padding-left:12px; line-height:1.2em}
.text_large .event-recap .box .info ul li { background-position:5px 11px}

.event-recap .box .info ul li a { color:#333; cursor:pointer }
.event-recap .box .info ul li a:hover { text-decoration:underline; }

.event-recap .box .short { height: 174px; }

            .event-recap .box .long { height: 445px; }
.text_mid   .event-recap .box .long { height: 545px; }
.text_large .event-recap .box .long { height: 822px; }
            .event-recap .box .long .box-details { height:288px; *height:290px; overflow: hidden; line-height:15px; }
.text_mid   .event-recap .box .long .box-details { height:350px; *height:352px; }
.text_large .event-recap .box .long .box-details { min-height: 610px; }

.event-recap .box h2.title { font-size: 1.6em !important; color:#6DBC2F; letter-spacing:-1px; line-height:1.15em; *padding-bottom:5px;}
.event-recap .box h2.title a { color:#6DBC2F; }

            .event-recap .box .long .more { margin-top:3px; }

            .event-recap .box .info .more { margin-top:0px; margin-left:-6px; font-size:0.8em; padding:1px 0;}
.text_large .event-recap .box .info .more { margin-top:5px; }
/* -- IE 7 FIX */
.event-recap .box h2.title { *padding-bottom:5px;
}
.event-recap .box .info .box-details { line-height:15px; }

/* -- Poster */
a#poster-highlight-prev { top:48%; left:0px; display:block; width:18px; height:30px; position:absolute; cursor ointer;
z-index:999999; text-indent: -999999px; }
a#poster-highlight-prev:focus, .info:hover li a#poster-highlight-prev { background:url("/assets/img/arrows-prev.png") top left no-repeat; }
a#poster-highlight-next { top:48%; right:0px; display:block; width:18px; height:30px; position:absolute; cursor ointer;
z-index:999999; text-indent: -999999px; }
a#poster-highlight-next:focus, .info:hover li a#poster-highlight-next { background:url("/assets/img/arrows-next.png") top left no-repeat; }
#poster-slideshow, #poster-slideshow>li  { width:178px;}
.event-recap #poster-highlight-nav li, .event-recap #poster-slideshow li{ background:none;}
.event-recap .box .info #poster-slideshow li { padding-left:0; margin:0;}
.preview-webform .highlight-slide .slide.touchcarousel-item { width:380px; margin-right:8px;}
.preview-webform .highlight-slide .slide { width:228px;}
/*.preview-webform .event-recap .box h2.title { padding: 3px 0 6px;}*/
.preview-webform .poster_submit { padding-top:240px; display:table-cell; }
#slideshow .poster_submit input { width:148px; font-size: 2em !important; line-height:1; margin:10px 10px 0 0; }
#slideshow .poster_submit input:first-child { margin-right: 10px; }
.preview-webform { margin-left: -22px; }
.demoRotateBanner { margin-left: -14px; }
a#cancel_request { font-size:1em;}
#entity-form-div ul li label.error { width: auto;}


/*---------------------------medium white box (i.e. events, others, others) -------------------------------------*/
.event { width:265px; }
.event-top, .flexible-wide .recap-top { width:265px; height:8px; float:left; background:url("/assets/img/index-ui.png") no-repeat top left; }
.event-bottom, .flexible-wide .recap-bottom { width:265px; height:8px; float:left; background:url("/assets/img/index-ui.png") no-repeat left -8px; }
.event .info { width:245px; padding:5px 10px; }
.event .info ul li { border-bottom: 1px solid #E1E1E1; padding:6px 5px 6px 15px; width:215px; background:url("/assets/img/dot.gif") no-repeat scroll 5px 13px transparent; line-height:1.2em}
.text_large .event .info ul li { background-position:5px 17px}
.event .info ul li a { color:#333; cursor:pointer }
.event .info ul li a :hover { text-decoration:underline; }
.event h2.title { font-size: 1.6em !important; font-weight: normal; padding-bottom: 10px; text-transform: capitalize; color:#6DBC2F; height:auto; letter-spacing:-1px; }
.event h2.title a { color:#6DBC2F; }
.event .more { margin-top:0; margin-left:-10px; font-size:0.8em}
/*---------------------------large white box (i.e. multimedia)-------------------------------------*/
.media { width:348px; float:left; }
.media-top { width:348px; height:8px; float:left; background:url("/assets/img/index-ui.png") no-repeat left -16px; }
.media-bottom { width:348px; height:8px; float:left; background:url("/assets/img/index-ui.png") no-repeat left -23px; }
.media .info { background-color:#fff; width:305px; padding:5px 15px; width:318px; clear:both; }
.media .info .media-details { padding:10px 0; float:left; }
.media .info .media-details p { width:318px; margin-top:10px; }
.media .info .media-details ul { margin-top:10px; float:left; }
.media .info .media-details ul li { width:297px; }
.media .info ul li { margin:1px 5px; width: 155px; background:no-repeat url("/assets/img/dot.gif") 5px 7px transparent; padding-left:12px; width: 265px; }
.media .info ul li a { color:#333; cursor:pointer }
.media h2.title { font-size: 20px; font-weight: normal; padding-bottom: 10px; text-transform: capitalize; color:#6DBC2F; height:auto; letter-spacing:-1px; }
.media h2.title a { color:#6DBC2F; }
.media .info .more { margin-top:0; margin-left:-15px; }
/*---------------------------button----------------------------------*/
#wallpaper { bottom: 226px; display: block; position: relative; margin-left:4px; overflow: hidden; font-size: 0;}
.text_large #wallpaper { bottom: 55px; }
.wallpaper-container { margin-left: 8px; vertical-align: bottom; overflow:hidden; display:inline-block; *display:inline; *zoom:1;}
#wallpaper .wa-label { margin-left: 18px;}
#wallpaper .wa-label:hover{ text-decoration:none;}
.wallpaper-container a { display:block; height: 39px; width: 112px; background:url("/assets/img/download-wallpaper-eng_green.png") no-repeat top left transparent; text-indent: -999999px; *text-indent:0; *font-size:0; *line-height:0; }
.wallpaper-container a:hover { text-decoration:none; }
.wallpaper-container input.wallpaper { border: medium none; height: 47px; width: 162px; display:inline-block; }
.wallpaper-container .fill { display:block; width:100%; height:100%; }
.download-bg { position:absolute; bottom:0; left:0 }
/*-----------------------------------------------------ads----------------------------------------------------------------------*/
#ads { background-color:#fff; width: 100%; bottom:25px; margin-top:3px; z-index:99999; }
.ads-container { margin: 0 auto; width: 990px; text-align:center; }
.ads-container ul { margin:0 auto; text-align: center; padding: 10px 0; display:inline-block; width:990px; }
.ads-container ul li { float:left; margin: 0 5px; width: 154px; height: 54px; overflow: hidden; display:block; background-color:#4a8e4a;/*display: none;visibility: hidden;*/ }
.ads-container ul li a { cursor:pointer; color:#ffe7a5; font-weight:bold; height: 54px !important; width: 154px !important; }
.ads-container ul li a div { display: block; height: 48px; padding: 3px 6px; text-align: left; width: 142px; }
.ads-container ul li.last { padding-right:0; }
.ads-container ul li.first { padding-left:0; }
.ads-container ul li img { *float:left;
}
/*-----------------------------------------------------cufonts------------------------------------------------------------------*/
.cufon-vml { display:inline-block; }
.mamama { display:none; }
/*-------------------------------------------highlight slide-------------------------------------*/
.slide { float: left; width: 380px; }
ul#slideshow { list-style:none; width:380px; overflow:hidden; position:relative; height:700px }
li a#highlight-prev { top:18%; left:0px; display:block; width:18px; height:30px; position:absolute; cursor ointer;
z-index:999999; text-indent: -999999px; }
.highlight li a#highlight-prev:focus, .highlight:hover li a#highlight-prev { background:url("/assets/img/arrows-prev.png") top left no-repeat; }
li a#highlight-next { top:18%; right:0px; display:block; width:18px; height:30px; position:absolute; cursor ointer;
z-index:999999; text-indent: -999999px; }
.highlight li a#highlight-next:focus, .highlight:hover li a#highlight-next { background:url("/assets/img/arrows-next.png") top left no-repeat; }
.jcarousel-skin-default { position:relative; overflow:hidden}
.jcarousel-skin-default .jcarousel { position: relative; overflow:hidden; height:640px; width:100%; }
.text_large .jcarousel-skin-default .jcarousel { height:980px;}
/*.jcarousel-skin-default a{text-decoration:none;}*/

.jcarousel-skin-default ul#carousel { width: 20000px; position: absolute; list-style: none; margin: 0; padding: 0; }
.jcarousel-skin-default .touchcarousel-item { float: left; margin: 0 4px; padding: 0; }
/*.jcarousel-skin-default li img{
	opacity:0.4;
	filter:alpha(opacity=40);
}*/

*[dir=rtl] .jcarousel-skin-default li { float: right; margin: 0 0 0 10px; }
/** Custom **/

#highlight-nav li { float: left;}
#slideshow .slide { overflow: visible; position: absolute; z-index: 10;}
form #slideshow .slide { position: static;}
.jcarousel-skin-default li img { border: 0;}
.box .info img { width: 100%;}
.jcarousel-skin-default { position:relative; }
.info li { font-size:1.2em }
a#slideNext, a#slidePrev { text-decoration:none; overflow: hidden; }
a#slideNext, a#slidePrev img { width:auto; }
a#slideNext { display:block; width:50px; height:105px; background: transparent url("/assets/img/right-arrow.png") no-repeat 0 center; z-index:102; right:0; position:fixed; top:40%; }
a#slidePrev { display:block; width:55px; height:105px; background:transparent url("/assets/img/left-arrow.png") no-repeat 0 center; z-index:102; left:0; position:fixed; top:40%; }
a#slidePrev { _position:absolute; }
a#slideNext { _position:absolute; }
html { _overflow:hidden; }
body { _height:100%; _overflow:auto; }
div#pagination { margin-left:545px; margin-top:10px; }
.jcarousel-pagination-item { float:left; margin:5px; height:7px; width:7px; text-indent:-9999px; }
.jcarousel-pagination-item-active { background-position:left bottom; }
.homephoto_play_video { float: left; margin-top: -50px; position: absolute; right: 15px; }
.homephoto_play_video { *float: right;
*margin-top: -50px;
*position: relative
}
.homephoto_play_video a:hover { text-decoration:none; }
.play_video_img:hover { text-decoration:none; }
.play_video_img { background: url("/assets/img/play-video.png") no-repeat scroll 0 center transparent; display: block; height: 39px; width: 39px; }
#poster-slideshow .play_video_img{ position: absolute; right: 4px; top: 202px; }
/*-------------------------------------------preview slide-------------------------------------*/

.demoRotateBanner { margin-bottom: -25px; }
.preview-webform .highlight {  margin-bottom: 0}
.preview-webform ul#slideshow { height:628px; }
.text_large .preview-webform ul#slideshow { height:1054px; }
.preview-webform .highlight .white h1.section-title { float: none !important}
.preview-webform ul#slideshow li.submit { float: left; padding-left: 180px; margin-top: 240px; width: 320px;}
.preview-webform ul#slideshow li.submit input { display:inline-block; width:145px; height:38px; font-size:15px; text-align:center; margin-right: 15px; cursor: pointer; font-weight:bold; float: left;}
.preview-webform ul#slideshow li.submit input { *display: inline;}
.preview-webform ul#slideshow li.submit input:hover { color:green }
#banner_iframe { margin-left:10px; border:0 none !important; background: none repeat scroll 0 0 transparent; width:154px \9 !important; height:54px \9 !important; }
#banner_iframe_cht { margin-left:10px; border:0 none !important; background: none repeat scroll 0 0 transparent; width:154px \9 !important; height:54px \9 !important; }
#banner-preview .ads-container { background: none repeat scroll 0 0 transparent; padding:0; margin:0 }
#banner-preview .ads-container ul { background: none repeat scroll 0 0 transparent; padding:0; margin:0 }
#banner-preview .ads-container ul li { padding:0; margin:0 }

.preview-webform .highlight, .preview-webform #slideshow { width: auto;}

/* new flexible flipboard */
.message {}
.flexible-slim.event-recap .box .info { height: auto;}
.flexible-slim.event-recap .box .box-details { height: auto;}
.flexible .message { width: auto; padding: 0; margin-bottom: 6px; color: #333}
.flexible .link_list li, .event .flexible .link_list li { width: auto; float: none; border: none; padding:0 0 0 12px; margin: 1px 5px;background-position: 5px 7px;}
.text_large .event .flexible .link_list li { background-position: 5px 11px}

.event-recap .box .short.info { height: 183px; padding-top: 0;}
.event-recap .box .short.info > a { display: block;}
.event-recap .box .info .text-only { height: 138px; padding: 0; margin: 0 0 10px;}
.event-recap .text-only p { padding: 0; margin-bottom: 10px;}

.flexible .box-details { margin:0 0 10px;}
.flexible .box-details p { margin: 0;}
.flexible > a, .flexible > img { margin-bottom: 10px; display: block;}
.flexible-slim .box .info .box-details { margin-bottom: 10px; padding: 0;}

.text_large .event-recap .box .info.short { min-height: 290px;}
.text_large .event-recap .box .info .text-only { min-height: 250px;}

.event .flexible .title { text-transform: none}

.event-recap .box .info.flexible .more, .event-recap .box .info.short .more, .event .flexible .more { margin-top: 6px;}

.info.flexible { overflow: hidden;}
#content.text_large .info.flexible { height: 890px}

.info.flexible h2.title { padding-bottom: 5px; line-height: 1.15em}

#content .touchcarousel-item p { line-height: 16px}
#content.text_large .touchcarousel-item p { line-height: 23px; font-size: 16px !important;}
#content.text_large .touchcarousel-item li { line-height: 22px;}

.text_large .flexible-slim .box .info .box-details { min-height: 0;}
template9#the-new-semester .side-box-2 .side-box-middle img { width:auto !important; height:auto !important; }
#the-new-semester .side-box-2 .side-box-middle .side-box-details span.telephone {background:url(/assets/img/334image/health-service-telephone.png) 2px center no-repeat;padding-left:18px;line-height:1.2em; display:inline}
#the-new-semester .side-box-2 .side-box-middle .side-box-details a.resources-icon { margin-left:12px;}

#the-new-semester .mid-box {display:block;width:466px;float:left;padding-bottom:10px;margin:0 9px}
#the-new-semester .mid-box .mid-box-top {background:url(/assets/img/mid-box-top.png) no-repeat 0 0;width:466px;height:9px;}
#the-new-semester .mid-box .mid-box-bottom {background:url(/assets/img/mid-box-bottom.png) no-repeat 0 0;width:466px;height:9px;}
#the-new-semester .mid-box .mid-box-middle {background-color:#fff;width:446px;padding:0 10px;}
#the-new-semester .mid-box .mid-box-middle h2.title.center { color:#b78132; text-align:center; font-size:2.2em;}
#the-new-semester .mid-box .mid-box-middle h2.title {padding-bottom:10px;}

#the-new-semester .mid-box .mid-box-middle .the-new-semester-slideshow { margin-bottom:8px;}

#the-new-semester .mid-box .mid-box-middle .more {margin-top:7px;	float:right;display:inline-block;	margin-left:-10px;}
#the-new-semester .mid-box .mid-box-middle .more a {width:auto;	min-height:15px;margin-bottom:0;background: url("/assets/img/plus.gif") no-repeat scroll 5px center #6DBC2F;}
#the-new-semester .mid-box .mid-box-middle .side-box-details ul li {margin: 1px 5px 5px 0;background: no-repeat url("/assets/img/dot.gif") 5px 7px transparent;padding-left: 12px; background-color:white}
.text_large #the-new-semester .mid-box .mid-box-middle .side-box-details ul li { background-position:5px 9px;}
#the-new-semester .mid-box .mid-box-middle .side-box-details.campus-updates { margin-bottom:5px;}
#the-new-semester .mid-box .mid-box-middle .side-box-details.campus-updates h2 { background:url(/assets/img/334image/campus-update.jpg) left center no-repeat; padding-left:30px;}
#the-new-semester .mid-box .mid-box-middle .side-box-details.campus-updates ul { min-height:94px; }
#the-new-semester .mid-box .mid-box-middle .side-box-details.did-you-know { padding-bottom:5px; *padding-bottom:6px}
#the-new-semester .mid-box .mid-box-middle .side-box-details.did-you-know h2 { background:url(/assets/img/334image/did-you-know.jpg) left center no-repeat; padding-left:30px;}
#the-new-semester .mid-box .mid-box-middle .side-box-details.did-you-know li { background:none; float:left; margin-right:18px; padding:0; width:98px}
#the-new-semester .mid-box .mid-box-middle .side-box-details.did-you-know li.last { margin-right:0;}
#the-new-semester .mid-box .mid-box-middle .side-box-details.did-you-know li span.imgHolder { display:block; width:98px; height:64px; padding-bottom:5px; *padding-bottom:6px;}
#the-new-semester .mid-box .mid-box-middle .side-box-details.did-you-know li:hover a { text-decoration:underline; }
#the-new-semester .mid-box .mid-box-middle .side-box-details.did-you-know li img { }
#the-new-semester span.special { color:white; text-transform:uppercase; background-color:#ae8e5d; font-weight:bold; font-size:11px; margin-left:5px; padding:0 1px}

#the-new-semester .bottom-left-content { float:left; width:706px; margin-left:9px;}
.template10 .bottom-left-content-top { background:url(/assets/img/334image/the-new-semster-bottom-top.png) no-repeat 0 0; width:706px; height:9px; *margin-bottom:-5px; }
.template10 .bottom-left-content-bottom { background:url(/assets/img/334image/the-new-semster-bottom-bottom.png) no-repeat 0 0; width:706px; height:10px; }
.template10 .bottom-left-content-middle { background-color:#fff; padding:3px 10px; *padding-top:4px; width:686px; }
.template10 .bottom-left-content-middle ul li {margin: 1px 5px 5px 0;background: no-repeat url("/assets/img/dot.gif") 5px 7px transparent;padding-left: 12px;}
.text_large .template10 .bottom-left-content-middle ul li { background-position:5px 11px;}
.template10 .bottom-left-content-middle h2.title { font-size:2em;  letter-spacing:-0.5px;font-family: InterstateBoldCondensedBold, arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent;-moz-text-stroke: 1px transparent;font-weight:normal; overflow:hidden}
.template10 .bottom-left-content-middle .left { width:50%; padding-top:5px}
.template10 .bottom-left-content-middle .left div { /*padding-left:40px;*/ margin-bottom:10px;}
.template10 .bottom-left-content-middle .left h2 { *background:white;}
.template10 .bottom-left-content-middle .left h2 a { color:#6DBC2F}
.template10 .interactive-corner { background:url(/assets/img/interactive-corner-bg.jpg) #fff no-repeat 54px -5px; }
.template10 .bottom-right-content { float:right; width:230px; }
/*#the-new-semester .teaching-and-learning { background:url(/assets/img/334image/icon1.png) no-repeat 0 0; }
#the-new-semester .libraries { background:url(/assets/img/334image/icon2.png) no-repeat 6px 6px; }
#the-new-semester .it-support-and-computer-accounts { background:url(/assets/img/334image/icon3.png) no-repeat 6px 6px; }
#the-new-semester .financial-management-and-financial-assistance { background:url(/assets/img/334image/icon4.png) no-repeat 13px 6px; }
#the-new-semester .student-information-system { background:url(/assets/img/334image/icon5.png) no-repeat 1px 9px; }
#the-new-semester .sports-facilities { background:url(/assets/img/334image/icon6.png) no-repeat 1px 6px; }
#the-new-semester .student-engagement-and-communications { background:url(/assets/img/334image/icon7.png) no-repeat 13px 6px; }
#the-new-semester .student-societies-and-university-support { background:url(/assets/img/334image/icon8.png) no-repeat 12px 6px; }*/


#the-new-semester .side-box-2 .side-box-middle img { width:auto !important; height:auto !important;}
#the-new-semester .side-box-2 .side-box-middle h2 a { color:#6DBC2F}
#the-new-semester .side-box-details h2 a { color:#6DBC2F; *background:white}

#the-new-semester .inner-full-content .latest-update span.second-date { font-weight:normal}
#the-new-semester .inner-full-content .ongoing-item td.date { font-weight:normal;}
#the-new-semester .inner-full-content .ongoing-item span.second-date { font-weight:bold}

#the-new-semester .inner-full-content .updates-table { margin-bottom:10px;}
#the-new-semester .inner-full-content .updates-table h2 { border-bottom:1px solid #eee}
#the-new-semester .inner-full-content .updates-table table { width:100%; margin-top:4px; margin-bottom:10px}
#the-new-semester .inner-full-content .updates-table table th { text-transform:uppercase; color:#999; font-size:12px; text-align:left; padding-bottom:10px}
#the-new-semester .inner-full-content .updates-table table td { padding:10px 40px 10px 0; font-weight:bold;}
#the-new-semester .inner-full-content .updates-table table td.date { padding-left:5px}
#the-new-semester .inner-full-content .updates-table table tr.brown td { background-color:#f5f5f5}
#the-new-semester .inner-full-content .pagination { text-align:right; }
#the-new-semester .inner-full-content .pagination span { padding-left:10px; color:#333; display:inline-block; vertical-align:middle}
#the-new-semester .inner-full-content .pagination span { *display:inline;}
#the-new-semester .inner-full-content .pagination span a { display:inline-block; height:17px; }
#the-new-semester .inner-full-content .pagination span.selected { font-weight:bold; color:#6DBC2F !important;}
#the-new-semester .inner-full-content .pagination span.page-left a { background:url(/assets/img/page-left.gif) no-repeat 0 -2px; width:17px; height:17px; }
#the-new-semester .inner-full-content .pagination span.page-left a { display:inline-block; }
#the-new-semester .inner-full-content .pagination span.page-right a { background:url(/assets/img/page-right.gif) no-repeat scroll 0 -2px transparent; width:12px; height:17px; vertical-align:middle}
#the-new-semester .inner-full-content .pagination span.page-right a { display: inline-block; }
#the-new-semester .inner-full-content div.link-to-archives { text-align:right; padding-right:5px; padding-top:10px; border-top:1px solid #eee; margin-bottom:20px;}
#the-new-semester .inner-full-content div.link-to-archives a { padding-right:15px; background:url(/assets/img/334image/archive.gif) right center no-repeat; color:#6dbc2f; font-weight:bold}
#the-new-semester .inner-full-content div.link-to-archives a { *float:right;}
#the-new-semester p.back {background: url(/assets/img/page-left.gif) no-repeat -5px center white; padding-left:20px; padding-bottom:0;}
#the-new-semester .third-level-content-middle p.back a { color:#85550D}

#the-new-semester .inner-full-content .updates-detail { /* border-bottom:1px solid #eee; margin-bottom:10px */ font-size:15px;font-family:arial;}
#the-new-semester .inner-full-content .updates-detail .detail-date { clear:both;}
#the-new-semester .updates-detail span.back { float:right; background:url(/assets/img/arrow-left.gif) no-repeat 0 center; padding-left:13px; margin-top:5px;}
#the-new-semester .updates-table span.back { float:right; background:url(/assets/img/arrow-left.gif) no-repeat 0 2px; padding-left:13px; margin-top:5px;}
/*#the-new-semester .updates-table h2.archives { float:left}*/
#the-new-semester .inner-full-content .updates-detail span.back a { color:#333; }
#the-new-semester .inner-full-content .updates-detail h2 { float:left}
#the-new-semester .inner-content { float:none;}
#the-new-semester .inner-full-content p.back a { color:#85550D}

#the-new-semester .inner-full-content div.list-item { margin-bottom:20px; clear:both; *zoom:1}
#the-new-semester .inner-full-content div.list-item .item-image { float:left;}
#the-new-semester .inner-full-content div.list-item .item-content { padding-left:180px;}
#the-new-semester .inner-full-content div.list-item h4 a {color:#6dbc2f; font-size:1.2em}
#the-new-semester .inner-full-content div.list-item span.watch a {color: #777; background: url("/assets/img/arrow-to-right.gif") no-repeat 0 center; padding-left: 15px; cursor: pointer; text-transform: uppercase; font-size: 1.1em; font-weight: bold; bottom: 25px;}

#the-new-semester .third-level-content-middle h2.title { float:none !important;}
#the-new-semester .side-box-middle .item-list .imgHolder { display:inline-block; width:80px; float:left; padding-right:10px; padding-bottom:10px; }
#the-new-semester .side-box-middle .item-list:hover a { text-decoration: underline; }
/* #the-new-semester .side-box-middle .item-list img { width:80px;float:left; margin-right:10px; margin-bottom:10px; width:80px;} */
#the-new-semester .side-box-middle .item-list { clear:both; }
#the-new-semester .side-box-middle .item-list p { line-height:1.3em; overflow:hidden}
#the-new-semester .side-box-middle span.more { clear:both; margin-top:10px;}

/* */
#the-new-semester .loading { marign:0 auto; padding:50px 0px 60px 0px !important; background:url(../img/ajax-loader.gif) no-repeat center; }
#the-new-semester .no-result td { text-align:left; padding-left:5px !important; }
/* */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.new-semester-box ul li { padding-bottom:6px; }

.template9 { width:230px;}
.template9 .side-box-2 { width:230px; float:none; padding-bottom:10px; }
.template9 .side-box-2 .side-box-top { background:url(/assets/img/inner-box-top.png) no-repeat 0 0; width:230px; height:5px; }
.template9 .side-box-2 .side-box-bottom { background:url(/assets/img/inner-box-bottom.png) no-repeat 0 0; width:230px; height:5px; }
.template9 .side-box-2 .side-box-middle { width:210px; padding:10px 10px; background-color:#fff; min-height:auto !important}
.template9 .side-box-2 .side-box-middle h2.title { font-size:20px; padding-bottom:10px; line-height: 1em; letter-spacing:-0.5px;font-family: InterstateBoldCondensedBold, arial, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px transparent;-moz-text-stroke: 1px transparent;font-weight:normal;}
.template9 .side-box-2 .side-box-middle h2.title span.rss-icon { display:inline-block; background:url(/assets/img/icon-rss.png) no-repeat 5px 0; width:21px; height:21px; padding-left:5px; margin-top:-1px;letter-spacing:-0.5px;}
.template9 .side-box-2 .side-box-middle h2.arrow a{ color:#6DBC2F; cursor:pointer}
.template9 .side-box-2 .side-box-middle .bottom img{height:60px;width:216px;}
.template9 .side-box-2 .side-box-middle img { border: 0; width:210px; *width:212px; height:145px; }
.template9 .side-box-2 .side-box-middle .side-box-details { height:auto !important; padding:10px 0 0; }
.template9 .side-box-2 .side-box-middle .side-box-details ul li { margin:1px 5px 5px 0; width: 192px; background:no-repeat url("/assets/img/dot.gif") 5px 7px transparent; padding-left:12px; }
.template9 .side-box-2 .side-box-middle .side-box-details ul li a { color:#333;}
.template9 .side-box-2 .side-box-middle .side-box-details ul li a:hover {text-decoration:underline; }
.template9 .side-box-2 .side-box-middle .side-box-details ul li span { color:#777; display:block; font-size:11px; }
.template9 .side-box-2 .side-box-middle ul.news-listing li { border-bottom:1px solid #e1e1e1; padding: 10px 0 6px 0; }
.template9 .side-box-2 .side-box-middle ul.news-listing li span { display:inline-block; padding-right:5px; padding-bottom:3px; }
.template9 .side-box-2 .side-box-middle ul.news-listing li span a { color:#333; cursor:pointer }
.template9 .side-box-2 .side-box-middle ul.news-listing li span.media-title { text-transform:uppercase; font-weight:bold; }
.template9 .side-box-2 .side-box-middle ul.news-listing li span.media-details { display:block; color:#996C2B; font-weight:bold; }
.template9 .side-box-2 .side-box-middle ul.news-listing li span.media-more { display:block; text-transform:uppercase; font-weight:bold; padding-top:3px; padding-bottom:3px;color:#777; font-size:11px;}
.template9 .side-box-2 .side-box-middle ul.news-listing li span.media-more a { color:#777; font-size:11px;cursor:pointer;}
.template9 .side-box-2 .side-box-middle .more { margin-top:0; margin-left:-10px; }
.template9 .side-box-2 .side-box-middle .more a { width:auto; }
.template9 .side-box-2 .side-box-middle img { width:auto !important; height:auto !important; }
.template9 .side-box-2 .side-box-middle .side-box-details span.telephone {background:url(/assets/img/334image/health-service-telephone.png) 2px 2px no-repeat;padding-left:18px;line-height:1.2em; display:inline}
.template9 .side-box-2 .side-box-middle .side-box-details a.resources-icon { margin-left:12px;}
.template9 .side-box-2 .side-box-middle img { width:auto !important; height:auto !important;}
.template9 .side-box-2 .side-box-middle h2 a { color:#6DBC2F}
.template9 .side-box-details h2 a { color:#6DBC2F; *background:white}

#the-new-semester .mixed-left p{display:none;}