/* +++++++++++++++++++++++++++++++++++++++++++++++++ Top Tier +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#container{min-height:600px}
#container.homepage-height{ }
.container, #container{ max-width:990px; margin:0 auto }
.inner, #responsive-container{width:94.85%; margin:0 auto}
#top-tier, #news-events, footer, .current-tier{ color:#fff; background:#1e1e1e; font-family:Verdana; text-transform:uppercase; font-size:11px; padding:10px 0}
#top-tier ul{ margin-bottom:0}#top-tier ul li, .current-tier li{ display:inline}
#top-tier ul li.home-link{ margin-right:20px}
#country-pages, #global-nav, #copyright, #legal{ width:49%}
#country-pages, #copyright{ float:left}
#global-nav, #legal{ float:right; text-align:right}
#global-nav li.a-z{ margin-right:20px}
#global-nav li.staff-login, #global-nav li.student-login{ background-image:url(../image/padlock.png) !important; background-repeat:no-repeat; background-position:top right; padding-right:17px}
.staff-login{ margin-right:6px}
#top-tier a, footer a, .current-tier a{color:#ffdb93; text-decoration:none}
#top-tier a:hover, footer a:hover{ color:#a87b26}
footer a:visited, #top-tier a:visited{color: #ffdb93}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Header with top nav +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

header{width:94.85%; margin:0 auto; position:relative}
header ul li{ display:inline}
h1.mobile-brand{ display:none}
h1.brand{float:left; display:inline; top:21px; position:absolute}
header #global-and-search{text-align:right; padding-top:23px}
input.search-input{ float:left; width:80%; border:0px none transparent; padding:6px 5px; font-size:14px}
button.search-button, #search button.search-button{ border:none; height:16px; width:16px !important; background-image:url(../image/search-button.gif); background-repeat:no-repeat; opacity:0.6; position:relative; top:4px; left:-7px}
@-moz-document url-prefix() {button.search-button, , #search button.search-button{ top:2px; }}
button.search-button:hover{opacity:1.0}
#global-and-search form#search{ border:1px solid #a87b26; width:23.4042%; float:right; margin-bottom:19px}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ Footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

footer .inner{padding: 0.7em 0; color:#fff}
footer .inner.copy-legal{border-top: 1px solid #555555; padding-bottom: 3em}
nav#copyright, nav#legal{padding-top: 1em}
#global-nav, #legal {float: right;text-align: right}
#legal ul li{display: inline}
footer p{text-align: right; padding: 0px; margin: 0px}
#address{background: url(../image/footer-logo.png) 0 10px no-repeat; padding: 10px 0; font-family:arial; font-size:14px; color:#fff; text-transform: none}
.no-svg #address{background: url(../image/footer-logo.png) no-repeat}

/* ----- compressed html5 reset style sheet ----- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:14px;line-height:1.231}body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#fe57a1;color:#fff;text-shadow:none}::selection{background:#fe57a1;color:#fff;text-shadow:none}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}h1,h2,h3,h4,p{margin-top:0px}ul,ol{margin:1em 0;padding:0 0 0 30px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label[for]{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:valid,textarea:valid{}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}hr{visibility:hidden;background:none;overflow:hidden;display:block;font-size:0;clear:both;float:none;padding:0;border:0;margin:0;height:0;width:0}.float-left{float:left}.float-right{float:right}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden} .clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}@media only screen and (min-width:480px){ }@media only screen and (min-width:768px){ } @media print{ *{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important} a,a:visited{text-decoration:underline} a[href]:after{content:"("attr(href) ")"} abbr[title]:after{content:"("attr(title) ")"} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}  pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100% !important} @page{margin:0.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid}}

/* set the default box-sizing on all elenents*/
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
body, html{height:100%; width:100% }

/* global rule for all media to bring down to size */
img,video{height: auto!important;max-width: 100%}

/* get rid of blue border on safari inputs */
input[type=text]:focus,input[type=password]:focus {outline: 0 none}

a{color: #003A81}
a:visited{color: #6689b3}
#main-content a,#main-content div,#main-content article,#main-content aside,#microsite-markets *{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease}
#masthead{padding-bottom: 10px;position: relative;margin: 0 auto}
.ie7 #masthead{margin-bottom: -17px}
#mobile-navigation{ display:none}
#mobile-navigation #mobile-site-navigation a, #mobile-navigation #mobile-section-navigation a{ text-decoration:none}
#main-content{width: 75%;float: left; margin-bottom:2em}
#container.homepage-height #main-content{ margin-bottom:0}
h1 a, h2 a, h3 a, h4 a{ text-decoration:none}
.content ul, .content ol, .sidebar ul, .sidebar ol, #mobile-section-navigation ul, #mobile-site-navigation ul, .micro-modules ul{margin-bottom: 1.2em; font-size: 14px; line-height: 1.55em;}
.content ul li, .content ol li, .sidebar ul li, .sidebar ol li, #mobile-section-navigation ul li, #mobile-site-navigation ul li{ margin-bottom:8px}
#mobile-section-navigation ul, #mobile-site-navigation ul, #mobile-section-navigation ul.multilevel-linkul-0{ padding-left:0.85em}
.content img{margin-bottom: 1em;margin-right: 1em;height: auto!important; /* important rule HAS to be here to over-ride inline CSS inserted by T4 */}
.content hr, .sidebar hr, .subhome-group hr{ width:auto; visibility:visible; border: 0; height: 1px; background: #A87B26; background-image: -webkit-linear-gradient(left, #e9dec9, #A87B26, #e9dec9); background-image: -moz-linear-gradient(left, #e9dec9, #A87B26, #e9dec9); background-image: -ms-linear-gradient(left, #e9dec9, #A87B26, #e9dec9); background-image: -o-linear-gradient(left, #e9dec9, #A87B26, #e9dec9); margin-bottom:22px }}
.basic-form{font-size: 16px;}
label, form p{color:#666; margin-bottom:0.5em}
.basic-form label, fieldset label, fieldset legend{margin-bottom: 20px; display: block; color:#666}
fieldset label, fieldset legend{ margin-bottom:0.4em}
.basic-form label span{display: block; margin-bottom: 5px}
.basic-form input[type=text],.basic-form textarea,.basic-form select{width: 70%; border: 2px solid #E1E2E2; padding: 5px}
.content .radio-checkbox-list, .content .radio-checkbox-list li, .profile-categories{list-style:none; padding:0; margin:0; float:left}
.radio-checkbox-list{width: 100%}
.content .radio-checkbox-list li{margin-right: 20px}
.radio-checkbox-list li label span{display: inline-block}
.basic-form input[type=submit]{background: #C59A00; border: none; color: #FFFFFF; height: 32px; padding: 0 10px}
fieldset input, fieldset select{border: solid 1px #A87B26; background:#f8fafc;padding: 5px;width:90%}fieldset input, fieldset select{ margin-bottom:1em}fieldset .submit input{ width:25%; margin-top:0.75em; background:#6689b3; border-color:#46506D; color:#fff}fieldset select option{ line-height:2em}
form table, form th, form td{ border:none}
fieldset legend{color:#031F73; margin: 0 0 0.65em; padding-bottom: 0.4em; width:100%;}
#mobile-section-navigation, #mobile-site-navigation,#mobile-faculty-link, #main-content a#call-to-action, #main-content .sidebar a.call-to-action, #site-navigation a#faculty-link{ background-color:#FC0; border:5px solid rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1.5px rgba(204, 204, 204, 0.85), 1px 1px 1.5px rgba(204, 204, 204, 0.85); color: #FFFFFF !important; float: left; font-size:150%; margin-top: 10px; padding: 12px 0; text-decoration: none !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15); width: 100%; }

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.main::-webkit-scrollbar{-webkit-appearance: none;background-color: rgba(0,0,0, .15);width: 8px;height: 8px}
.main::-webkit-scrollbar-thumb{border-radius: 0;background-color: rgba(0,0,0, .4)}
.vcard{ margin-bottom:1.5em}
.vcard div{ margin-bottom:0.5em}

@media (max-width: 880px){
    #global-and-search form#search{ border:1px solid #a87b26; width:28.4042%; float:right; margin-bottom:19px}
}

@media (max-width: 603px){
    #masthead, #masthead{ margin:15px 0 10px; height:auto; min-height:auto}
    #responsive-container{width:90%; margin:0 auto}
    #container{ min-height: inherit}
    #mobile-navigation{ color:#fff !important; background:#fff; display:block}
    #mobile-section-navigation, #mobile-site-navigation{ display:block; margin-bottom:1em}
    #mobile-navigation #mobile-section-navigation h2, #mobile-navigation #mobile-site-navigation h2{font-weight: normal; margin-bottom: 0.4em; color:#1e1e1e !important; padding: 0 0.45em; font-size:100%}
    #mobile-navigation #mobile-section-navigation h2 a, #mobile-navigation #mobile-site-navigation h2 a{ padding:0}
    #mobile-navigation #mobile-section-navigation a, #mobile-navigation #mobile-site-navigation a{ color:#1e1e1e !important}
    #mobile-navigation #mobile-section-navigation h2 a, #mobile-navigation #mobile-site-navigation h2 a{ text-decoration:underline}
    .ie8 #container{min-width: 260px}
    #main-content{width: 99.1%}
    footer #address{ background-image:none !important}
    footer p{text-align: center}
    input.search-input{padding:5px}
    #global-and-search form#search{width: 30%;}
    #top-tier{ padding:7px 0 0}
    header  #global-and-search{ padding-top:0}
    #masthead{ padding-top: 0.3em}
    #global-and-search form#search{ float:none; width:auto; min-height:29px; width: 91.85%; margin: 0 auto}header, #top-tier .inner, footer .inner{width: 91.85%;}
    header{width:auto}
    #country-pages, #copyright, #global-nav, #legal{float: none; text-align: center}
    #country-pages, #global-nav, #copyright, #legal {width: auto}
    #global-nav li.a-z{margin-right: 15px}
    #country-pages{ padding-bottom:2px}
    footer .container{ margin-bottom:0}
    footer #address{ background:none !important}
}

#masthead{min-height:67px; *height:67px; height:99px}
#masthead{padding-bottom: 10px;position: relative;margin: 0 auto}
.ie7 #masthead{margin-bottom: -17px}
#uni-home-link {background: url(../image/h1-logo-unbranded.png) no-repeat scroll left top transparent;display: block;float: left;height: 0;overflow: hidden;padding-top: 50px;width: 220px}
input.search-input {border: 0 none transparent;float: left;font-size: 14px;padding: 6px 5px;width: 80%}
#search .input {border-right: 6px solid #FFFFFF;border-top: 6px solid #FFFFFF}
#services-global-navigation-test{ font-family:Arial; font-size:14px; margin-bottom:20px; background:#031F73 }
#services-global-navigation-test ul li{ display: block; float:left; }
#services-global-navigation-test ul li ul{ display:none}
#services-global-navigation-test ul li a{ color:#1e1e1e; text-decoration:none; line-height:3em; display: block; margin:0 0 0 1em;}
#services-global-navigation-test ul li a:hover{ text-decoration: underline}
.clearfix:after { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
header #global-and-search.different{ padding-top:0; position:relative; top:-15px}
#logo{position: absolute;top: 23px; width:220px; height:50px}
#dept-link-holder{position:relative; width:38%; height:38px; border-left:1px solid #A87B26; top:27px; margin-left: 218px;}
#dept-link-holder #dept-link{position:absolute; bottom:-8px; left:18px}
#dept-link-holder #dept-link h2{ font-weight:lighter; text-transform:uppercase; line-height:1.189em; font-size:146%; margin:0; padding:0 }
#dept-link-holder #dept-link h2 a{ color:#031F73}
#main-content.services-home{ width:100%}
#mobile-section-navigation, #mobile-site-navigation,#mobile-faculty-link, #main-content a#call-to-action, #main-content a.call-to-action, #site-navigation a#faculty-link{box-shadow: 0 1px 1.5px rgba(229, 229, 229, 0.35), 0 1px 1.5px rgba(229, 229, 229, 0.35); padding: 12px 8px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15)}

@media screen and (max-width: 880px) {
    #dept-link-holder #dept-link h2{font-size:116%}
}

@media screen and (max-width: 603px) {
    #masthead{ margin:15px 0 10px; height:auto; min-height:auto}
    header #global-and-search{ padding-top:0; position:inherit}	
    header #global-and-search.different { top:0}
    #container{ width:100%}
    #global-and-search{ top:inherit}
    input.search-input{padding: 5px 0 0 5px}
    #logo{ position:inherit; top:inherit; margin:0 auto}
    #dept-link-holder, #dept-link-holder #dept-link{ width:100%; position:inherit; left: inherit; bottom: inherit ; margin:0; padding:0; border:none; height:auto }
    #dept-link-holder{ text-align:center; top: inherit }
    #dept-link-holder #dept-link{ margin:0 auto}
    #logo, #dept-link-holder{ margin-bottom:0.5em} 
    #masthead, #masthead{ margin:15px 0 10px; height:auto; min-height:auto}
    #services-global-navigation-test{ padding:0.5em}
    #services-global-navigation-test ul li a{ line-height:2em}
}

#services-global-navigation-test a{ color:#1e1e1e}
#services-global-navigation-test{ background:#fc0}

@media screen and (max-width: 550px) {
    #mobile-section-navigation, #mobile-site-navigation, #mobile-section-navigation ul.multilevel-linkul-0{background:#fc0}
    #mobile-section-navigation h2, #mobile-site-navigation h2{ color:#1e1e1e !important}
    #mobile-section-navigation a, #mobile-site-navigation a, #mobile-section-navigation ul.multilevel-linkul-0 a{color:#1e1e1e !important}
}