body.section-staffnet, body.section-studentnet { min-width:1000px }
.section-staffnet #pagebanner { background-image:url('../graphics/sections/pagebanner-staffnet.gif') }
.section-studentnet #pagebanner { background-image:url('../graphics/sections/pagebanner-studentnet.gif') }
.section-alumni #pagebanner { background-image:url('../graphics/sections/pagebanner-alumni.gif') }
.section-research #pagebanner { background-image:url('../graphics/sections/pagebanner-research.gif') }
.section-studentnet-hk #pagebanner { background-image:url('../graphics/sections/pagebanner-studentnet-hk.gif') }
.section-studentnet-shang #pagebanner { background-image:url('../graphics/sections/pagebanner-studentnet-shang.gif') }
.section-studentnet-sing #pagebanner { background-image:url('../graphics/sections/pagebanner-studentnet-sing.gif') }
.section-studentnet-manila #pagebanner { background-image:url('../graphics/sections/pagebanner-studentnet-manila.gif') }
.section-studentnet #bodycontainer #pagecontent h3.gold, .section-staffnet #bodycontainer #pagecontent h3.gold { padding-right:0; font-size:1.583333em; color:#0864a5; line-height:1.2 }
.section-studentnet #ieAny #pagecontent h3.gold, .section-staffnet #ieAny #pagecontent h3.gold { margin-top:1.2211em }
.section-studentnet #bodycontainer #pagecontent ul.studentnetlist, .section-staffnet #bodycontainer #pagecontent ul.staffnetlist { list-style-image:url('../graphics/bullet-link.gif'); margin-top:1.75em }
.section-studentnet #ieAny #pagecontent ul.studentnetlist, .section-staffnet #ieAny #pagecontent ul.staffnetlist { list-style-image:url('../graphics/bullet-link-ie.gif'); margin:1.75em 0 }
.section-studentnet #bodycontainer #pagecontent ul.studentnetlist li, .section-staffnet #bodycontainer #pagecontent ul.staffnetlist li { margin-left:15px }
.section-studentnet #ieAny #pagecontent ul.studentnetlist li, .section-staffnet #ieAny #pagecontent ul.staffnetlist li { margin-left:17px }
.section-studentnet #bodycontainer #pagecontent .leftcol ul.studentnetlist li, .section-staffnet #bodycontainer #pagecontent .leftcol ul.staffnetlist li { border-bottom-width:0; font-weight:normal; margin:0.333333em 0 0.333333em 15px }
.section-studentnet #ieAny #pagecontent .leftcol ul.studentnetlist li, .section-staffnet #ieAny #pagecontent .leftcol ul.staffnetlist li { margin-left:17px }
.section-studentnet #bodycontainer #pagecontent .leftcol ul.studentnetlist li a, .section-staffnet #bodycontainer #pagecontent .leftcol ul.staffnetlist li a { text-decoration:underline }
.section-studentnet #bodycontainer #pagecontent .container-net, .section-staffnet #bodycontainer #pagecontent .container-net { margin-bottom:1.25em; padding:1em 0; background-color:#e9fafe; border:2px solid #7ac4d9 }
.section-staffnet #bodycontainer #pagecontent .container-net { background-color:#f5f5f5; border-color:#c4c4c4 }
.section-studentnet #ie7 #pagecontent .container-net, .section-staffnet #ie7 #pagecontent .container-net { min-height:1% }
.section-studentnet #ie6down #pagecontent .container-net, .section-staffnet #ie6down #pagecontent .container-net { height:1% }
.section-studentnet #bodycontainer #pagecontent .container-net:after, .section-staffnet #bodycontainer #pagecontent .container-net:after { clear:left; display:block; height:0; visibility:hidden; content:' ' }
.section-studentnet #bodycontainer #pagecontent .container-net .heading-net h3, .section-staffnet #bodycontainer #pagecontent .container-net .heading-net h3 { min-height:170px; margin:0; padding:0.25em 122px 0 1em; background:url('../graphics/sections/heading-studentnet-bg.gif') no-repeat 100% 0; font-size:1.333333em; color:#3d3d3d; line-height:1.3125 }
.section-studentnet #ie6down #pagecontent .container-net .heading-net h3 { height:170px }
.section-staffnet #bodycontainer #pagecontent .container-net .heading-net h3 { min-height:179px; background-image:url('../graphics/sections/heading-staffnet-bg.gif') }
.section-staffnet #ie6down #pagecontent .container-net .heading-net h3 { height:179px }
.section-studentnet #bodycontainer #pagecontent .shoutbox-net, .section-staffnet #bodycontainer #pagecontent .shoutbox-net { width:40%; margin:0 0 0 2%; padding:0 3%; background-color:#fff; border:1px solid #7ac4d9 }
.section-staffnet #bodycontainer #pagecontent .shoutbox-net { border-color:#c4c4c4 }
.section-studentnet #ie6down #pagecontent .shoutbox-net, .section-staffnet #ie6down #pagecontent .shoutbox-net { margin-left:2em; padding:0 1em }
.section-studentnet #bodycontainer #pagecontent .shoutbox-net h4, .section-staffnet #bodycontainer #pagecontent .shoutbox-net h4 { color:#387ea9 }
#ie6down #pagecontent dl.list-studentnet { position:relative }
#bodycontainer #pagecontent dl.list-studentnet dt, #bodycontainer #pagecontent dl.list-studentnet dt { padding:0 1em 20px 45px; background-repeat:no-repeat; background-position:0 5px; font-size:1.166666em; font-weight:bold }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-calendar { background-image:url('../graphics/sections/icons/icon-calendar.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-checklist{ background-image:url('../graphics/sections/icons/icon-checklist.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-computer { background-image:url('../graphics/sections/icons/icon-computer.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-cup { background-image:url('../graphics/sections/icons/icon-cup.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-folder { background-image:url('../graphics/sections/icons/icon-folder.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-mortarboard { background-image:url('../graphics/sections/icons/icon-graduation.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-hand { background-image:url('../graphics/sections/icons/icon-hand.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-music { background-image:url('../graphics/sections/icons/icon-music.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-page { background-image:url('../graphics/sections/icons/icon-page.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-pause { background-image:url('../graphics/sections/icons/icon-pause.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-pen { background-image:url('../graphics/sections/icons/icon-pen.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-person { background-image:url('../graphics/sections/icons/icon-person.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-pillars { background-image:url('../graphics/sections/icons/icon-pillars.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-star { background-image:url('../graphics/sections/icons/icon-star.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-time { background-image:url('../graphics/sections/icons/icon-time.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-transport { background-image:url('../graphics/sections/icons/icon-transport.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-world { background-image:url('../graphics/sections/icons/icon-world.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-groups { background-image:url('../graphics/sections/icons/icon-groups.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-graduation { background-image:url('../graphics/sections/icons/icon-handshake.gif') }
#bodycontainer #pagecontent dl.list-studentnet dt.icon-fees { background-image:url('../graphics/sections/icons/icon-fees.gif') }
#bodycontainer #pagecontent dl.list-studentnet dd, #bodycontainer #pagecontent dl.list-studentnet dd { position:relative; margin:-15px 0 0.916666em; padding:0 1em 1.25em 45px; background:url('../graphics/dots-lightgrey.gif') repeat-x 0 100% }
#bodycontainer #pagecontent dl.list-studentnet dd p, #bodycontainer #pagecontent dl.list-studentnet dd p { margin:0 0 0.5em }
.section-studentnet #bodycontainer #pagecontent dl.border-top, .section-staffnet #bodycontainer #pagecontent dl.border-top { padding-top:1.25em; background:url('../graphics/dots-lightgrey.gif') repeat-x 0 0 }
.section-studentnet #ie7 #pagecontent dl.border-top, .section-staffnet #ie7 #pagecontent dl.border-top, .section-studentnet #ie6down #pagecontent dl.border-top, .section-staffnet #ie6down #pagecontent dl.border-top { padding-top:0.583333em }

#bodycontainer #pagecontent .captionbox, #bodycontainer #pagecontent .caption { width:173px; margin:1em 0 0.454545em 1.363636em; font-size:0.916666em; color:#585858 }
#ieAny #pagecontent .captionbox { margin-top:0.454545em }
#bodycontainer #pagecontent .caption { width:auto; margin-right:0; margin-bottom:1.363636em; margin-left:0 }
#bodycontainer #pagecontent .imgleft .captionbox, #bodycontainer #pagecontent .floatleft .captionbox { margin-right:1.363636em; margin-left:0 }
#bodycontainer #pagecontent .captionbox.imgleft, #bodycontainer #pagecontent .captionbox.floatleft { margin-right:1.363636em; margin-left:0 }
#bodycontainer #pagecontent .rightcol .captionbox { margin-right:0; margin-left:0; font-size:1em }
#bodycontainer #pagecontent .captionbox .captionbox { width:auto; margin:0; font-size:1em }
#bodycontainer #pagecontent .captionbox img, #bodycontainer #pagecontent .captionbox img.imgright, #bodycontainer #pagecontent .captionbox img.floatright, #bodycontainer #pagecontent .captionbox img.imgleft, #bodycontainer #pagecontent .captionbox img.floatleft { float:none; display:block; margin:0 0 0.545454em; padding:3px; border:1px solid #c4c4c4 }
#bodycontainer #pagecontent .captionbox p { margin:0.545454em 0 0 }

#bodycontainer #pagecontent dl.list-profiles:after { display:block; clear:left; visibility:hidden; height:0; content:' ' }
#ie7 #pagecontent dl.list-profiles { min-height:1% }
#ie6down #pagecontent dl.list-profiles { height:1% }
#bodycontainer #pagecontent dl.list-profiles dt { clear:left; margin:1em 0 0.266666em; padding:0.8em 0 0 100px; background:url('../graphics/dots-lightgrey.gif') repeat-x 0 0; font-size:1.25em; font-weight:bold; color:#00497b }
#ie7 #pagecontent dl.list-profiles dt { margin-top:0.4em; padding-top:0.4em }
#ie6down #pagecontent dl.list-profiles dt { margin-top:0.4em; padding-left:103px }
#bodycontainer #pagecontent dl.list-profiles dt.no-top-border { background:none }
#bodycontainer #pagecontent dl.list-profiles dd { margin-bottom:0.333333em; margin-left:100px }
#ie6down #pagecontent dl.list-profiles dt, #ie6down #pagecontent dl.list-profiles dd { height:1% }
#bodycontainer #pagecontent dl.list-profiles dd.imgleft { margin-top:-1.666666em; margin-left:0 }
#bodycontainer #pagecontent dl.list-profiles dd.imgleft img { margin-right:0 }
#ie7 #pagecontent dl.list-profiles dd.imgleft img, #ie6down #pagecontent dl.list-profiles dd.imgleft img { margin:0 }
#bodycontainer #pagecontent dl.margin-left-125 dt { padding-left:125px }
#ie6down #pagecontent dl.margin-left-125 dt { padding-left:128px }
#bodycontainer #pagecontent dl.margin-left-125 dd { margin-left:125px }
#bodycontainer #pagecontent .floathalf dl.list-profiles dt { padding-left:75px }
#ie6down #pagecontent .floathalf dl.list-profiles dt { padding-left:78px }
#bodycontainer #pagecontent .floathalf dl.list-profiles dd { margin-left:75px }
#bodycontainer #pagecontent .floathalf dl.list-profiles dd.imgleft { margin-left:0 }

#bodycontainer #pagecontent .bevelbutton { position:relative; margin:0.75em 0 }
#ie6down #pagecontent .bevelbutton { border:1px solid #aaa }
#bodycontainer #pagecontent .bevelbutton:after, #bodycontainer #pagecontent .bevelbutton a:after { display:block; clear:left; visibility:hidden; height:0; content:' ' }
#ie7 #pagecontent .bevelbutton, #ie7 #pagecontent .bevelbutton a, #ie7 #pagecontent .bevelbutton div.border-top, #ie7 #pagecontent .bevelbutton div.border-right, #ie7 #pagecontent .bevelbutton div.border-bottom, #ie7 #pagecontent .bevelbutton div.border-left { min-height:1% }
#ie6down #pagecontent .bevelbutton, #ie6down #pagecontent .bevelbutton a { height:1% }
#bodycontainer #pagecontent .bevelbutton a, #bodycontainer #pagecontent .bevelbutton a:visited { display:block; padding:3px 0 3px 0; background:#f4f4f4 url('../graphics/buttons/bevel-flow.gif') repeat-x 0 0; outline-width:0; color:#222; text-decoration:none }
#bodycontainer #pagecontent .bevelbutton a:focus, #bodycontainer #pagecontent .bevelbutton a:hover, #bodycontainer #pagecontent .bevelbutton a:active { background-color:#eaf4fb; background-image:none; color:#222; text-decoration:none }
#bodycontainer #pagecontent .bevelbutton a span { display:block; padding:0.25em 50px 0.25em 200px; background-repeat:no-repeat; background-position:0 50%; min-height:4.25em; margin:0 0 0 3px }
#ie7 #pagecontent .bevelbutton a span, #ie6down #pagecontent .bevelbutton a span { cursor:pointer }
#ie6down #pagecontent .bevelbutton a span { position:relative; height:4.25em }
#bodycontainer #pagecontent .bevelbutton a span span { margin:0.333333em 0 0 0; padding:0; min-height:0; background-image:none }
#ie6down #pagecontent .bevelbutton a span span { height:1% }
#bodycontainer #pagecontent .bevelbutton a span strong, #bodycontainer #pagecontent .bevelbutton a:link span strong { color:#0864a5 }
#bodycontainer #pagecontent .bevelbutton a:visited span strong { color:#746114 }
#bodycontainer #pagecontent .bevelbutton a:focus span strong, #bodycontainer #pagecontent .bevelbutton a:hover span strong, #bodycontainer #pagecontent .bevelbutton a:active span strong { color:#0864a5 }
#bodycontainer #pagecontent .bevelbutton div.border-top, #bodycontainer #pagecontent .bevelbutton div.border-right, #bodycontainer #pagecontent .bevelbutton div.border-bottom, #bodycontainer #pagecontent .bevelbutton div.border-left { background:url('../graphics/buttons/bevel-top-flow.gif') repeat-x 0 0; border-width:0 }
#bodycontainer #pagecontent .bevelbutton div.border-right { background-image:url('../graphics/buttons/bevel-right-flow.gif'); background-repeat:repeat-y; background-position:100% 0 }
#bodycontainer #pagecontent .bevelbutton div.border-bottom { background-image:url('../graphics/buttons/bevel-bottom-flow.gif'); background-position:0 100% }
#bodycontainer #pagecontent .bevelbutton div.border-left { padding:3px; background-image:url('../graphics/buttons/bevel-left-flow.gif'); background-repeat:repeat-y }
#ie6down #pagecontent .bevelbutton div.border-top, #ie6down #pagecontent .bevelbutton div.border-right, #ie6down #pagecontent .bevelbutton div.border-bottom, #ie6down #pagecontent .bevelbutton div.border-left { background-image:none }
#bodycontainer #pagecontent .bevelbutton div.top-left, #bodycontainer #pagecontent .bevelbutton div.top-right, #bodycontainer #pagecontent .bevelbutton div.bottom-left, #bodycontainer #pagecontent .bevelbutton div.bottom-right { position:absolute; left:0; top:0; width:11px; height:11px; background-image:url('../graphics/buttons/bevel-corners.png'); overflow:hidden }
#ie6down #pagecontent .bevelbutton div.top-left, #ie6down #pagecontent .bevelbutton div.top-right, #ie6down #pagecontent .bevelbutton div.bottom-left, #ie6down #pagecontent .bevelbutton div.bottom-right { display:none; background-image:none }
#bodycontainer #pagecontent .bevelbutton div.top-right { left:auto; right:0; background-position:100% 0 }
#bodycontainer #pagecontent .bevelbutton div.bottom-left { top:auto; bottom:0; background-position:0 -11px }
#bodycontainer #pagecontent .bevelbutton div.bottom-right { left:auto; right:0; top:auto; bottom:0; background-position:-11px -11px }