/* ---------- reset browser defaults ---------- */
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, font, 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, table, caption, tbody, tfoot, thead, tr, th, td, input, select, hr {
margin:0;
padding:0;
font-size:1em;
}

img, embed, form, fieldset {
border:0;
vertical-align:bottom;
}

input, select, textarea {
font:1em "Verdana", sans-serif;
vertical-align:bottom;
}

table {
border-collapse:collapse;
border-spacing:0;
clear:both;
}

table th {
font-weight:normal;
text-align:left;
}


ul, ol {
list-style:none;
}

/* ---------- set some basic styles ---------- */
body { 
font:62.5% "Verdana", sans-serif;
text-align:center;
color:#535353;
background-color:#eaeaea;
font-size: .7em;
}

a {
color:#535353;
text-decoration:none;
}

a:hover {
color: #8B8B8B;
text-decoration:underline;
}

a:active, a:focus {
color:#535353;
text-decoration:underline;
}

#printHeader {
display:none;
}

.sys_hide {
display:none;
}

.clear {
height: 2px;
clear:both;
}

/* ---------- basic layout ---------- */
#wrapper {
max-width:1020px;
margin:0 auto;
background-color:#bbb;
background-image:url(/siteelements/images/base/background-page.png);
background-repeat:repeat-y;
}

#container {
width:900px;
margin:0 auto;
background-color:#fff;
text-align:left;
}

/* ---------- header bar ---------- */
#header {
text-align:left;
background-color:#4F4F4F;
background:url(/siteelements/images/base/background-header-darker.png) repeat-x;
height:27px;
border-bottom:1px solid #fff;
position:relative;
font-size:1.1em;
}

#header ul {
padding:5px 0px 5px 13px;
}

#header ul li {
float:left;
}

#header ul li a {
color: #c6c6c6;
}

ul#headerlinks {
float:left;
}


ul#headerlinks a {
color:#fff;
}

ul#headerlinks li {
margin-right:1.5em;
}

ul#headerlinks li.sys_skip a {
left:-9999px;
position:absolute;
top:0;
}

ul#campuslinks li {
margin-left:1px;
height:27px;
width:130px;
background-color:#424242;
text-align:center;
}

ul#campuslinks li a {
display:block;
height:100%;
margin-top:5px;
}

ul#campuslinks {
float:right;
font-weight:bold;
padding:0;
margin-right:10px;
}

ul#campuslinks li.nottingham {
background-color:#007EA6;
background:url(/siteelements/images/base/background-header-on.png) repeat-x;
}

ul#campuslinks li.nottingham a {
color:#fff;
}

/* ---------- search and quicklinks ---------- */
#search, #searchBusinessSchool, #logo, #logoBusinessSchool {
height:80px;
background:url(/siteelements/images/base/background-logo.png) repeat-x;
}

#search {
width:772px;
float:left;
font-size:1.1em;
}

#searchBusinessSchool{
width:736px;
float:left;
font-size:1.1em;
}


#searchBusinessSchool #CampusName {
clear:both!important;
margin:28px 0 0 10px;
float:left;
font-size:2.4em;
}


#searchBusinessSchool #CampusName .campusHighlight {
color:#007EA6;
}



#search div, #searchBusinessSchool div {
line-height:0px;
}

#search fieldset, #searchBusinessSchool fieldset {
margin:10px 0 0 13px;
float:left;
padding:0px;
}

#search #CampusName {
clear:both;
margin:28px 0 0 10px;
float:left;
font-size:2.4em;
}

#search #CampusName .campusHighlight {
color:#007EA6;
}

#search label, #searchBusinessSchool label {
display:none;
}

#search input, #searchBusinessSchool input {
width:150px;
height:14px;
padding:2px 0;
vertical-align:middle;
background:#fff;
border:1px solid #eaeaea;
color:#8b8b8b;
float:left;
}

#search select, #searchBusinessSchool select {
width:160px;
padding:2px 0;
vertical-align:middle;
background:#fff;
border:1px solid #eaeaea;
color:#8b8b8b;
float:left;
}


#search input.sys_submit, 
.sys_homepageGreyBox input.sys_submit, 
#searchBusinessSchool input.sys_submit {
width:60px;
height:20px;
background:url(/siteelements/images/base/background-button.png) repeat-x center;
border-left:0px;
cursor:pointer;
}
#search input.sys_submit:hover, .sys_homepageGreyBox input.sys_submit:hover, #searchBusinessSchool input.sys_submit:hover{color: #000;}

#search input#ct109_submit, #searchBusinessSchool input#ct109_submit {
border-color:red;}

/* ---------- logo ---------- */

#logo, #logoBusinessSchool {
float:right;
}

#logo a {
display:block;
width:170px;
margin-top: 3px;
margin-right:18px;
height:68px;
background-color:#fefefe;
background:url(/siteelements/images/base/logo.png) no-repeat 50% 50%;
text-indent:-9999px;
}

#logoBusinessSchool a {
display:block;
width:206px;
margin-top: 3px;
margin-right:18px;
height:68px;
background-color:#fefefe;
background:url(/siteelements/images/base/logo-businessSchool.png) no-repeat 50% 50%;
text-indent:-9999px;
}

#globalNav {
clear:both;
height:2.7em;
text-align:left;
background-color:#fefefe;
background:url(/siteelements/images/base/background-navigation.png) repeat-x;
border-top:1px solid #fff;
border-bottom:2px solid #036;
}


/* Main menu
--------------------------------------------------------------------------
*/
#globalNav ul {
margin:7px 5px;
}

#globalNav ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} /* use clearfix as overflow: hidden breaks rollovers */

/* menu widths: The whole thing must add up to 960px, taking into account the 1px border-right added to all except the last item, and 1px border-left added to all except the first, and the 10px padding on the ul. So with 9 items that's 16 pixels worth of border, 10px padding and the individual items should add up to 934px */
#globalNav ul li {
position: relative;
float: left;
text-align: center;
z-index: 200;
}

#globalNav ul li a {
border-right:1px solid #eaeaea;
border-left:1px solid #fff
}

#globalNav ul li ul a {
border:0px;
}

#globalNav ul li.sys_m9 a { border-right:none; }
#globalNav ul li.sys_m1 a { border-left:none; }

/* ... and the widths themselves - remember if you add any pixels to a menu item, you must remove the exact same number from somewhere else*/
#globalNav ul li.sys_m1 { width: 53px; }
#globalNav ul li.sys_m2 { width: 118px; }
#globalNav ul li.sys_m3 { width: 102px; }
#globalNav ul li.sys_m4 { width: 97px; }
#globalNav ul li.sys_m5 { width: 163px; }
#globalNav ul li.sys_m6 { width: 144px; }
#globalNav ul li.sys_m7 { width: 72px; }
#globalNav ul li.sys_m8 { width: 63px; }
#globalNav ul li.sys_m9 { width: 134px; }
#globalNav ul li a, #globalNav ul li strong { font-size: 1.1em; font-weight:normal; color: #036; margin: 1px 0 0; display: block; }
#globalNav ul li a span, #globalNav ul li strong span { display: block; padding: 0; }
#globalNav ul li a span span, #globalNav ul li strong span span { padding: 0; }

#globalNav ul li.sys_Busm9 a { border-right:none; }
#globalNav ul li.sys_Busm1 a { border-left:none; }

/* ... and the widths themselves - remember if you add any pixels to a menu item, you must remove the exact same number from somewhere else*/
#globalNav ul li.sys_Busm1 { width: 53px;}
#globalNav ul li.sys_Busm2 { width: 100px;}
#globalNav ul li.sys_Busm3 { width: 134px;}
#globalNav ul li.sys_Busm4 { width: 90px;}
#globalNav ul li.sys_Busm5 { width: 90px;}
#globalNav ul li.sys_Busm6 { width: 166px;}
#globalNav ul li.sys_Busm7 { width: 100px;}
#globalNav ul li.sys_Busm8 { width: 90px;}
#globalNav ul li.sys_Busm9 { width: 120px;}


#globalNav ul li ul { 
display:none;
}

#globalNav ul li:hover {
height:2.5em;
margin-bottom:-0.3em;
background-color:#fff;
}

#globalNav ul li.sys_m1:hover {
height:1.8em;
}

#globalNav ul li.sys_Busm1:hover,
#globalNav ul li.sys_Busm2:hover,
#globalNav ul li.sys_Busm3:hover,
#globalNav ul li.sys_Busm4:hover,
#globalNav ul li.sys_Busm5:hover,
#globalNav ul li.sys_Busm6:hover,
#globalNav ul li.sys_Busm7:hover,
#globalNav ul li.sys_Busm8:hover,
#globalNav ul li.sys_Busm9:hover {height:1.8em;}




#globalNav li li:hover {
height:1.8em;
margin-bottom:0px;
}

#globalNav ul li:hover ul {
display:block;
position:absolute;
top:1.5em;
left:-6px;
width:200px;
background-color:#fff;
border:1px solid #EAEAEA;
border-top:0px;
padding:5px;
}

/* #globalNav ul li.sys_m6:hover ul {
left:-83px;
}

#globalNav ul li.sys_m7:hover ul {
left:-65px;
} */

#globalNav ul li.sys_m8:hover ul {
left:-154px;
}

#globalNav ul li.sys_m9:hover ul {
left:-84px;
}

#globalNav ul li:hover ul li {
height:1.8em;
display:block;
text-align:left;
float:none;
}




/* ---------- footer ---------- */

#footer {
clear:both;
margin:10px 13px 0 13px;
border-top:1px dotted #8B8B8B;
padding:5px 0;
text-align:left;
}

#footer ul {
margin-left:-0.7em;
width: 90%;
}

#footer ul li {
border-right:1px solid #8B8B8B;
padding:0 .5em 0 .7em;
color:#8B8B8B;
font-size:1.1em;
display:inline;
}

#footer ul li:last-child, #footer ul li.sys_last {
border-right:0px none;
}

/* ---------- here begins the styling for the 'inner' section. ---------- */

/* breadcrumbs: if some of these margins and padding look a bit mental, it is to cope with a &nbsp that the CMS helpfully inserts in this div */
#breadcrumb {
height:22px;
padding-left:3px;
padding-top:5px;
border-bottom:2px solid #F8F8F8;
}

#breadcrumb strong.sys_youAreHere {
font-size:1.1em;
position:absolute;
top:0;
left:-9999px;
}

#breadcrumb div {
display:inline;
vertical-align:middle;
}
#breadcrumb a {
padding:0 10px 0 2px;
text-decoration:underline;
background: url(/SiteElements/Images/Template/Internal/bg-breadcrumb.png) no-repeat right .5em;
}
#breadcrumb a:hover, #breadcrumb ol li a:active, #breadcrumb ol li a:focus {
text-decoration:none;
}
#breadcrumb span {
padding: 0 10px 0 2px;
color:#036;
}
#breadcrumb strong {
font-weight: normal;
}

/* Page title */

#pageTitle, #pageTitleNoIcon {
display:block;
position: relative;
padding:10px 10px;}

#pageTitle strong, #pageTitleNoIcon strong {
font-weight:normal;
}
#pageTitle h1, #pageTitleNoIcon h1, #pageTitle strong.sys_schoolHeader, #pageTitle strong.sys_dummy, #pageTitleNoIcon strong.sys_dummy, #pageTitleNoIcon strong.sys_SchoolHeader {
font-size:2.5em;
color:black;
font-weight:normal;
}

#pageTitle img.right{position: absolute; top: 0; right: 32px;}

/* David's extra heading styles TBC */
#pageTitle strong.sys_schoolHeader_topSmall, #pageTitleNoIcon strong.sys_schoolHeader_topSmall{color:#036; font-size: 1.5em;  display: block; margin-top: -0.4em;}
#pageTitle strong.sys_schoolHeader_bottomBig, #pageTitleNoIcon strong.sys_schoolHeader_bottomBig{color:#036; font-size: 2.7em; display: block; margin-top: -0.4em;}
#pageTitle strong.sys_schoolHeader_topBig, #pageTitleNoIcon strong.sys_schoolHeader_topBig{color:#036; font-size: 2.7em; display: block; margin-top: -0.4em;}
#pageTitle strong.sys_schoolHeader_bottomSmall, #pageTitleNoIcon strong.sys_schoolHeader_bottomSmall{color:#036; font-size: 1.5em; display: block; margin-top: 0.1em;}

/* Left hand nav */

#internalNav {
width:200px;
margin:28px 0 0 0;
float:left;
background:#036;
position:relative;
z-index:3;}

/* newer pages don't need the nav pushing down */
#container div.internalnavigation {
margin-top:0px;
}

#internalNav #NavDiv {
padding-left:13px;
}

#internalNav ul {
background:#4f4f4f;
}

#internalNav ul li {
border-bottom:1px solid #f6f6f6;
}

#internalNav ul li .sys_currentitem{background-color: #000;}

#internalNav ul li:last-child, #internalNav ul li.sys_last {
border-bottom:0;
}

#internalNav ul li a, #internal #internalNav ul li span {
display:block;
color:#fff;
font-size:1.1em;
padding:.6em .6em .7em;}

#internal #internalNav ul.sys_simpleListMenu > li > div.sys_selected a, #internal #internalNav ul.sys_simpleListMenu > li > div.sys_selected span {
background-color:#111;
font-weight:bold;
}

/* 2nd level */

#internalNav ul li ul {
background:#2c2c2c;

}
#internalNav ul li ul li {
margin:0;
border:1px solid #4f4f4f;
border-width:1px 0 0;
}

#internalNav ul li ul li a {
padding:.4em 1em .3em;
background:none;
padding-left: 1.3em;
}

#internalNav ul li ul li div.sys_currentitem {
background:#000 url(/SiteElements/Images/Base/Internal/2ndlevelon-CorpBlue.png) no-repeat center left;
font-weight:bold;
}

#internalNav ul li ul li ul li ul li div.sys_currentitem {
background-color:#444;
}

/* 3rd level */
#internalNav ul li ul li ul li a {
padding-left: 2.2em;
}
/* 4th level */
#internalNav ul li ul li ul li ul li a {
padding-left: 3em;
}
/* 5th level */
#internalNav ul li ul li ul li ul li ul li a {
padding-left: 3.8em;
}

/* Page tools (called toolBar in newer templates) */
#pageTools, #toolBar {width:100%;background-color:#f6f6f6;height:28px;position: relative;}
#pageTools .sys_btm, #toolBar .sys_btm{font-size:1.1em;margin-right:13px;}
#pageTools ul.sys_left, #toolBar ul.sys_left{position: absolute; right: 220px;padding-top: 2px;}
ul.sys_right{display:none;}
#pageTools ul.sys_left li, #toolBar ul.sys_left li {margin-right:15px;}
#pageTools ul ul, #toolBar ul ul {display:inline;}
#pageTools div.sys_pressanykey {display:none;}
#toolBar #SocialButtons,
#pageTools #SocialButtons{ float:right; margin-top: 6px;}



/* Content area */



.sys_fullWidth{
width:920px!important;
min-height:500px;
background-color:#f6f6f6;
overflow:hidden;
padding:0 20px 3em;
float:right;
font-size: 1.2em;
line-height: 1.25em;
margin-top:1px;
}

#content {
min-height:500px;
background-color:#f6f6f6;
overflow:hidden;
padding:0 20px 3em;
width:860px;
float:right;
font-size: 1.2em;
line-height: 1.25em;
margin-top:1px;
}


#content p {
margin-bottom: 1.25em;
margin-top: 0;
}

#content p.highlight {

}

#content p.introParagraph{
color:#003366;
}

#content h1 {
font-size: 2em;
line-height: 1.8em;
margin-bottom: 0.9375em;
font-weight:normal;
}

#content h2 {
font-size: 1.8em;
font-weight:normal;
line-height: 1.6em;
margin-bottom: 0.9375em;

}


#content h3 {
font-size: 1.6em;
font-weight:normal;
line-height: 1.4em;
margin-bottom: 0.9375em;
}

#content h4 {
font-size: 1.1em;
font-weight:normal;
line-height: 1.4em;
margin-bottom: 0.9375em;
}

#content h5 {
font-size: 0.8em;
font-weight:normal;
color:black
line-height: 1.2em;
margin-bottom: 1.5em;
}

#content h6 {
font-size: 0.971em;
font-weight:normal;
color:black
line-height: 2em;
margin-bottom: 1.5em;}

#content h7 {
font-size: 0.85em;
font-weight:normal;
color:black
line-height: 1.2em;
margin-bottom: 0.85em;}




#content a:link{color: #024013; text-decoration: underline;}
#content a:visited {color: #024013; text-decoration: underline;}
#wrapper #content a:hover{color: #000; text-decoration: underline;}
#content a:active{color: #000!important;}
#content ul,#content ol {color:#024013!important; margin:0 0 1em 2em;clear: both;}
#content ol {list-style-type:decimal;}
#content ul {list-style-type:disc;}
#content ul li, #content ol li {padding:0 0 .2em 0;}
#content ol li ol li{list-style-type:;}

/* bottom box (schools pages) */
#bottom {
position:relative;
width:720px;
float:right;
font-size:1.1em;
background-color:#4f4f4f;
color:#fff;
border-top:7px solid #036;
padding:5px 20px;
line-height:1.25em;
margin-bottom:40px;
}

#bottom p {
margin-bottom:1em;
}
#bottom p.sys_left {
float:left;
width: 45%;
}
#bottom p.sys_right{
float:right;
text-align:right;
width: 45%;
}

#bottom a, #bottom h2 {
color:#fff;
}

#wrapper #bottom h2 {
font-weight:bold;
color: #fff;
}
#bottom .sys_socialNetworkingIcons{position: absolute; top: .5em; right: .5em;}

/* search snippet used for internal search boxes using Adam's new widget - ulzgw 14-06-11 */
.sys_searchSnippet .sys_search-control h1{display:none;}
.sys_searchSnippet .sys_search-control .sys_greyRoundedBox {padding: 0; border: none; background:none; }
.sys_searchSnippet .sys_search-control .sys_greyRoundedBox label{display:none;}
.sys_searchSnippet .sys_search-control .sys_greyRoundedBox input{margin: 0;}

#wrapper #content .sys_searchSnippet{margin: 0; padding: 0;}
#wrapper #content .sys_searchSnippet input.sys_submit{margin: 0; color: #fff;}
#wrapper #content .sys_searchSnippet input{margin: 0;}
#wrapper #content .sys_searchSnippet label{display:none;}


a.social-button, #googleplusone {float:left; padding:0 3px;}
#googleplusone {display:inline;}

#content .sys_tweets { list-style: none; margin: 0; }
#content .sys_tweets li { margin-bottom: 1em; border-bottom: 1px solid #DDD; padding-bottom:2.3em; }
#content .sys_tweets li span.created { display: block; float: right; margin-top: 0.3em; color: #888; }