/***************************************************
Design & Technology by Reading Room
www.readingroom.com (020) 7173 2800
* Author: Lucy Kavanagh
* Date: March 2009
* Client: BPP Business School
***************************************************/

/*****~~~~resets~~~~*****/
* {border:0;font:normal 100% arial,helvetica,sans-serif;list-style:none;margin:0;outline:0;padding:0;text-align:left;}
ul,ol,dl,dt,dd,p,div,a,fieldset,label,table,tr,th,td{font-family:Arial;line-height:100%;}
li{line-height:1.2em;}
:focus {outline:0;}
blockquote, q {padding:0.5em 0;}
code {font-family:monospace;font-size:1.2em;padding:0.5em 0;}
del,strike {text-decoration:line-through;}
strong,b,.bold {font-weight:bold;}
em,i,.italic {font-style:italic;}
noscript div{display:none;} /*removes immediacy's repeating default noscript msg*/

/*****~~~~general~~~~*****/
body {background:#FFF url('http://www.bppbusiness.com/images/bg/body.png') center top fixed no-repeat;color:#000;font-size:62.5%;line-height:100%;text-align:center;}
h1{background:transparent url(../../../../images/bg/h1-440-top.gif) top left no-repeat;color:#FFF;float:left;font:bold 1.3em "Trebuchet MS",arial,sans-serif;min-height:20px;padding:6px 5px 5px 35px;text-transform:uppercase;width:400px;}
.noRightCol h1, .noLeftCol h1 {background-image:url(../../../../images/bg/h1-700-top.gif);width:660px;}
.fullWidth h1 {background-image:url(../../../../images/bg/h1-960-top.gif);width:960px;}
h2{clear:both;color:#0C4387;font:1.4em "Trebuchet MS",arial,sans-serif;line-height:100%;}
.h2 {background:transparent url(../../../../images/bg/h2-240-top.gif) top left no-repeat;float:left;width:240px;}
.h2 h2 {background:transparent url(../../../../images/bg/h2-240-bot.gif) bottom left no-repeat;color:#333;float:left;font-size:1.2em;font-weight:bold;min-height:25px;padding:7px 5px 5px 35px;text-transform:uppercase;width:200px;}
.homeFeature .h2 {background:transparent url(../../../../images/bg/h2-310-top.gif) top left no-repeat;display:inline;float:left;margin-left:15px;width:310px;}
.homeFeature .h2 h2 {background:transparent url(../../../../images/bg/h2-310-bot.gif) bottom left no-repeat;float:left;width:270px;}
.mainContent h2 {padding:0.5em 0;}
h3,h4,h5,h6,legend,caption,#footer h2{clear:both;color:#0C4387;font:bold 1.3em "Trebuchet MS",arial,sans-serif;line-height:100%;padding:0.5em 0;text-transform:none;}
h4,h5,h6{font-size:1.2em;}
hr {background-color:#999;color:#999;height:0.1em;margin:0.5em 0;width:100%;}
a {color:#3A89A3;font-weight:bold;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover,a:active,a:focus {color:#0C4387;text-decoration:underline;}
p {padding:0.5em 0;}
table,table.ImmTS_Default {border-collapse:collapse;border-spacing:0;font-size:0.9em;clear:both;margin:0.5em 0;}
th,table.ImmTS_Default th {background:#333;border:1px solid #333;color:#FFF;padding:1em 0.5em;}
td,table.ImmTS_Default td {border:1px solid #333;padding:0.5em;}
dt {clear:both;float:left;font-weight:bold;padding:0.5em 0.5em 0.5em 0;}
dd {float:left;padding:0.5em 0;}
#skip, .hidden {left:-9999em;position:absolute;}
form {font-size:1.2em;line-height:1em;}
.wrapper {margin:0 auto;position:relative;text-align:left;width:960px;}
#main {clear:both;}

/*****~~~~forms----*****/
#content .form div {clear:both;float:none;padding:10px;width:960px;}
.noRightCol #content .form div, .noLeftCol #content .form div {width:658px;}
fieldset {clear:both;}
input,select,textarea {background:#FFF;border:1px solid #c4c4c4;float:left;line-height:1em;padding:3px;width:210px;}
input.sm {margin-right:0.5em;width:50px;}
input.md {margin-right:0.5em;width:150px;}
.tallTextarea {height:100px;}
select {width:auto;}
label,span.label {display:inline;float:left;font-weight:bold;margin-right:10px;padding-top:3px;text-align:right;width:170px;}
.required{color:#F00;display:inline;}
.form .radioCheck input, .form .stackedFields input, .form .inlineFields input {background:none;border:0;clear:both;margin:0 0.3em 0 0;padding:0;width:auto;}
.form .radioCheck label, .form .stackedFields label, .form .inlineFields label {font-weight:normal;margin-left:0.3em;text-align:left;width:auto;}
.fieldIndent{display:inline;margin-left:180px;}
.inlineFields,.stackedFields {float:left;}
.inlineFields span {float:left;}
.stackedFields span {float:left;clear:both;margin-bottom:0.5em;}
.submit {background:transparent;border:0;color:#000;margin:0;padding:0;text-align:center;width:auto;}
.form .tip {clear:both;color:#0ca660;float:left;font:0.9em tahoma;padding:5px 0 0 180px;width:230px;}
.form .inlineTip {color:#0ca660;float:left;font:0.9em tahoma;padding:5px 0 0 5px;}
.form span.error {clear:both;background:transparent url(../../../../images/icons/attention.gif) 0 10px no-repeat;color:#C00;float:left;font-weight:bold;padding:1em 0 1em 20px;}
.form div.error {background:#ffc6c6 url(../../../../images/bg/redGradient.gif) top left repeat-x;border:1px solid #CCC;border-width:1px 0;margin-bottom:10px;}
.form div.error .message {clear:both;background:transparent url(../../../../images/icons/attention.gif) 155px 9px no-repeat;float:left;font-weight:bold;padding:10px 0 0 180px;width:230px;}
.form div.error .tip {font-weight:bold;}

/*****~~~~-header~~~~*****/
#header {background:#FFF url(../../../../images/bg/header.gif) bottom left repeat-x;float:left;min-height:11em;padding:1em 0;width:100%;}
#header legend, #header label {display:none;}
#header .logo {float:left;width:200px;}
#header .tools {float:right;width:760px;}
#header .tools .topBar, #header .tools .form, #header .tools fieldset, #header .tools .buttons {clear:both;float:right;text-align:right;}
#header .topBar li {border-right:1px solid #000;float:left;font-size:0.9em;line-height:1.2em;padding:0 0.5em;}
#header .topBar li.last {border:0;padding-right:0;}
#header .topBar a {color:#000;font-weight:normal;}
#header .form {padding-top:10px;}
#header .form .submit {float:left;margin-left:0.5em;}
#header .buttons {margin-top:15px;}
#header .buttons p {color:#0C4387;font:1.4em "Trebuchet MS",arial,sans-serif;line-height:100%;padding:0 0 0.5em;text-align:right;}
#header .buttons a {font-family:"Trebuchet MS",arial,sans-serif;font-weight:normal;margin-left:0.5em;}
#header .buttons p.uploadApp {padding-bottom:15px;}
#header .buttons p.uploadApp a:hover {text-decoration:none;}
#header .buttons p.uploadApp img {margin:0 0.3em 0 0;}

/*****~~~~-menu~~~~*****/
#menu {background:#0C4387 url(../../../../images/nav/mainNav.gif) 0 0 repeat-x;border:1px solid #001E56;border-width:1px 0;clear:both;float:left;text-align:center;margin-bottom:10px;min-height:2.5em;width:100%;}
#menu ul {border-left:1px solid #001E56;float:left;}
#menu li {border-right:1px solid #001E56;float:left;}
#menu li a {color:#FFF;font:bold 1.3em "Trebuchet MS",arial,sans-serif;display:block;float:left;padding:0.25em 1em;text-transform:uppercase;}
#menu li a:hover, #menu li.on a {background:#001E56 url(../../../../images/nav/mainNavOn.gif) 0 0 repeat-x;color:#FFF;text-decoration:none;}

/*****~~~~-tools~~~~*****/
#tools {float:left;width:100%;}
#tools li {float:left;}
#tools a {color:#000;font-weight:normal;line-height:1.2em;}
.print a {background:transparent url(../../../../images/icons/print.gif) 100% 0 no-repeat;width:16px;height:16px;display:block;}
.print span {position:absolute;left:-9999px;}
.breadCrumb {float:left;}
.breadCrumb li {color:#0C4387;}
.breadCrumb a {background:transparent url(../../../../images/icons/crumb.gif) right center no-repeat;display:block;float:left;padding:0 14px 0 0 ;}
.pageTools {float:right;}
.pageTools li {min-height:16px;padding-left:15px;}
.pageTools img {float:left;}
.pagination {float:left;margin-top:0.5em;width:100%;}
.pagination a {color:#000;}
#content .pagination li {background:none;border-left:1px solid #000;float:left;font-size:1.2em;line-height:1em;padding:0 0.5em;}
#content .pagination li.first {border:0;padding-left:0;}
#content .pagination li.prev {border-left:0;border-right:1px solid #000;display:inline;margin-right:0.5em;padding-left:0;}
#content .pagination li.next {padding-right:0;}
.archive, .pdf, .doc, .xls {background-color:transparent;background-position:top left;background-repeat:no-repeat;padding:0 0 5px 20px;}
li.archive, li .pdf, li .doc, li .xls {background-position:top right;padding:0 20px 1px 0;}
.archive {background-image:url(../../../../images/icons/archive.gif)}
.pdf {background-image:url(../../../../images/icons/pdf.gif)}
.doc {background-image:url(../../../../images/icons/doc.gif)}
.xls {background-image:url(../../../../images/icons/xls.gif)}

/*****~~~~-sub nav~~~~*****/
#subNav {display:inline;float:left;margin-top:10px;margin-left:-700px;width:240px;}
#main.noRightCol #subNav {margin-left:-960px;}
#subNav li {clear:both;cursor:pointer;float:left;padding-bottom:2px;text-transform:uppercase;width:240px;}
#subNav a {background:transparent url(../../../../images/nav/subNavBot.png) left bottom no-repeat;color:#FFF;cursor:pointer;display:block;float:left;font-weight:normal;padding-bottom:4px;width:240px;}
#subNav span {background:transparent url(../../../../images/nav/subNav.png) left top no-repeat;display:block;float:left;padding:8px 10px 3px 25px;width:205px;}
#subNav li.on a {background:transparent url(../../../../images/nav/subNavBotOn.png) left bottom no-repeat;padding-bottom:4px;}
#subNav li.on span {background:transparent url(../../../../images/nav/subNavOn.png) left top no-repeat;}
#subNav li.on ul {background:transparent url(../../../../images/nav/subNavLevelBot.png) left bottom no-repeat;float:left;margin:2px 0 0;padding-bottom:4px;}
#subNav li.on ul li {background:#4f729d;text-transform:none;}
#subNav li.on ul li.first {background:transparent url(../../../../images/nav/subNavLevelTop.png) left top no-repeat;padding-top:4px;}
#subNav li.on ul a {background:none;padding:0;}
#subNav li.on a:hover, #subNav li.on a:active {text-decoration:none;}
#subNav li.on ul a:hover, #subNav li.on ul a:active {text-decoration:underline;}
#subNav li.on ul span {background:none;font-size:0.9em;padding:0;padding:3px 10px;width:220px;}

/*****~~~~homepage~~~~*****/
.homeImagery {background:transparent url(../../../../images/photos/homepage01.jpg) 0 0 no-repeat;border:1px solid #CCC;display:inline;float:left;height:380px;margin-left:15px;position:relative;width:615px;}
.homeImagery.mon {background-image:url(../../../../images/photos/homepage01.jpg)}
.homeImagery.tue {background-image:url(../../../../images/photos/homepage02.jpg)}
.homeImagery.wed {background-image:url(../../../../images/photos/homepage03.jpg)}
.homeImagery.thu {background-image:url(../../../../images/photos/homepage04.jpg)}
.homeImagery.fri {background-image:url(../../../../images/photos/homepage05.jpg)}
.homeImagery.sat {background-image:url(../../../../images/photos/homepage06.jpg)}
.homeImagery.sun {background-image:url(../../../../images/photos/homepage07.jpg)}
.careerOuter {bottom:20px;background:transparent url(../../../../images/bg/pathwaysTop.png) top left no-repeat;float:left;padding-top:5px;position:absolute;right:20px;width:300px;}
.careerInner {background:transparent url(../../../../images/bg/pathwaysBot.png) bottom left no-repeat;float:left;padding-bottom:5px;width:300px;}
.homeImagery .form {background:transparent url(../../../../images/bg/pathways.png) 0 0 repeat-y;float:left;padding:5px 10px;width:280px;}
.homeImagery .form select {background:#d6ebf8;clear:both;margin:0.5em 0;width:274px;}
.homeImagery .form .submit {float:left;margin-top:0.5em;}
.homeImagery .form legend {color:#FFF;float:left;line-height:1.4em;padding:0;}
.homeFeature {background:transparent url(../../../../images/bg/bottom310.gif) bottom center no-repeat;display:inline;float:right;padding-bottom:3px;margin-left:10px;width:340px;}
.featureOuter {background:#FFF url(../../../../images/bg/gradient.gif) bottom left repeat-x;border:1px solid #c4c4c4;border-width:0 1px;float:left;display:inline;margin-left:15px;width:308px;}
.featureInner {float:left;width:308px;}
.javascript #main .featureInner {border-bottom:1px solid #c4c4c4;}
.featureInner div {border-top:1px solid #CCC;float:left;padding:10px;width:288px;}
.javascript .featureInner div {background:#FFF;border:0;float:none;min-height:250px;}
.cycleControls {display:none;}
.javascript .cycleControls {background:transparent url(../../../../images/bg/cycleControls.gif) bottom center repeat-y;display:block;float:left;padding:5px 0 2px 0;position:relative;text-align:center;width:340px;}
.cycleControls img {cursor:pointer;}
.cycleControls .prev {position:absolute;left:0;top:5px;}
.cycleControls .next {position:absolute;right:0;top:5px;}
.cycleControls .pause,.cycleControls .play {margin:0 auto;}

/****~~~~-content structure~~~~*****/
#content {display:inline;float:left;margin-top:10px;margin-left:260px;width:440px;}

#main.fullWidth {width:100%; *margin-left:21px;}


#main.fullWidth #content {clear:both;display:block;float:none;margin:0 auto;padding-top:10px;width:960px; }
#main.noLeftCol #content {margin-left:0;width:700px;}
#main.noRightCol #content {width:700px;}
/*.mainContentWrap {background:transparent url(../../../../images/bg/bottom440.gif) bottom left no-repeat;float:left;padding-bottom:3px;}
*/.noRightCol .mainContentWrap, .noLeftCol .mainContentWrap {background-image:url(../../../../images/bg/bottom700.gif)}
.fullWidth .mainContentWrap {background-image:url('http://www.bppbusiness.com/images/bg/bottom960.gif') ; width:960px}
.mainContent {background:#FFF url(../../../../images/bg/gradient.gif) bottom left repeat-x;border:1px solid #c4c4c4;border-width:0 1px;float:left;min-height:100px;padding:10px;width:960px;}
.noRightCol .mainContent, .noLeftCol .mainContent {width:678px;}
.fullWidth .mainContent {width:938px;}

/****~~~~-content elements~~~~*****/
#content dl,#content ol,#content ul {clear:both;float:left;padding:0.5em 0;}
#content p, #content li,.spotlight p,.spotlight li {line-height:1.6em;}
#content li,.spotlight li,.featureLink a{background:transparent url(../../../../images/icons/bullet.gif) 0 6px no-repeat;padding-left:15px;}
.mainContent .form {float:left;padding:0.5em 0;width:100%;}
.mainContent .form div .submit {float:right;}
.mainContent .buttons img {border:0;margin:0 10px 0 0;}
.landingImage {background:transparent;float:left;font-size:0;line-height:0;width:440px;}
.landingImage img {border:1px solid #CCC;margin-bottom:20px;width:438px;}
.searchResult, .newsItem {border-bottom:1px solid #CCC;float:left;padding:0.5em 0 1em;width:100%;}
.mainContent .searchResult h2, .mainContent .newsItem h2  {padding-bottom:0;}
.newsItem img {border:1px solid #CCC;float:left;margin:0 1em 0.5em 0;}
.newsItem p {padding-top:0;}
.newsItem .date {color:#999;}
#content .siteMap{margin:0;padding:0;width:100%;}
#content .siteMap ul{margin:0;padding:0;}
#content .siteMap li{background:transparent url(../../../../images/icons/down.gif) 0 6px no-repeat;clear:none;float:left;margin:0;padding:0 0 50px 10px;width:459px;}
#content .siteMap li a{color:#305982;font:1.4em "Trebuchet MS",arial;}
#content .siteMap li li{background:transparent url(../../../../images/icons/bullet.gif) 0 12px no-repeat;clear:both;padding:5px 0 0 15px;width:444px;}
#content .siteMap li li a{color:#3A89A3;font:bold 1em arial,sans-serif;}
#content .siteMap li li li{width:272px;}
#content .siteMap li li li a{font-weight:normal;}
#campusMap{border:1px solid #CCC;float:left;height:400px;width:400px;}
#campusMap noscript p{padding:1em;}
.javascript #content #mapBar{background:#EFEFEF;border:1px solid #CCC;clear:none;float:right;margin:0;padding:10px;width:238px;}

/****~~~~-right bar~~~~*****/
#rightCol {float:right;margin-top:10px;width:240px;}
.spotlight {float:left;margin-bottom:20px;}
.spotlight img {border:1px solid #CCC;margin:0.25em;}
.spotlight .buttons img {border:0;margin:0 10px 0 0;}
.spotlightOuter {background:transparent url(../../../../images/bg/bottom240.gif) bottom left no-repeat;float:left;padding-bottom:3px;}
.spotlightInner {background:#FFF url(../../../../images/bg/gradient.gif) bottom left repeat-x;border:1px solid #c4c4c4;border-width:0 1px;float:left;min-height:100px;padding:10px;width:218px;}
.tertiaryNav {position:relative;width:240px;}
.tertiaryNav li {background:transparent url(../../../../images/nav/tertiaryBot.gif) bottom left no-repeat;float:left;padding-bottom:5px;width:240px;}
.tertiaryNav a {background:transparent url(../../../../images/nav/tertiaryTop.gif) top left no-repeat;color:#333;display:block;float:left;font:bold 1em "Trebuchet MS",arial,sans-serif;min-height:20px;padding:10px 5px 0 35px;text-transform:uppercase;width:205px;}
.javascript .tertiaryNav {display:none;}


/*****~~~~pop up~~~~*****/
body.popUp {padding:4em;}
.popUp form {background:#FFF;border:1px solid #CCC;padding:1em;}
.popUp ul {padding:0.5em 0;}
.popUp li, .popUp p {line-height:1.6em;}

.clearfix:after
        {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        a:link
        {
            font-family: Arial;
            font-size: 8pt;
            text-decoration: none;
            color: Black;
        }
        a:visited
        {
            font-family: Arial;
            font-size: 8pt;
            text-decoration: none;
            color: Black;
        }
        a:hover
        {
            font-family: Arial;
            font-size: 8pt;
            color: Black;
            text-decoration: none;
        }
        #menu
        {
            background: #0C4387 url(../../../../images/nav/mainNav.gif) 0 0 repeat-x;
            border: 1px solid #001E56;
            border-width: 1px 0;
            clear: both;
            float: left;
            text-align: center;
            margin-bottom: 10px;
            min-height: 2.5em;
            width: 100%;
        }
        #menu ul
        {
            border-left: 1px solid #001E56;
            float: left;
        }
        #menu li
        {
            border-right: 1px solid #001E56;
            float: left;
        }
        #menu li a
        {
            color: #FFF;
            font: bold 1.1em "Trebuchet MS" ,arial,sans-serif;
            display: block;
            float: left;
            padding: 0.25em 1em;
            text-transform: uppercase;
        }
        #menu li a:hover, #menu li.on a
        {
            background: #001E56 url('http://www.bppbusiness.com/images/nav/mainNavOn.gif') 0 0 repeat-x;
            color: #FFF;
            text-decoration: none;
        }
             
        h1
        {
            background: transparent url('http://www.bppbusiness.com/images/bg/h1-440-top.gif') top left no-repeat;
            color: #FFF;
            float: left;
            font: bold 1.3em "Trebuchet MS" ,arial,sans-serif;
            min-height: 20px;
            padding: 6px 5px 5px 35px;
            text-transform: uppercase;
           
            width: 400px;
        }
        .mainContentWrap
        {
            background: transparent url('http://www.bppbusiness.com/images/bg/bottom440.gif') bottom left no-repeat;
            float: left;
            padding-bottom: 3px;
        }
        .mainContent
        {
            background: #FFF url('http://www.bppbusiness.com/images/bg/gradient.gif') bottom left repeat-x;
            border: 1px solid #c4c4c4;
            border-width: 0 1px;
            float: left;
            min-height: 100px;
            padding: 10px;
            width: 938px;
          
        }
        .fullWidth h1
        {
            background-image: url('http://www.bppbusiness.com/images/bg/h1-960-top.gif');
            width: 960px;
        }
        h2
        {
            clear: both;
            color: #0C4387;
            font: 1.4em "Trebuchet MS" ,arial,sans-serif;
            line-height: 100%;
        }
        .h2
        {
            background: transparent url('http://www.bppbusiness.com/images/bg/h2-240-top.gif') top left no-repeat;
            float: left;
            width: 240px;
        }
        .h2 h2
        {
            background: transparent url('http://www.bppbusiness.com/images/bg/h2-240-bot.gif') bottom left no-repeat;
            color: #333;
            float: left;
            font-size: 1.2em;
            font-weight: bold;
            min-height: 25px;
            padding: 7px 5px 5px 35px;
            text-transform: uppercase;
            width: 418px;
        }
        #footer
        {
            clear: both;
            padding-top: 2em;
            
        }
        #footer li
        {
            float: left;
            font-size: 0.9em;
        }
        #footer a
        {
            color: #000;
            font-weight: normal;
        }
        #footer .wrapper
        {
        	
            background: transparent url('http://www.bppbusiness.com/images/bg/footerTop.gif') top left no-repeat;
            padding-top: 3px;
            width:960PX;
     
			
        }
        #footer .quickLinks
        {
            background: transparent url('http://www.bppbusiness.com/images/bg/bottom960.gif') bottom left no-repeat;
            clear: both;
            float: left;
            padding-bottom: 3px;
        }
        #footer .quickLinksInner
        {
            background: #FFF url('http://www.bppbusiness.com/images/bg/gradient.gif') bottom left repeat-x;
            border: 1px solid #c4c4c4;
            border-width: 0 1px;
            float: left;
            padding: 0 10px;
            width: 938px;
        }
        #footer .quickLinks ul
        {
            float: left;
            padding: 0.5em 0;
        }
        #footer .quickLinks li
        {
            display: inline;
            font-weight: bold;
            margin-right: 10px;
            width: 224px;
        }
        #footer .bottomBar
        {
            background: #FFF;
            clear: both;
            float: left;
            padding: 1em 0;
            text-align: center;
            width: 100%;
        }
        #footer .bottomBar li
        {
            background: transparent url('http://www.bppbusiness.com/images/bg/bar.gif') center right no-repeat;
            display: inline;
            float: none;
            padding: 0 0.75em;
        }
        #footer .bottomBar li.last
        {
            background: none;
        }
        #footer .bottomBar li.copy
        {
            background: none;
            clear: both;
            color: #666;
            display: block;
            float: left;
            padding: 0.5em 0;
            text-align: center;
            width: 100%;
        }
        #footer .bottomBar li.copy a, #footer .bottomBar li.copy sup
        {
            font-style: italic;
        }
        
        .box960
        {
        	
        	width:960px !important;
        	margin-left:0 !important;
        	
        }