/** CSS Style sheet **/
html {font-size:120%;}
body {font-size:62.5%;color:#656565;line-height:1.5em;background-color:#fff;font-family: Arial, Helvetica, sans-serif;background:#fff url(/style/images/page-bg.jpg) repeat-x top;}
/* EPrints Services/tmb disabled * {margin:0;padding:0;}*/

/** header styles **/
h1,h2,h3,h4,h5,h6 {color:#666;font-family:Futura Hv, Arial, Helvetica, Sans-Serif;margin-bottom:0.5em;}
/* EPrints Services/tmb move styles "up"
h1 {font-size:200%;}
h2 {font-size:150%;border-bottom:1px solid #b8b8b8;padding-bottom:0.3em;}
h3 {font-size:110%;} */
h1 {font-size:150%;border-bottom:1px solid #b8b8b8;padding-bottom:0.3em;}
h2 {font-size:110%;}
h3 {font-size:100%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}
h1 span, h2 span {display:none;}

/** generic table styles **/
/* EPrints Services/tmb disabled
table {border-collapse:collapse;width:100%;margin:0 0 2em 0;}
table th {background-color:#e5e5e5;font-weight:bold;border-right:2px solid #fff;margin:0.2em;padding:0.3em 0.5em;text-align:left;}
table th a {color:#666;text-decoration:underline;}
table th.asc a {background:url(/style/images/table-sort-asc.gif) 100% 50% no-repeat;padding-right:1em;}
table th.desc a {background:url(/style/images/table-sort-desc.gif) 100% 50% no-repeat;padding-right:1em;}
table tbody tr {background:#fff url(/style/images/line-seperator.gif) 0 100% repeat-x;}
table tbody tr.nolnsep {background:none;}
table td {border-right:2px solid #fff;margin:0.2em;padding:0.7em 0.5em;text-align:left;}
*/

/* EPrints Services/tmb disabled input, textarea, select {font-family: Arial, Helvetica, sans-serif;font-size:100%;}*/
fieldset {border:none;}
a img { border:none;}
a {text-decoration:none;color:#609fd7}
a:hover {text-decoration:underline;}
p {margin-bottom:1em;}
.hidden {display:none;}
.clear {clear:both;line-height:0px;height:0;}
ul {list-style-type:none;}

/** styles used for producing boxes with rounded corners **/
.t {background-repeat:repeat-x;background-position: 0 0;min-height:0;}
.b {background-repeat:repeat-x;background-position: 0 100%;min-height:0;}
.l {background-repeat:repeat-y;background-position: 0 0;min-height:0;}
.r {background-repeat:repeat-y;background-position: 100% 0;min-height:0;}
.bl, .br, .tl, .tr {background-repeat:no-repeat;min-height:0;}
.bl {background-position: 0 100%;}
.br {background-position: 100% 100%;}
.tl {background-position: 0 0;}
.tr {background-position: 100% 0;}
    
/** styles for the main content divs **/


#header h1 a
{display:block;position:absolute;overflow:hidden;width:165px;height:77px;margin:10px; 0 0 0;}

#header h1 a span {padding-left:200px;}

/* af05v EPrints Services.  Widened for MePrints 20111107
#header, #banner, #content {width:821px;margin:0 auto;clear:both;}
*/
#header, #banner, #content {width:1051px;margin:0 auto;clear:both;}

#header {height:95px;width:845px;background:transparent url(/style/images/uos-title.jpg) no-repeat -30px 0px;}
#banner {margin-bottom:10px;}
#content {clear:both;}
#nav {float:left;width:187px;margin:10px 0 0px 0;}
#main {width:428px;float:left;padding-bottom:20px;}
#contentOther {float:right;width:198px;text-align:right;}
#footer {margin-top:20px;width:100%;border-top:1px solid #d4d4d4;background-color:#ebebeb;padding-top:10px;}

/** styles for the text sizing icons **/
a#txtSmall {font-size:75%;}
a#txtMed {font-size:100%;}
a#txtLarge {font-size:125%;}
a#txtSmall.selected, a#txtMed.selected, a#txtLarge.selected {text-decoration:underline overline;}

/** styles for the header & footer links **/
#header .otherlinks {text-align:right;padding-right:13px;height:55px;overflow:hidden;}
#header h1 {position:absolute;margin-left:-35px;z-index:1;} 
.otherlinks a {color:#606060;font-size:80%;}

/** styles for the search bar **/
#searchBar {float:right;}
#searchBar form {float:left;}
#searchBar input, #searchBar select {color:#666666;font-size:90%;}
#searchBar div input {width:125px;padding:0px;height:16px;margin-top:4px;margin-left:5px;}
#searchBar div select {width:125px;padding:0px;margin-top:5px;margin-left:5px;}
#searchBar form div {float:left;height:18px;}
#courseSearch {width:441px;height:30px;background:transparent url(/style/images/find-course-bg.gif) repeat-x top;}
#siteSearch {width:218px;height:30px;background:transparent url(/style/images/search-bg.gif) repeat-x top;}
#siteSearch div input {width:137px;margin-left:12px;margin-right:15px;}
#siteGo {position:absolute;} 

/** styles for the footer **/
#footerContent {width:821px;margin:0 auto;}
#footerContent .content {width:174px;float:left;padding:0 14px;}
#footerContent .content h2 {font-size:100%;font-weight:normal;}

#footerContent .t {background-color:#fff;}
#footerContent .t, #footerContent .r, #footerContent .l, #footerContent .b {background-image:url(/style/images/footer-border.gif);}
#footerContent .tl {background-image:url(/style/images/footer-border-tl.gif);}
#footerContent .bl {background-image:url(/style/images/footer-border-bl.gif);}
#footerContent .tr {background-image:url(/style/images/footer-border-tr.gif);padding:10px 5px;}
#footerContent .br {background-image:url(/style/images/footer-border-br.gif);}
#footer .otherlinks {padding-bottom:10px;width:821px;margin:0 auto;padding-left:40px;}

/** styles for the main content area **/
#main .viewAll {padding-right:10px;position:relative;margin-top:-3em;float:right;background:url(/style/images/right-arrow.gif) 100% 50% no-repeat;}
#main .links {margin-bottom:20px;}
#main ul.links li a {background:url(/style/images/right-arrow.gif) 0 50% no-repeat;padding:0 0 0 2em;}
#main ul.links li {background:url(/style/images/line-seperator.gif) 0 100% repeat-x;padding:2px 0;margin:0;}
.t {background-color:#fff;}
.t, .b, .l, .r {background-image:url(/style/images/nav-selected-border.gif);}
.bl {background-image:url(/style/images/content-corner-bl.gif);}
.br {background-image:url(/style/images/content-corner-br.gif);}
.tl {background-image:url(/style/images/content-corner-tl.gif);}
.tr {background-image:url(/style/images/content-corner-tr.gif);padding:2em;}
#main .horzLinks li {display:inline;padding-right:10px;}

/* af05v EPrints Services -- widened for MePrints */
/*#main.wide {width:632px;}*/
#main.wide {width:862px;}

/** styles that affect a simple form used by the site **/
.form h3 {position:absolute;margin-top:-2.4em;background-color:#fff;padding:0 0.5em;}
.form .ff {clear:both;border-bottom:1px solid #fff;height:2.6em;overflow:hidden;}
.form .ff .fv input {width:157px}
.form .ff .fv select {width:160px;}
.form .ff .fl {height:100%;background-color:#E9EEF3;float:left;width:12em;padding:0.4em;}
.form .ff .fv {border-left:2px solid #fff;height:100%;background-color:#F1F5F9;padding:0.4em 0.4em;margin-left:13em;}
.form .buttons {text-align:right;margin-top:1em;}
a.searchHelp{ float:left;background:url(/style/images/help-icon.gif) 0 50% no-repeat;padding:3px 0 3px 20px;margin:7px 0 0 0;}

/** styles for special form items **/
.form .ff .fv input.large {width:25em;}
.form .ff .fv select.large {width:25.5em;}
.form .ff .fv textarea.large {width:21.5em;}
.form .ffchkbox {clear:both;border-bottom:1px solid #fff;height:auto;overflow:hidden;}
.form .ffchkbox .fl {height:100%;background-color:#e9eef3;float:left;width:12em;padding:0.4em;}
.form .ffchkbox .fv {border-left:2px solid #fff;height:100%;background-color:#f1f5f9;padding:0.4em 0.4em;margin-left:13em;}
.form .ffdh {clear:both;border-bottom:1px solid #fff;height:5.2em;overflow:hidden;}
.form .ffdh .fl {height:100%;background-color:#e9eef3;float:left;width:12em;padding:0.4em;}
.form .ffdh .fv {border-left:2px solid #fff;height:100%;background-color:#f1f5f9;padding:0.4em 0.4em;margin-left:13em;}
.form .ffdh .fv input.large {width:25em;}
.form .ffdh .fv select.large {width:25.5em;}
.form .ffdh .fv textarea.large {width:21.5em;}
.form .fftxta {clear:both;border-bottom:1px solid #fff;height:13.8em;overflow:hidden;}
.form .fftxta .fl {height:100%;background-color:#e9eef3;float:left;width:12em;padding:0.4em;}
.form .fftxta .fv {border-left:2px solid #fff;height:100%;background-color:#f1f5f9;padding:0.4em 0.4em;margin-left:13em;}
.form .fftxta .fv input.large {width:25em;}
.form .fftxta .fv select.large {width:25.5em;}
.form .fftxta .fv textarea.large {width:21.5em;}
.form .fftxtan {clear:both;border-bottom:1px solid #fff;height:auto;overflow:hidden;}
.form .fftxtan .fl {height:100%;background-color:#e9eef3;float:left;width:12em;padding:0.4em;}
.form .fftxtan .fv {border-left:2px solid #fff;height:100%;background-color:#f1f5f9;padding:0.4em 0.4em;margin-left:13em;}
.form .fftxtan .fv input.large {width:25em;}
.form .fftxtan .fv select.large {width:25.5em;}
.form .fftxtan .fv textarea.large {width:21.5em;}
.form .ffwysiwyg {clear:both;border-bottom:1px solid #fff;height:30em;overflow:hidden;}
.form .ffwysiwyg .fl {height:100%;background-color:#E9EEF3;float:left;width:12em;padding:0.4em;}
.form .ffwysiwyg .fv {border-left:2px solid #fff;height:100%;background-color:#f1f5f9;padding:0.4em 0.4em;margin-left:13em;}
.form .ffwysiwyg .fv input {width:25em;}
.form .ffwysiwyg .fv select {width:25.5em;}
.form .ffwysiwyg .fv textarea {width:21.5em;}

/** standard form **/
#stdForm .t {background-color:#fff;}
#stdForm .t, #stdForm .b, #stdForm .l, #stdForm .r {background-image:url(/style/images/nav-selected-border.gif);}
#stdForm .bl {background-image:url(/style/images/content-corner-bl.gif);}
#stdForm .br {background-image:url(/style/images/content-corner-br.gif);}
#stdForm .tl {background-image:url(/style/images/content-corner-tl.gif);}
#stdForm .tr {background-image:url(/style/images/content-corner-tr.gif);}

/** email form **/
#emailForm .t {background-color:#fff;}
#emailForm .t, #emailForm .b, #emailForm .l, #emailForm .r {background-image:url(/style/images/nav-selected-border.gif);}
#emailForm .bl {background-image:url(/style/images/content-corner-bl.gif);}
#emailForm .br {background-image:url(/style/images/content-corner-br.gif);}
#emailForm .tl {background-image:url(/style/images/content-corner-tl.gif);}
#emailForm .tr {background-image:url(/style/images/content-corner-tr.gif);}

/** course finder form **/
#courseFinder .t {background-color:#fff;}
#courseFinder .t, #courseFinder .b, #courseFinder .l, #courseFinder .r {background-image:url(/style/images/nav-selected-border.gif);}
#courseFinder .bl {background-image:url(/style/images/content-corner-bl.gif);}
#courseFinder .br {background-image:url(/style/images/content-corner-br.gif);}
#courseFinder .tl {background-image:url(/style/images/content-corner-tl.gif);}
#courseFinder .tr {background-image:url(/style/images/content-corner-tr.gif);}

/** course finder results **/
.courseResults th.code {background-color:#d9bff7;width:6em;}
.courseResults th.level {background-color:#bfcbf7;}
.courseResults th.duration {background-color:#bff1f7;}
.courseResults th.mode {background-color:#cdf7bf;}
.courseResults td.code {background:#edcffb url(/style/images/line-seperator.gif) 0 100% repeat-x;}
.courseResults td.level {background:#dfe5fb url(/style/images/line-seperator.gif) 0 100% repeat-x;}
.courseResults td.duration {background:#dff8fb url(/style/images/line-seperator.gif) 0 100% repeat-x;}
.courseResults td.mode {background:#e6fbdf url(/style/images/line-seperator.gif) 0 100% repeat-x;}

/** course details page **/
.courseInfo {padding:0.5em 0.8em;border-bottom:2px solid #fff;clear:both;}
.courseInfo strong {display:block;float:left;width:10em;}
.code {background-color:#dcc7df;}
.classification {background-color:#aacae6;}
.mode {background-color:#bbe7e6;}
.duration {background-color:#dae5cd;}
.contactTime {background-color:#e9c5cb;}
.location {background-color:#ffd6a5;}
.area {background-color:#ede8c4;}
table.courseFees tr th, table.courseFees tr td {padding-top:0.4em;padding-bottom:0.4em;border-right:1px solid #fff;}
table.courseFees thead tr th {background-color:#C4b2f0;color:#fff;}
table.courseFees tbody tr {background-image:none;}
table.courseFees tbody tr td {background-color:#ede8fa;border-top:2px solid #fff;}

#courseTOC {width:50%;float:right;margin-left:0.5em;}
#courseTOC .tr {padding:0.5em 1em;}
#courseTOC li {color:#609fd7;list-style-position:inside;}
#courseTOC .t {background-color:#f9f9f9;}
#courseTOC .t, #courseTOC .r, #courseTOC .l, #courseTOC .b {background-image:url();}
#courseTOC .tl {background-image:url();}
#courseTOC .tr {background-image:url();padding:0.5em 1em;}
#courseTOC .bl {background-image:url();}
#courseTOC .br {background-image:url();}


/** main navigation styles **/
#nav ul {color:#000}
#nav ul li {padding-bottom:4px;padding-top:4px;}
#nav ul li span {}
#nav ul li a {color:#000;padding-left:10px;display:block;}
#nav .t {background-image:url(/style/images/nav-border.gif);background-color:#f0f0f0;}
#nav .b {background-image:url(/style/images/nav-border.gif);}
#nav .l {background-image:url(/style/images/nav-border.gif);}
#nav .r {background-image:url(/style/images/nav-border.gif);}
#nav .bl {background-image:url(/style/images/nav-corner-bl.gif);}
#nav .br {background-image:url(/style/images/nav-border.gif);}
#nav .tl {background-image:url(/style/images/nav-corner-tl.gif);}
#nav .tr {background-image:url(/style/images/nav-border.gif);padding:10px 0 10px 10px}
#nav .currentbranch0 {background:#fff url(/style/images/nav-selected.gif) no-repeat top left;display:block;font-weight:bold;padding:5px 0 6px 10px;width:168px;z-index:10;position:relative;}
#nav .multilevel-linkul-0 {background:#fff url(/style/images/nav-selected-bottom.gif) left bottom no-repeat;position:relative;margin-top:-0.3em;z-index:20;padding-bottom:5px;}

/** added padding right **/

#nav .multilevel-linkul-0 a {padding:0;padding-left:20px;padding-right:10px;}

#nav .multilevel-linkul-0 .currentbranch1 {background-color:#bbb;padding:2px 0 2px 20px;font-weight:bold;color:#fff;width:158px;display:block;z-index:10;position:relative;}
#nav .multilevel-linkul-0 li {border-left:1px solid #bbb;}

/** added below to fix text indent **/

#nav .multilevel-linkul-0 .currentbranch1 a {margin-left:-20px;color:#ffffff;}

/** style for the ask sunderland box **/
#ask1 {margin-bottom:10px;text-align:left;width:198px;color:#777777;}
#ask1 h2 {border:none;margin:0;padding:0;}
#ask1 .t {background-color:#FAF0E8}
#ask1 .t, #ask1 .r, #ask1 .l, #ask1 .b {background-image:url(/style/images/oask-border.gif);}
#ask1 .tl {background-image:url(/style/images/oask-corner-tl.gif);}
#ask1 .tr {background-image:url(/style/images/oask-corner-tr.gif);padding:7px 10px 10px 10px;}
#ask1 .bl {background-image:url(/style/images/oask-corner-bl.gif);}
#ask1 .br {background-image:url(/style/images/oask-corner-br.gif);}
#ask1 label {margin-top:0px;display:block;margin-bottom:0px;}
#ask1 br {margin-bottom:15px;}
#ask1 select{width:174px;color:#888;}
#ask1 .textbox {color:#888;width:130px;position:absolute;}
#ask1 .button {margin-left:138px;margin-top:-4px;}
#usefulLinksBack #ask1 {margin-left:10px;}

/** styles for the sign posts area **/
.ad {margin-bottom:10px;}

/** styles for the navigation breadcrumbs **/
.breadcrumbs {margin-bottom:5px;}
.breadcrumbs ul li {display:inline;margin-right:5px;}
.breadcrumbs ul li a {font-weight:bold;}

/** icon styles **/
a.icon {color:#000;font-size:80%;background-repeat:no-repeat;background-position:center left;padding:10px 0 10px 35px;line-height:30px;}
#email {background-image:url(/style/images/email-icon.gif);}
#print {background-image:url(/style/images/print-icon.gif);}
#pdf {background-image:url(/style/images/pdf-icon.gif);}
#openday {background-image:url(/style/images/open-days-icon.gif);}
#apply {background-image:url(/style/images/apply-icon.gif);}
#stories {background-image:url(/style/images/stories-icon.gif);}
#prospectus {background-image:url(/style/images/prospectus-icon.gif);}
#school {background-image:url(/style/images/business-school-icon.gif);}
#brochure {background-image:url(/style/images/brochure-icon.gif);}
#entry {background-image:url(/style/images/entry-icon.gif);}



div.icon {background:#fff url(/style/images/icon-bg-top.jpg) no-repeat top left;margin-bottom:10px;text-align:left;}
div.icon a {padding:15px 0 15px 45px;width:125px;display:block;z-index:10;position:relative;background-repeat:no-repeat;background-position:left 7px;}
div.icon div {background:#fff url(/style/images/icon-bg-bottom.jpg) no-repeat bottom left;height:28px;margin-top:-28px;border-bottom:1px solid #fff;}

/** content for the right hand column **/
#usefulLinksBack {width:207px;margin-left:-9px;position:relative;z-index:50;}
#usefulLinksBack .icons {margin-left:10px;margin-bottom:5px;}
#usefulLinksBack .ads {margin-left:10px;margin-top:10px;}

#usefulLinks {}
#usefulLinks .links {margin-bottom:20px;}
#usefulLinks ul.links li {padding:2px;}

#usefulLinks ul.links li a {padding:0 0 0 10px; display: block; background:url(/style/images/right-arrow.gif) 0 6px no-repeat;}


#usefulLinksBack .content {text-align:left;padding:20px 1px 10px 0;}
#usefulLinksBack h3 {background-color:#E5E5E5;font-size:100%;padding-left:5px;padding-top:2px;padding-bottom:2px;}
#usefulLinks .t {width:100%;}
#usefulLinks .r, #usefulLinks .b {min-height:0;}
#usefulLinks .l {background-image:none;}
#usefulLinks .bl {background-image:none}
#usefulLinks .tl {background-image:none}
#usefulLinks .tr {padding:0;}

#clusefulLinksBack {width:207px;margin-left:-9px;position:relative;z-index:50;}
#clusefulLinksBack .icons {margin-left:10px;margin-bottom:5px;}
#clusefulLinksBack .ads {margin-left:10px;margin-top:10px;}

#clusefulLinks {}
#clusefulLinks .links {margin-bottom:20px;}
#clusefulLinks ul.links li {padding:2px;}



#clusefulLinks ul.links li a {padding:0 0 0 10px; display: block; background:url(/style/images/right-arrow.gif) 0 6px no-repeat;}


#clusefulLinksBack .content {text-align:left;padding:20px 1px 10px 0;}
#clusefulLinksBack .content p {padding-right:2px;}
#clusefulLinksBack h3 {background-color:#EB0438;font-size:100%;padding-left:5px;padding-top:2px;padding-bottom:2px;color:#ffffff;}
#clusefulLinks .t {width:100%;}
#clusefulLinks .r, #usefulLinks .b {min-height:0;}
#clusefulLinks .l {background-image:none;}
#clusefulLinks .bl {background-image:none}
#clusefulLinks .tl {background-image:none}
#clusefulLinks .tr {padding:0;}



/** the following styles affect the colours for each section **/
/** have been moved into seperate css files **/

/** added below to style images **/

#main .ads img {
border:none;
}


/* EPrints Services/tmb disabled #main img {
   margin: 0.5em;
   border: 1px solid #B8B8B8;
}*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#sitemap{

}

#sitemap ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#sitemap ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#sitemap ul li li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}


#sitemap ul ul ul{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left: 35px;

}


#sitemap ul li a{
background: url(/style/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
padding-left: 20px;
}

#sitemap a:hover {
 background-color: #F0F0F0;
color:#000000;
list-style-type: none;
}

.searchAgain {
font-weight:bold;
}

#main ul.bullets li {padding:2px 0;
margin:0;
list-style:disc;
list-style-position: inside;
padding-left: 1em;
text-indent: -1em;}

/* #bull ul li {padding:2px 0;
margin:0;
list-style:disc;
list-style-position: inside;
padding-left: 1em;
text-indent: -1em;} */

/* #main ol.bullets li {padding:2px 0;
margin:0;
list-style-position: inside;
padding-left: 1em;
text-indent: -1em;} */

/* #bull ol li {padding:2px 0;
margin:0;
list-style-position: inside;
padding-left: 1em;
text-indent: -1em;} */

/* EPrints Services/tmb disabled #bull ul {padding:0px 0px 11px 0px;
margin:0;
list-style:disc;
padding-left: 1.2em;
} */

#bull ol {padding:2px 0;
margin:0;
padding-left: 1.2em;
}

/* #bull ol {padding:2px 0;
margin:0; 
} */

.orangetext {
color:#CF6F19;
}






/**************************************************/
/********** Additional styles 01/04/2009 **********/
/**************************************************/

/* Secondary navigation menu */
#navWrap {float:left;width:187px;}/*New wrapper div around left nav menus to enable left float */
#secondaryNav {width:187px;margin-top:12px;float:left}
#secondaryNav ul {border-right: 1px dotted #AAA;margin-right:-1px;}/* Dotted right border on secondary nav, so sec nav has border when pushed below bottom of main content area. Negative margin hides border when sec nav is alongside content area */
#secondaryNav ul li {background-color:#F0F0F0;height:34px;margin-bottom:3px;background-repeat: no-repeat;background-position: left top;}/* Sets nav list item background colour and positions icon in bkgd. Sets margin between nav items. */ 
#secondaryNav ul li.vip {background-image: url(/style/images/secNav_icon_vip.gif);}/* Class to select VIP icon */
#secondaryNav ul li.orderProsp {background-image: url(/style/images/secNav_icon_orderProsp.gif);}/* Class to select Order Prospectus icon */
#secondaryNav ul li.openDay {background-image: url(/style/images/secNav_icon_openDays.gif);} /* Class to select Open Days icon */
#secondaryNav ul li.videoProsp {background-image: url(/style/images/secNav_icon_videoProsp.gif);}/* Class to select Video Prospectus icon */ 
#secondaryNav ul li a {display:block;padding:8px 0 3px 40px;}/* Sets vertical positon of link and moves it to the right of the icon in background */

/* Additional rules for #main div on home pages that have a news panel */
.homePg {padding:1px 0 0 0;}/*Added this class to the nested "div.tr" inside the #main div on home page only. Removes padding from #main container div. (Necessary for redesign of news panel) */
#homeIntro {padding:1.9em;}/*New wrapper div for intro text on home page only. Applies padding that is normally on #main container div. (Necessary for news panel redesign)*/

/* News Panel on home pages */
#newsPanel {background-image: url(/style/images/news_panel_bkgd_grad.gif);background-repeat:repeat-x;background-position:top;padding:1.5em 2em;border-top:1px solid #AAA;margin:0 1px;}/*Gradient background and top border*/
#newsPanel h2 {font-size:120%;border-bottom:none;width:70%;float:left;}/*Removes border from h2 and adjusts size*/
#newsPanel div.newsLge {border-bottom:1px solid #AAA;padding-bottom:1em;} /*Large news item wrapper div*/
#newsPanel div.newsLge img, #newsPanel div.newsSm img {border:1px solid #AAA;float:left;margin:0 0 0.6em 0;} /*Floats news images left, sets border and bottom margin */
#newsPanel div.newsLge span {float:left;width:205px;padding-left:1.5em;} /*Span that  wraps large news item text. Floats text block and sets width */
#newsPanel div.newsSm span {float:left;width:110px;padding:1.5em 0 0 1.8em;} /*Span that  wraps small news item of image and headline. Floats span, sets width and padding*/
#newsPanel div.newsSm span.first {padding-left:0;} /*Class for first small news item span. Removes left padding*/
#newsPanel div.newsSm span h3 {margin-top:1em;}/*Adjusts margin on news headlines - h3*/
#newsPanel span.view a {padding-right:10px;background:url(/style/images/right_arrow_grey.gif) 100% 50% no-repeat;color:#676767;float:right;}/*Colour, layout and bkgd arrow image */

/* Open Day Ad - new text panel */
div.ad p.adBlurb {padding:0.5em 1em;font-size:0.9em;border-top:1px solid #AAA;text-align:left;background-color: #E2E2E2;background-image: url(/style/images/ad_blurb_cnrs.gif);background-repeat: no-repeat;background-position: left bottom;}

div.ad a img {display:block;}


/* News article image */
img.news {border:1px solid #AAA;float:right;margin:0.6em 0 1em 1em;}

/* Student Stories */
#studentStories h2 {border-bottom:none;padding-bottom:0;margin-bottom:0.2em;}
#studentStories h3 {margin-bottom:0.8em;font-size:120%;}
#studentStories h4 {font-size:1.2em;}
#studentStories div.story {border-top:1px solid #AAA;padding:1em 0;clear:both;}
#studentStories div.story img {border:1px solid #AAA;margin-bottom:1em;}
#studentStories div.story span.storyLt {width:140px;float:left;}
#studentStories div.story span.storyRt {float:right;width:60%;}

/* New icons - Watch Video and Shortlist */
#video {background-image:url(/style/images/watch-video-icon.gif);}/*Add to icon rules*/
.margin {margin:1.5em 0;} /*class used to create top and bottom margins around instance of "watch video" link on Student Life page */
#shortlist {background-image:url(/style/images/shortlist-icon.gif);}

/* Revised layout for School Contact details on course page */
#schoolContact {background-color:#F0F0F0;text-align:left;margin:1.5em 0 1.5em 1px;} 
#schoolContact div.br {background-position: 100% 100%;background-image: url(/style/images/contact-corner-br.gif);background-repeat: no-repeat;} /* Creates round corner bottom right*/
#schoolContact div.tr {background-position: 100% 0;background-image: url(/style/images/contact-corner-tr.gif);background-repeat: no-repeat;padding:0;} /* Creates round corner top right*/
#schoolContact div.contactWrap {padding:1em;} /* wrapper div for text padding */
#schoolContact h3 {background:none;font-size:1.1em;padding:0;}

/* Revised layout for utilites links on Course Outline Page (i.e. Print, PDF, Share and Add to shortlist) */
div.toolLinks {margin:0.3em 0 0.8em 0.3em;}/* Wrapper div for margins */
div.toolLinks ul li {float:left;} 
a.tool {background-repeat:no-repeat;background-position:top;padding:2.8em 1em 0 1em;text-align:center;display:block;font-size:0.9em;color:#333;line-height:1.2em;}/* Tool link styling and layout spacing. Icon image in background as per icon ids */

/* Revised faculty home page links list */
ul.facultyLinks li {background-image:url(/style/images/right-arrow.gif);background-repeat:no-repeat;background-position:0em 0.7em;}/* background arrows */
ul.facultyLinks li a {display:block;padding:0.3em 0 0.3em 1em;font-size:1.2em;}/* links text */