/* 
-------------------------------------------------------------------
University of Nottingham stylesheet: global styles
-------------------------------------------------------------------
*/

/* Body, general formatting and reusable classes etc
--------------------------------------------------------------------------
*/

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, hr { margin: 0; padding: 0; font-size: 1em; }

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

body { font: 62.5% "Verdana", sans-serif; background: #003466 url(/SiteElements/Images/Template/Global/bg-body.png) repeat-y center top; color: #fff; text-align: center; }

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

table { border-collapse: collapse; border-spacing: 0; }
table th { font-weight: normal; text-align: left; }

ul, ol { list-style: none; }

.sys_hide { position: absolute; top: 0; left: -9999px; }

a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active, a:focus { color: #000; text-decoration: underline; }

/* Print Header - prints header but hides on screen */
#printHeader{display: none;}



/* Main wrapper, header and logo
--------------------------------------------------------------------------
*/

#wrapper { max-width: 1280px; margin: 0 auto; background: #fff; color: #333; }

#headerWrap { background: #036 url(/SiteElements/Images/Template/Global/bg-header.png) no-repeat bottom center; }
#header { width: 960px; margin: 0 auto; text-align: left; overflow: hidden; }
#header .sys_left { width: 395px; float: left; }
#header .sys_left ul { margin: .8em 0 0 15px; overflow: hidden; }
#header .sys_left ul li { margin: 0 1.9em 0 0; font-size: 1.1em; float: left; }
#header .sys_left ul li:last-child, #header .sys_left ul li.sys_last { margin: 0; }
#header .sys_left ul li a { color: #fff; }
#header .sys_left ul li.sys_skip { margin: 0; }
#header .sys_left ul li.sys_skip a { position: absolute; top: 0; left: -9999px; }
#header .sys_left ul li.sys_skip a:hover, #header .sys_left ul li.sys_skip a:active, #header .sys_left ul li.sys_skip a:focus { position: absolute; top: 0; left: 0; background: #000; color: #fff; padding: .6em; font-weight: bold; white-space: nowrap; }
#header .sys_right { width: 565px; overflow: hidden; float: right; }
#header .sys_right fieldset { float: left; padding: .1em 0 .2em 20px; }
#header .sys_right fieldset label { font-size: 1.1em; color: #fff; vertical-align: middle; }
#header .sys_right fieldset input { width: 150px; padding: 2px 3px; font-size: 1.1em; vertical-align: middle; background: #ebf0f5; border: 0; color: #666; }
#header .sys_right fieldset select { width: 160px; padding: 1px 0; font-size: 1.1em; vertical-align: middle; background: #ebf0f5; border: 0; color: #666; }
#header .sys_right fieldset input.sys_submit { width:36px; height:27px; background:transparent url(/SiteElements/Images/Template/Global/hdr-go.png) no-repeat center;
text-indent:-9999px; font-size: 0px; line-height: 0; }

#logoWrap { background: #f9fafa url(/SiteElements/Images/Template/Global/bg-logo.png) repeat-x bottom left; }
#beta{ position: relative; top: 0; float: right; height: 0;}
#logo { width: 960px; margin: 0 auto; text-align: left;}

/* Main menu
--------------------------------------------------------------------------
*/

#menuWrap { background: #e7e7e7 url(/SiteElements/Images/Template/Global/bg-menu.png) repeat-x top left; }
#menu { width: 960px; margin: 0 auto; text-align: left; }
#menu ul { }
#menu ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* use clearfix as overflow: hidden breaks rollovers */
#menu ul li { position: relative; float: left; text-align: center; z-index: 5; }
#menu ul li.sys_m1 { width: 77px; }
#menu ul li.sys_m2 { width: 93px; }
#menu ul li.sys_m3 { width: 106px; }
#menu ul li.sys_m4 { width: 115px; }
#menu ul li.sys_m5 { width: 172px; }
#menu ul li.sys_m6 { width: 110px; }
#menu ul li.sys_m7 { width: 106px; }
#menu ul li.sys_m8 { width: 82px; }
#menu ul li.sys_m9 { width: 99px; }
#menu ul li a, #menu ul li strong { font-size: 1.1em; font-weight: normal; color: #036; margin: 5px 0 0; display: block; }
#menu ul li a span, #menu ul li strong span { display: block; padding: .8em 0 .9em; }
#menu ul li a span span, #menu ul li strong span span { padding: 0; }
/* links that don't go onto two lines */

#menu ul li.sys_m1 a span, #menu ul li.sys_m1 strong span, #menu ul li.sys_m3 a span, #menu ul li.sys_m3 strong span, #menu ul li.sys_m4 a span, #menu ul li.sys_m4 strong span, #menu ul li.sys_m5 a span, #menu ul li.sys_m5 strong span, #menu ul li.sys_m8 a span, #menu ul li.sys_m8 strong span { padding: 1.4em 0 1.5em; }
#menu ul li.sys_m1 a span span, #menu ul li.sys_m1 strong span span, #menu ul li.sys_m3 a span span, #menu ul li.sys_m3 strong span span, #menu ul li.sys_m4 a span span, #menu ul li.sys_m4 strong span span, #menu ul li.sys_m5 a span span, #menu ul li.sys_m5 strong span span, #menu ul li.sys_m8 a span span, #menu ul li.sys_m8 strong span span { padding: 0; }

/* on states */
#menu ul li#mmOn a, #menu ul li#mmOn strong { margin: 0; border-top: 5px solid #003162; background: #fefeff url(/SiteElements/Images/Template/Global/bg-menu-on1.png) no-repeat center left; }
#menu ul li#mmOn a span, #menu ul li#mmOn strong span { background: url(/SiteElements/Images/Template/Global/bg-menu-on2.png) no-repeat center right; }
/* rollover states */
#menu ul li#rollover a { background: #f2f2f2 url(/SiteElements/Images/Template/Global/bg-menu-rollover1.png) no-repeat center left; }
#menu ul li#rollover a span { background: url(/SiteElements/Images/Template/Global/bg-menu-rollover2.png) no-repeat center right; }
/* stop double bars when rollover is next to an 'on' item */
#menu ul li.sys_leftFix a { background: #f2f2f2 url(/SiteElements/Images/template/bg-menu-rollover1-nobar.png) no-repeat center left !important; }
#menu ul li.sys_rightFix a span { background: none !important; }

/* rollovers */
#menu ul li div.sys_rollover { width: 424px; position: absolute; top: 0; left: -9999px; text-align: left; border: 1px solid #ccc; }
.js #menu ul li div.sys_rollover { width: 454px; border: 0; z-index:9999; }
#menu ul li:hover div.sys_rollover, #menu ul li.sys_active div.sys_rollover { position: absolute; top: auto; left: auto; }
.js #menu ul li:hover div.sys_rollover, .js #menu ul li.sys_active div.sys_rollover { left: -15px; }

/* reset */
#menu ul li div.sys_rollover a, #menu ul li div.sys_rollover strong { margin: 0; padding: 0; font-size: 1em; font-weight: normal; display: inline; color: #333; }

.js #menu ul li div.sys_rollover .sys_top { position: relative; width: 469px; margin: -15px 0 0 15px; height: 15px; background: url(/SiteElements/Images/Template/Global/bg-rollover-top2.png) no-repeat top right; display: block; }
.js #menu ul li div.sys_rollover .sys_shadow { position: relative; background: url(/SiteElements/Images/Template/Global/bg-rollover2.png) no-repeat bottom left; padding: 0 15px 15px; }
#menu ul li div.sys_rollover .sys_content { padding: 12px 10px 10px 11px; background: #f3f3f3 url(/SiteElements/Images/Template/Global/bg-rollover-content.png) repeat-x bottom left; }
#menu ul li div.sys_rollover .sys_content strong.sys_header { display: block; text-align: right; font-weight: normal; font-size: 1.1em; padding: 0 4px .6em; color: #333; }
#menu ul li div.sys_rollover .sys_content .sys_content2 { background: #fff url(/SiteElements/Images/Template/Global/bg-rollover-content2-2.png) no-repeat bottom left; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_content2top { padding: 4px; background: url(/SiteElements/Images/Template/Global/bg-rollover-content2top.png) no-repeat top left; overflow: hidden; }
#menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_shadow4 { padding: 0; }
#menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_fade1 { top: 0; left: 0; }
#menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_fade2 { bottom: 0; left: 0; }
#menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_fade3 { top: 5px; left: 0; }
#menu ul li div.sys_rollover .sys_content .sys_content2 p.imgBorderLeft span.sys_fade4 { top: 5px; right: 0; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col { width: 188px; padding: 12px 15px 15px; float: left; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col strong.sys_subHeader { padding: .2em 0 1em 24px; font-size: 1.2em; color: #036; display: block; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col strong.sys_subHeader a { color: #036; background: #fff !important; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col strong.sys_subHeader.sys_yellow { background: url(/SiteElements/Images/Template/Global/bg-rollover-hdryellow.png) no-repeat top left; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col strong.sys_subHeader.sys_blue { background: url(/SiteElements/Images/Template/Global/bg-rollover-hdrblue.png) no-repeat top left; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col ul { margin: 0 0 0 .6em; font-size: 1.1em; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col ul li { margin: .8em 0 1px; padding: 0 0 0 18px; float: none; position: static; text-align: left; background: url(/SiteElements/Images/Template/Global/bg-rollover-li.png) no-repeat 0 .2em; }
#menu ul li div.sys_rollover .sys_content .sys_content2 .sys_col ul li a { color: #369; background: none !important; margin-left:-20px; padding-left:20px; }
#menu ul li.sys_rollover div.sys_rollover .sys_content .sys_content2 .sys_col ul li a { color: #369; background: none; }

.js #menu ul li.sys_m2 div.sys_rollover .sys_top { width: 331px /* 589 - width of li */; margin: -15px 0 0 108px /* 15 + width of li */; }
.js #menu ul li.sys_m3 div.sys_rollover .sys_top { width: 318px /* 589 - width of li */; margin: -15px 0 0 121px /* 15 + width of li */; }
.js #menu ul li.sys_m4 div.sys_rollover .sys_top { width: 324px /* 589 - width of li */; margin: -15px 0 0 130px /* 15 + width of li */; }
.js #menu ul li.sys_m5 div.sys_rollover .sys_top { width: 267px /* 589 - width of li */; margin: -15px 0 0 187px /* 15 + width of li */; }

/* these go to the left of the LI */
#menu ul li.sys_m6:hover div.sys_rollover, #menu ul li#rollover.sys_m6 div.sys_rollover, #menu ul li.sys_m7:hover div.sys_rollover, #menu ul li#rollover.sys_m7 div.sys_rollover, #menu ul li.sys_m8:hover div.sys_rollover, #menu ul li#rollover.sys_m8 div.sys_rollover, #menu ul li.sys_m9:hover div.sys_rollover, #menu ul li#rollover.sys_m9 div.sys_rollover { position: absolute; top: auto; left: auto; right: -15px; }
.js #menu ul li.sys_m6 div.sys_rollover .sys_top, .js #menu ul li.sys_m7 div.sys_rollover .sys_top, .js #menu ul li.sys_m8 div.sys_rollover .sys_top, .js #menu ul li.sys_m9 div.sys_rollover .sys_top { background: url(/SiteElements/Images/Template/Global/bg-rollover-top-left.png) no-repeat top left; }

.js #menu ul li.sys_m6 div.sys_rollover .sys_top { width: 329px /* 627 - width of li */; margin: -15px 125px 0 0 /* 15 + width of li */; }
.js #menu ul li.sys_m7 div.sys_rollover .sys_top { width: 333px /* 627 - width of li */; margin: -15px 121px 0 0 /* 15 + width of li */; }
.js #menu ul li.sys_m8 div.sys_rollover .sys_top { width: 357px /* 627 - width of li */; margin: -15px 97px 0 0 /* 15 + width of li */; }
.js #menu ul li.sys_m9 div.sys_rollover .sys_top { width: 340px /* 627 - width of li */; margin: -15px 114px 0 0 /* 15 + width of li */; }

/* Sub-menu
--------------------------------------------------------------------------
*/

/* make main nav item blue */
#menu.sys_subMenu ul li#mmOn { margin: 0 0 -4px; }
#menu.sys_subMenu ul li#mmOn a, #menu.sys_subMenu ul li#mmOn strong { margin: 0 -4px; position: relative; color: #fff; border: 0; background:  url(/SiteElements/Images/Template/Internal/bg-submenu-parent-right.png) no-repeat bottom right; }
#menu.sys_subMenu ul li#mmOn a span, #menu.sys_subMenu ul li#mmOn strong span { padding: 0 4px; background: url(/SiteElements/Images/Template/Internal/bg-submenu-parent-left.png) no-repeat bottom left; }
#menu.sys_subMenu ul li#mmOn a span span, #menu.sys_subMenu ul li#mmOn strong span span { padding: 0 3px; border-top: 5px solid #003162; background: none; }
#menu.sys_subMenu ul li#mmOn a span span span, #menu.sys_subMenu ul li#mmOn strong span span span { border-top: 1px solid #5c85ad; padding: 0 0 4px; background: #369; }
#menu.sys_subMenu ul li#mmOn a span span span span, #menu.sys_subMenu ul li#mmOn strong span span span span { border: 0; padding:0.8em 0 0.9em; }

#menu.sys_subMenu ul li#mmOn.sys_m1 a, #menu.sys_subMenu ul li#mmOn.sys_m1 strong { width: 85px; }
#menu.sys_subMenu ul li#mmOn.sys_m2 a, #menu.sys_subMenu ul li#mmOn.sys_m2 strong { width: 101px; }
#menu.sys_subMenu ul li#mmOn.sys_m3 a, #menu.sys_subMenu ul li#mmOn.sys_m3 strong { width: 114px; }
#menu.sys_subMenu ul li#mmOn.sys_m4 a, #menu.sys_subMenu ul li#mmOn.sys_m4 strong { width: 123px; }
#menu.sys_subMenu ul li#mmOn.sys_m5 a, #menu.sys_subMenu ul li#mmOn.sys_m5 strong { width: 180px; }
#menu.sys_subMenu ul li#mmOn.sys_m6 a, #menu.sys_subMenu ul li#mmOn.sys_m6 strong { width: 118px; }
#menu.sys_subMenu ul li#mmOn.sys_m7 a, #menu.sys_subMenu ul li#mmOn.sys_m7 strong { width: 114px; }
#menu.sys_subMenu ul li#mmOn.sys_m8 a, #menu.sys_subMenu ul li#mmOn.sys_m8 strong { width: 90px; }
#menu.sys_subMenu ul li#mmOn.sys_m9 a, #menu.sys_subMenu ul li#mmOn.sys_m9 strong { width: 107px; }

#submenuWrap { background: #369 url(/SiteElements/Images/Template/Internal/bg-submenu.png) repeat-x top left; }
#submenu { width: 960px; margin: 0 auto; text-align: left; }
#submenu ul { overflow: hidden; }
#submenu ul li { float: left; text-align: center; }
#submenu ul li a, #submenu ul li strong { font-size: 1.1em; color: #fff; display: block; }
#submenu ul li#smOn a, #submenu ul li#smOn strong { background: #254a6e url(/SiteElements/Images/Template/Internal/bg-submenu-on.png) repeat-x top left; }

#submenu ul li { width: 10%; }
#submenu ul li a span, #submenu ul li strong span { display: block; padding: .4em .2em; }

/* Bordered images
--------------------------------------------------------------------------
*/

p.imgBorderLeft { float: left; border: 1px solid #ccc; }
.js p.imgBorderLeft { position: relative; border: 0; }


p.imgBorderRight { float: right; border: 1px solid #ccc; }
.js p.imgBorderRight { position: relative; border: 0; }

p.imgBorder img { border: 1px solid #ccc; }
.js p.imgBorder { overflow: hidden; }
.js p.imgBorder img { border: 0; }
.js p.imgBorder span.sys_holder { position: relative; float: left; }

.js p.imgBorder span.sys_shadow1, .js p.imgBorderLeft span.sys_shadow1, .js p.imgBorderRight span.sys_shadow1 { background: url(/SiteElements/Images/Template/Global/bg-images-shadow-tr.png) no-repeat top right; display: block; }
.js p.imgBorder span.sys_shadow2, .js p.imgBorderLeft span.sys_shadow2, .js p.imgBorderRight span.sys_shadow2 { background: url(/SiteElements/Images/Template/Global/bg-images-shadow-bl.png) no-repeat bottom left; display: block; }
.js p.imgBorder span.sys_shadow3, .js p.imgBorderLeft span.sys_shadow3, .js p.imgBorderRight span.sys_shadow3 { background: url(/SiteElements/Images/Template/Global/bg-images-shadow-tl.png) no-repeat top left; display: block; }
.js p.imgBorder span.sys_shadow4, .js p.imgBorderLeft span.sys_shadow4, .js p.imgBorderRight span.sys_shadow4 { background: url(/SiteElements/Images/Template/Global/bg-images-shadow-br.png) no-repeat bottom right; padding: 4px; display: block; position: relative; }
.js p.imgBorder span.sys_fade1, .js p.imgBorderLeft span.sys_fade1, .js p.imgBorderRight span.sys_fade1 { background: url(/SiteElements/Images/Template/Global/bg-images-fade.png) repeat top left; height: 5px; position: absolute; top: 4px; left: 4px; display: block; }
.js p.imgBorder span.sys_fade2, .js p.imgBorderLeft span.sys_fade2, .js p.imgBorderRight span.sys_fade2 { background: url(/SiteElements/Images/Template/Global/bg-images-fade.png) repeat top left; height: 5px; position: absolute; bottom: 4px; left: 4px; display: block; }
.js p.imgBorder span.sys_fade3, .js p.imgBorderLeft span.sys_fade3, .js p.imgBorderRight span.sys_fade3 { background: url(/SiteElements/Images/Template/Global/bg-images-fade.png) repeat top left; width: 5px; position: absolute; top: 9px; left: 4px; display: block; }
.js p.imgBorder span.sys_fade4, .js p.imgBorderLeft span.sys_fade4, .js p.imgBorderRight span.sys_fade4 { background: url(/SiteElements/Images/Template/Global/bg-images-fade.png) repeat top left; width: 5px; position: absolute; top: 9px; right: 4px; display: block; }

.js p.imgBorder span.sys_shadow1, .js p.imgBorder span.sys_shadow2, .js p.imgBorder span.sys_shadow3, .js p.imgBorder span.sys_shadow4 { float: left; }
.js p.imgBorderLeft span.sys_shadow1, .js p.imgBorderLeft span.sys_shadow2, .js p.imgBorderLeft span.sys_shadow3, .js p.imgBorderLeft span.sys_shadow4 { float: left; }
.js p.imgBorderRight span.sys_shadow1, .js p.imgBorderRight span.sys_shadow2, .js p.imgBorderRight span.sys_shadow3, .js p.imgBorderRight span.sys_shadow4 { float: left; }




/* Bordered images within Divs rather than Paragraphs
--------------------------------------------------------------------------
*/
div.imgBorderLeft { float: left; border: 1px solid #ccc; }
.js div.imgBorderLeft { position: relative; border: 0; }

div.imgBorderRight { float: right; border: 1px solid #ccc; }
.js div.imgBorderRight { position: relative; border: 0; }

div.imgBorder img { border: 1px solid #ccc; }
.js div.imgBorder { overflow: hidden; }
.js div.imgBorder img { border: 0; }
.js div.imgBorder span.sys_holder { position: relative; float: left; }

div.sys_thumbnail img { border: 1px solid #ccc; }
.js div.sys_thumbnail { overflow: hidden; }
.js div.sys_thumbnail img { border: 0; }
.js div.sys_thumbnail span.sys_holder { position: relative; float: left; }

.js div.sys_thumbnail span.sys_shadow1, .js div.imgBorder span.sys_shadow1, .js div.imgBorderLeft span.sys_shadow1, .js div.imgBorderRight span.sys_shadow1 { background: url(/SiteElements/Images/Template/Global/bg-images-shadow-tr.png) no-repeat top right; display: block; }
.js div.sys_thumbnail span.sys_shadow2, .js div.imgBorder span.sys_shadow2, .js div.imgBorderLeft span.sys_shadow2, .js div.imgBorderRight span.sys_shadow2 { background: url(/SiteElements/Images/Template/Global/bg-images-shadow-bl.png) no-repeat bottom left; display: block; }
.js div.sys_thumbnail span.sys_shadow3, .js div.imgBorder span.sys_shadow3, .js div.imgBorderLeft span.sys_shadow3, .js div.imgBorderRight span.sys_shadow3 { background: url(/SiteElements/Images/Template/Global/bg-images-shadow-tl.png) no-repeat top left; display: block; }
.js div.sys_thumbnail span.sys_shadow4, .js div.imgBorder span.sys_shadow4, .js div.imgBorderLeft span.sys_shadow4, .js div.imgBorderRight span.sys_shadow4 { background: url(/SiteElements/Images/Template/Global/bg-images-shadow-br.png) no-repeat bottom right; padding: 4px; display: block; position: relative; }
.js div.sys_thumbnail span.sys_fade1, .js div.imgBorder span.sys_fade1, .js div.imgBorderLeft span.sys_fade1, .js div.imgBorderRight span.sys_fade1 { background: url(/SiteElements/Images/Template/Global/bg-images-fade.png) repeat top left; height: 5px; position: absolute; top: 4px; left: 4px; display: block; }
.js div.sys_thumbnail span.sys_fade2, .js div.imgBorder span.sys_fade2, .js div.imgBorderLeft span.sys_fade2, .js div.imgBorderRight span.sys_fade2 { background: url(/SiteElements/Images/Template/Global/bg-images-fade.png) repeat top left; height: 5px; position: absolute; bottom: 4px; left: 4px; display: block; }
.js div.sys_thumbnail span.sys_fade3, .js div.imgBorder span.sys_fade3, .js div.imgBorderLeft span.sys_fade3, .js div.imgBorderRight span.sys_fade3 { background: url(/SiteElements/Images/Template/Global/bg-images-fade.png) repeat top left; width: 5px; position: absolute; top: 9px; left: 4px; display: block; }
.js div.sys_thumbnail span.sys_fade4, .js div.imgBorder span.sys_fade4, .js div.imgBorderLeft span.sys_fade4, .js div.imgBorderRight span.sys_fade4 { background: url(/SiteElements/Images/Template/Global/bg-images-fade.png) repeat top left; width: 5px; position: absolute; top: 9px; right: 4px; display: block; }

.js div.sys_thumbnail span.sys_shadow1, .js div.sys_thumbnail span.sys_shadow2, .js div.sys_thumbnail span.sys_shadow3, .js div.sys_thumbnail span.sys_shadow4 { float: left; }
.js div.imgBorder span.sys_shadow1, .js div.imgBorder span.sys_shadow2, .js div.imgBorder span.sys_shadow3, .js div.imgBorder span.sys_shadow4 { float: left; }
.js div.imgBorderLeft span.sys_shadow1, .js div.imgBorderLeft span.sys_shadow2, .js div.imgBorderLeft span.sys_shadow3, .js div.imgBorderLeft span.sys_shadow4 { float: left; }
.js div.imgBorderRight span.sys_shadow1, .js div.imgBorderRight span.sys_shadow2, .js div.imgBorderRight span.sys_shadow3, .js div.imgBorderRight span.sys_shadow4 { float: left; }

/* Borderless images
--------------------------------------------------------------------------
*/

.sys_imagefloatleft img{ float: left; border: 0; margin: 0 1em 1em 0;}
.sys_imagefloatright img{ float: right;	border: 0; margin: 1em 0  1em 0;}
.sys_imgLeftNoBorder{float: left; margin-right:1em;}
.sys_imgRightNoBorder{float: right; margin-left:1em;}


/* Footer
--------------------------------------------------------------------------
*/

#footerWrap { padding: .9em 0; border-top: 1px solid #b7b7b7; }
#footer { width: 960px; margin: 0 auto; }
#footer ul li { border-right: 1px solid #369; padding: 0 .5em 0 .6em; color: #369; font-size: 1.1em; display: inline; }
#footer ul li.sys_last { border-right: 0px none; }
#footer ul li:last-child { border-right: 0px none; }
#footer ul li a { color: #369; }


/* 
-------------------------------------------------------------------
University of Nottingham stylesheet: homepage styles
-------------------------------------------------------------------
*/


#footerWrap { border-color: #e5e5e5; }

#homepage { }

#menu ul li.sys_m1 a, #menu ul li.sys_m1 strong { margin: 0; border-top: 5px solid #003162; background: #fefeff url(/SiteElements/Images/Template/Global/bg-menu-on1.png) no-repeat center left; }
#menu ul li.sys_m1 a span, #menu ul li.sys_m1 strong span { background: url(/SiteElements/Images/Template/Global/bg-menu-on2.png) no-repeat center right; }

#homepage #otherCampusesWrap { background: #abc1d6 url(/SiteElements/Images/Template/Homepage/bg-othercampuses.png) repeat-x top left; }
#homepage #otherCampuses { width: 960px; margin: 0 auto; padding: 5px 0 3px; overflow: hidden; text-align: right; }
#homepage #otherCampuses ul { margin: 0 14px 0 0; overflow: hidden; float: right; }
#homepage #otherCampuses ul li { background: #0a3d70 url(/SiteElements/Images/Template/Homepage/bg-othercampuses-b1.png) no-repeat top right; margin: 0 0 0 8px; float: left; text-align: center; }
#homepage #otherCampuses ul li a { color: #fff; background: url(/SiteElements/Images/Template/Homepage/bg-othercampuses-b2.png) no-repeat top left; display: block; float: left; }
#homepage #otherCampuses ul li a span { background: url(/SiteElements/Images/Template/Homepage/bg-othercampuses-b3.png) no-repeat bottom right; display: block; }
#homepage #otherCampuses ul li a span span { min-width: 100px; background: url(/SiteElements/Images/Template/Homepage/bg-othercampuses-b4.png) no-repeat bottom left; font-size: 1.1em; padding: .5em 1.3em .6em; }

#homepage #mainFeature { background-repeat: no-repeat; background-position: bottom right; background: url(/Home/Images/hpb-jubileeavenue.jpg); }
#homepage #mainFeature #featureWrap1 { min-height: 370px /*386px*/; position: relative; background: url(/SiteElements/Images/Template/Homepage/bg-feature.png) repeat-x top left; overflow: hidden; }
#homepage #mainFeature #featureWrap1 .sys_fadeOverlay { position: absolute; left: 0; bottom: 0; margin: 0; z-index: 1; clip: rect(11px, auto, auto, auto); background: url(/SiteElements/Images/imagery/homepage.jpg) no-repeat center bottom; width: 100%; height: 370px; zoom: 1; }
#homepage #mainFeature #featureWrap2 { width: 960px; margin: 0 auto; text-align: left; }
#homepage #mainFeature #feature { width: 610px; padding: 40px 0 0 15px; line-height: 1.7; position: relative; zoom: 1; }
/*#homepage #mainFeature #feature div.sys_itemslist { overflow: hidden; position: relative; zoom: 1; }*/
#homepage #mainFeature #feature div.sys_itemslist div.sys_subitem { clear:both; }

/*#homepage #mainFeature #feature div.sys_itemslist div.sys_subitem.sys_first, #homepage #mainFeature #feature div.sys_itemslist div.sys_subitem.sys_on { position: relative; top: auto; left: auto; }*/
/*#homepage #mainFeature #feature div.sys_itemslist div.sys_subitem p { position: relative; }*/
#homepage #mainFeature #feature a { color: #036; }
#homepage #mainFeature #feature h3 { font: 1.8em /*"Century Gothic",*/ "Verdana", sans-serif; margin-top:.5em;}
#homepage #mainFeature #feature dd.sys_news-description { margin: 1.2em 0 1px; font-size: 1.1em; }
#homepage #mainFeature #feature div.sys_thumbnail { margin: 0 15px 0 0; font-size: 1em; float: left; position: relative; }
#homepage #mainFeature #feature div.sys_thumbnail img { margin: 0px; }
#homepage #mainFeature #feature div.sys_thumbnail img.sys_overlay { position: absolute; margin: 0; top: 0; left: 0; }
#homepage #mainFeature #feature p.moreInfo a { background: url(/SiteElements/Images/Template/Global/bg-moreinfo.png) no-repeat; padding: 0 0 0 16px; }
/*#homepage #mainFeature #feature div.sys_itemslist img.sys_fadeOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
/*#homepage #mainFeature #feature ul.sys_fixedSubmenu { margin: -2em -2.5em 1px 124px; padding: .6em 0 0; font-size: 1.1em; border-top: 1px solid #e5e5e5; }*/
/*#homepage #mainFeature #feature ul.sys_fixedSubmenu li { left: auto; top: auto; position: static; padding: 0 2.5em 0 0; display: inline; }*/
/*#homepage #mainFeature #feature ul.sys_fixedSubmenu li a { background: url(/SiteElements/Images/Template/Global/bg-moreinfo.png) no-repeat; padding: 0 0 0 16px; }*/
#homepage #mainFeature #feature dt.sys_news-description, #homepage #mainFeature #feature dt.sys_news-datepublished, #homepage #mainFeature #feature dd.sys_news-datepublished { display:none; }

#homepage #mainFeature #slider { width: 100%; position: absolute; bottom: 0; left: 0; zoom: 1; z-index: 2; }
#homepage #mainFeature #slider .sys_title .sys_top { width: 100%; height: 2px; background: url(/SiteElements/Images/Template/Homepage/bg-slider-title-top.png); }
#homepage #mainFeature #slider .sys_title .sys_btmWrap { background: #2b5d8d repeat-x url(/SiteElements/Images/Template/Homepage/bg-slider-title-btm.png); }
#homepage #mainFeature #slider .sys_title .sys_btm { width: 930px; margin: 0 auto; padding: 3px 0; overflow: hidden; text-align: right; }
#homepage #mainFeature #slider.sys_disable .sys_title .sys_btm { height: 28px; }
#homepage #mainFeature #slider .sys_title .sys_btm h2 { font-size: 1.1em; color: #fff; background: url(/SiteElements/Images/Template/Homepage/bg-slider-title-txt-tl.png) no-repeat top left; float: right; }
#homepage #mainFeature #slider .sys_title .sys_btm h2 a.sys_whyNottmLink { color: #fff; }
#homepage #mainFeature #slider .sys_title .sys_btm h2 span { background: url(/SiteElements/Images/Template/Homepage/bg-slider-title-txt-tr.png) no-repeat top right; float: left; }
#homepage #mainFeature #slider .sys_title .sys_btm h2 span span { background: url(/SiteElements/Images/Template/Homepage/bg-slider-title-txt-bl.png) no-repeat bottom left; }
#homepage #mainFeature #slider .sys_title .sys_btm h2 span span span { padding: 0 3px 0 0; background: url(/SiteElements/Images/Template/Homepage/bg-slider-title-txt-br.png) no-repeat bottom right; }
#homepage #mainFeature #slider .sys_title .sys_btm h2 span span span span { padding: 7px 28px 9px 8px; background: url(/SiteElements/Images/Template/Homepage/bg-slider-title-txt-up.png) no-repeat center right; }
#homepage #mainFeature #slider .sys_title .sys_btm h2.sys_on span span span span { background: url(/SiteElements/Images/Template/Homepage/bg-slider-title-txt-down.png) no-repeat center right; }
#homepage #mainFeature #slider .sys_content { position: absolute; top: 0; left: -9999px; zoom: 1; }
#homepage #mainFeature #slider .sys_content.sys_on { position: relative; top: auto; left: auto; }
#homepage #mainFeature #feature ul li { overflow: hidden; zoom: 1;  }
#homepage #mainFeature #slider .sys_content .sys_top { width: 100%; height: 4px; background: url(/SiteElements/Images/Template/Homepage/bg-slider-content-top.png); }
#homepage #mainFeature #slider .sys_content .sys_btmWrap { width: 100%; background: url(/SiteElements/Images/Template/Homepage/bg-slider-fade.png); }
#homepage #mainFeature #slider .sys_content .sys_btm { width: 924px; margin: 0 auto; padding: 1em 0 1.6em; line-height: 1.7; text-align: left; color: #fff; overflow: hidden; }
#homepage #mainFeature #slider .sys_content .sys_btm a { color: #fff; }
#homepage #mainFeature #slider .sys_content .sys_btm p { font-size: 1.1em; }
#homepage #mainFeature #slider .sys_content .sys_btm h3 { margin: .7em 0 0; padding: 4px 0; font-weight: normal; font-size: 1.1em; float: left; }
#homepage #mainFeature #slider .sys_content .sys_btm ul.sys_buttons { margin: 1em 0 0; overflow: hidden; font-size: 1.1em; }
#homepage #mainFeature #slider .sys_content .sys_btm ul.sys_buttons li { margin: 0 0 0 50px; float: left; }
#homepage #mainFeature #slider .sys_content .sys_btm ul.sys_buttons li a { cursor: pointer; background: url(/SiteElements/Images/Template/Homepage/bg-slider-button-bl.png) no-repeat bottom left; float: left; }
#homepage #mainFeature #slider .sys_content .sys_btm ul.sys_buttons li a span { background: url(/SiteElements/Images/Template/Homepage/bg-slider-button-br.png) no-repeat bottom right; float: left; padding: 0 0 2px; }
#homepage #mainFeature #slider .sys_content .sys_btm ul.sys_buttons li a span span { background: url(/SiteElements/Images/Template/Homepage/bg-slider-button-tl.png) no-repeat top left; padding: 0; }
#homepage #mainFeature #slider .sys_content .sys_btm ul.sys_buttons li a span span span { background: url(/SiteElements/Images/Template/Homepage/bg-slider-button-tr.png) no-repeat top right; padding: 0 2px; }
#homepage #mainFeature #slider .sys_content .sys_btm ul.sys_buttons li a span span span span { background: #073a6d url(/SiteElements/Images/Template/Homepage/bg-slider-button-mid.png) repeat-x top left; padding: 0 11px 1px; margin: 0 0 -2px; }

#homepage #spotlightsWrap { background: #fff; padding: 2.6em 0; }
#homepage #spotlights { width: 924px; margin: 0 auto; line-height: 1.65; overflow: hidden; text-align: left; }

#homepage #spotlights .sys_spotlight { width: 288px; margin: 0 30px 0 0; float: left; }
#homepage #spotlights .sys_spotlight.sys_last { margin: 0; }
#homepage #spotlights .sys_spotlight .sys_text { overflow: hidden; }
#homepage #spotlights .sys_spotlight h2 { font: 1.8em /* "Arial", "Century Gothic",*/ "Verdana", sans-serif; background: url(/SiteElements/Images/Template/Global/bg-h2.png) no-repeat bottom right; padding: .2em 28px .3em 0; }
#homepage #spotlights .sys_spotlight h2 a { color: #333; }
#homepage #spotlights .sys_spotlight a { color: #369; }
#homepage #spotlights .sys_spotlight p { margin: 1em 0 1px; font-size: 1.1em; }
#homepage #spotlights .sys_spotlight p.imgBorderLeft { margin: 1em 1em 1px 0; font-size: 1em; }
#homepage #spotlights .sys_spotlight p.moreInfo { margin: .7em 0 1px; }
#homepage #spotlights .sys_spotlight p.moreInfo a { background: url(/SiteElements/Images/Template/Global/bg-moreinfo.png) no-repeat; padding: 0 0 0 16px; }
#homepage #spotlights .sys_spotlight .sys_item { width: 136px; float: left; }
#homepage #spotlights .sys_spotlight .sys_item.sys_two { float: right; }
#homepage #spotlights .sys_spotlight .sys_item p { margin: .5em 0 1px; }
#homepage #spotlights .sys_spotlight .sys_item p.imgBorder { margin: 1em 0 1px; }

#homepage #spotlights .sys_spotlight ul { margin: 2.5em 0 0; padding: 0; border: 1px solid #e5e5e5; border-width: 1px 0; background: #fbfbfb url(/SiteElements/Images/Template/Homepage/bg-spotlightuls.png) repeat-x bottom left; line-height: 2.7; text-align: center; }
#homepage #spotlights .sys_spotlight.sys_news ul { margin: 1.2em 0 0; }
#homepage #spotlights .sys_spotlight.sys_last ul { margin: 2.6em 0 0; }
#homepage #spotlights .sys_spotlight ul li { padding: 0 .8em 0 .6em; font-size: 1.1em; border-right: 1px solid #d0d0d0; display: inline; }
#homepage #spotlights .sys_spotlight ul li:last-child { border-right: 0; }
#homepage #spotlights .sys_spotlight ul li.sys_last { border-right: 0; }

#homepage #spotlights .sys_spotlight div.sys_virtualTours { display: block; margin: 2.5em 0 0; padding: .7em 0 .6em; border: 1px solid #e5e5e5; border-width: 1px 0; background: #fbfbfb url(/SiteElements/Images/Template/Homepage/bg-spotlightuls.png) repeat-x bottom left; text-align: center; }
#homepage #spotlights .sys_spotlight div.sys_virtualTours label { font-size: 1.1em; position: absolute; top: 0; left: -9999px; }
#homepage #spotlights .sys_spotlight div.sys_virtualTours select { width: 95%; font-size: 1.1em; color: #369; }
#homepage #spotlights .sys_spotlight div.sys_virtualTours select option.sys_off { color: #666; }
#homepage #spotlights .sys_spotlight div.sys_virtualTours input { width: auto; font-size: 1.1em; }

/* homepage news ulzag */
#homepage #spotlights .sys_spotlight .sys_subitem { width: 136px; height: 149px; float: left; }
#homepage #spotlights .sys_spotlight .sys_subitem.sys_last { float: right; }
#homepage #spotlights .sys_spotlight .sys_subitem p { margin: .5em 0 1px; }
#homepage #spotlights .sys_spotlight .sys_subitem .sys_thumbnail { margin: 1em 0 1px; }
#homepage #spotlights .sys_spotlight .sys_subitem .sys_events-summary dl { display:none; }

/* revamped news */
#homepage #spotlights .sys_spotlight #RotatingNewsList_List .sys_subitem { width:282px; }
#homepage #spotlights .sys_spotlight #RotatingNewsList_List .sys_subitem a { font-size:1.1em; font-weight:normal; }
#homepage #spotlights .sys_spotlight #RotatingNewsList_List .sys_subitem .sys_thumbnail { float:left; width:155px; }
#homepage #spotlights .sys_spotlight #RotatingNewsList_List .sys_subitem h3 { float:right; display:inline; width:120px; margin:12px 0 5px 0; }
#homepage #spotlights .sys_spotlight #RotatingNewsList_List .sys_subitem .sys_news-description, #homepage #spotlights .sys_spotlight #RotatingNewsList_List .sys_subitem .sys_news-datepublished { display:none; }
#homepage #spotlights .sys_spotlight #RotatingNewsList_List .sys_subitem { display:none; }
#homepage #spotlights .sys_spotlight #RotatingNewsList_List .sys_first { display:block; }


/* tours modal 
.js #overlay { display: none; z-index: 900; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/SiteElements/Images/Template/Homepage/overlay.png); }

.js #basicModalContent { position: absolute; width:718px; left:50%; top:15%; margin-left:-300px; color:#000; z-index: 901; }
*/
/* Overlay 
#modalOverlay { background-color:#000; }
#basicModalContent #shadowTop { background: url(/SiteElements/Images/Template/Homepage/Campustours/shadow-top.png) no-repeat top left; padding:1em; overflow: hidden; }
#basicModalContent #shadowBotton { background: url(/SiteElements/Images/Template/Homepage/Campustours/shadow-bottom.png) no-repeat bottom left; padding:1em; /**/overflow: hidden; }
*/
/* Container 
#modalContainer { width:818px; left:50%; top:15%; margin-left:-300px; color:#000; font-size:1.1em; }
*/
/* Modal Header 

#modalHead { background: url(/SiteElements/Images/Template/Homepage/Campustours/new-modalhead-bg.png) no-repeat; }
#modalHead { background-position: 100% 44%; overflow: hidden; }

#modalHead h1 { color: #fff; font-size: 1.2em; float:left; padding: 1em 0 1em 1.5em; }
#modalHead p.sys_close a { font-size: 1.1em; color: #fff; float:right; padding: 1em 3em 1em .5em; }

#basicModalContent .sys_virtualToursModal { background: url(/SiteElements/Images/Template/Homepage/Campustours/fieldset-bg.png) repeat-x bottom left; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #e5e5e5; margin: 1px 0 0 0; padding: .5em ; }
#basicModalContent .sys_virtualToursModal label { display: none; }
#basicModalContent .sys_virtualToursModal select { font-size: 1.1em; float:right; }
#basicModalContent { text-align: left; }

#basicModalContent #lightboxContainer img { margin: 1.2em 0 0 1em; float: right; }
#basicModalContent #lightboxContainer { padding: 1px 10px 1.5em; }
#basicModalContent #lightboxContainer p { margin: 1.2em 0 1px; font-size: 1.1em; }
#basicModalContent #lightboxContainer h2 { margin: 1.2em 0 1px; font-size: 1.4em; }
#basicModalContent #lightboxContainer ul { margin: 1.2em 0 1px; font-size: 1.1em; }
#basicModalContent #lightboxContainer ul li { margin: 0 0 .4em; padding: 0 0 0 18px; background: url(/SiteElements/Images/Template/Global/bg-rollover-li.png) no-repeat 0 .4em; }
#basicModalContent #lightboxContainer ul li a { color: #369; }
*/
/*
#modalLeft { float:left; width: 27%; }
#modalRight { float:right; padding: 1em .5em 1em 0; }

#basicModalContent #modalLeft p { margin: 1.5em 0 1em 1.5em; }
#basicModalContent p#videoTitle { font-size: 1.3em; font-weight: bold; margin: 0; padding: 0 0 0 1.2em; }

#modalContainer #modalLeft ul { margin: 0; padding: 1em 0 0 1.5em; }
#modalContainer #modalLeft ul li { margin: .4em 0 1px; padding: 0 0 0 18px; float: none; position: static; text-align: left; background: url(/SiteElements/Images/template/bg-rollover-li.png) no-repeat 0 .2em; }
#modalContainer #modalLeft ul li a { color:#336699; }*/