.subtitle {
    text-align: center;
    font-size: 26px;
    color: #6d6d6d !important;
}
.divider {
    background: black;
    color: #ff7e00 !important;
    font-size: 26px;
    text-align: center;
}
/* programmes */

#programmes {
    width: 100%;
    height: 295px;
    padding-top: 50px;
}
.tabbed_box h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    color: #ffffff;
    letter-spacing: -1px;
    margin-bottom: 10px;
}
.tabbed_box h4 small {
    color: #e3e9ec;
    font-weight: normal;
    font-size: 9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: relative;
    top: -4px;
    left: 6px;
    letter-spacing: 0px;
}
.tabbed_area {
    width: 100%;
    padding-top: 8px;
    background: #000;
    height: 343px
}
ul.tabs {
    margin: 0px;
    padding: 0px;
}
ul.tabs li {
    list-style: none;
    display: inline;
    float: left;
}
ul.tabs li a {
    background-color: #0a0a0a;
    color: #fff;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
ul.tabs li a:hover {
    background-color: #2f343a;
    border-color: #2f343a;
}
ul.tabs li a.active {
    background-color: #2a2a2a;
    color: #f93 !important;
}
content {
    background-color: #2a2a2a;
}
.box {
    height: 255px;
    width: 100%;
}
.box .major {
    width: 285px;
    height: 153px;
    float: left;
}
.box .major:hover {
    width: 285px;
    opacity: 0.8;
    float: left;
}
ul.tabs {
    margin: 0px;
    padding: 0px;
    margin-bottom: 29px;
}
.content ul {
    margin: 0px;
    padding: 0px 20px 0px 20px;
}
.content ul li {
    list-style: none;
    border-bottom: 1px solid #d6dde0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
}
.content ul li a {
    text-decoration: none;
    color: #3e4346;
}
.content ul li a small {
    color: #8b959c;
    font-size: 9px;
    text-transform: uppercase;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    left: 4px;
    top: 0px;
}
#content_2,
#content_3 {
    display: none;
}
.showing {
    display: none;
}
.img315 {
    height: auto;
    min-height: 315px;
}
.spacing {
    margin-top: 2em
}
.spacing-form {
    margin-top: 0.5em
}
.background {
    padding: 15px 15px;
    background: #fa5105;
    color: #fff
}
.team-background {
    padding: 15px 15px;
    box-shadow: 1px 1px 6px #888888;
    background: #fff;
    margin-bottom: 2em;
    height: 20em;
}
.team-content {
    text-align: center;
    padding: 20px 20px;
}
.showcase {
    color: #666666 !important;
	font-weight:bold;
    text-align: center
}
.title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #fa5105
}
/* mobile course tab */

div.tab {
    overflow: hidden;
}
.tabDip {
    background: #000;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.tabDip:hover {
    background: #ff7e00;
    color: #000;
}
.tabDe {
    background: #000;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.tabDe:hover {
    background: #ff7e00;
    color: #000;
}
/* Style the buttons inside the tab */

div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}
/* Change background color of buttons on hover */

div.tab button:hover {
    background-color: #ddd;
}
/* Create an active/current tablink class */

div.tab button.active {
    background-color: #ccc;
}
/* Style the tab content */

.tabcontent {
    display: none;
    padding: 0;
    background: #222222;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
/* Style the close button */

.topright {
    float: right;
    cursor: pointer;
    font-size: 20px;
}
.course {
    padding: 20px;
}
.mm {
    border-top: 2px solid #01bef6;
}
.fineart {
    border-top: 2px solid #07a79f;
}
.ad {
    border-top: 2px solid #fc7410;
}
.dg {
    border-top: 2px solid #74d03d;
}
.il {
    border-top: 2px solid #a745f0;
}
.fd {
    border-top: 2px solid #ed201b;
}
.id {
    border-top: 2px solid #e82476;
}
.de {
    border-top: 2px solid #4967a3;
}
.congra {
    font-family: 'Boulevard BQ';
    font-size: 48px;
    color: #fc7410;
    margin: 0 0 0 0;
    line-height: 1.2
}
.lecTitle {
    font-size: 25px;
    line-height: 0;
    margin-top: 40px;
    color: #fa5105;
    font-weight: bold
}
.course-background {
    padding: 15px 70px;
    background: #fa5105;
    color: #fff;
}

.dg-title {
    font-size: 24px;
    color: #6bcd38;
    font-weight: bold
}
.deg-title {
    font-size: 24px;
    color: #4967a3;
    font-weight: bold
}

.cs-title {
    font-size: 24px;
    color: #009cdc ;
    font-weight: bold
}
.il-title {
    font-size: 24px;
    color: #ad49fb;
    font-weight: bold
}
.id-title {
    font-size: 24px;
    color: #f8267f;
    font-weight: bold
}
.fd-title {
    font-size: 24px;
    color: #f2211c;
    font-weight: bold
}
.fa-title {
    font-size: 24px;
    color: #07aca5;
    font-weight: bold
}
.ad-title {
    font-size: 24px;
    color: #fd7d12;
    font-weight: bold
}
.mm-title {
    font-size: 24px;
    color: #00c3fd;
    font-weight: bold
}
.found-title {
    font-size: 24px;
    color: #282828;
    font-weight: bold
}
.dg-subtitle {
    font-size: 18px;
    color: #222222;
}
iframe {
    width: 100%;
  
}
.uni-info {
    margin: 0px;
    line-height: 25px;
}
.uni-button {
    background: #ff7e00;
    text-align: center;
    padding: 15px 15px;
    width: 25%;
    color: #fff;
    font-weight: bold
}
.align {
    text-align: center;
}
.intake-margin {
    margin-top: 30px;
}
.intake-title {
    background: #ff8800;
    padding: 10px 10px;
    text-align: center;
}
.intake-title p {
    color: #3c3c3c;
    margin: 0 0 0 0
}
.intake-info {
    padding: 15px 15px;
    box-shadow: 1px 1px 6px #888888;
    background: #fff;
}
.intake-info p {
    font-weight: 700;
    color: #3c3c3c;
    margin: 0 0 0 0;
    text-align: center;
}
.prog-box {
    border: 2px solid #e1e1e1;
    padding: 15px 15px;
}
.prog-box p {
    text-align: center;
}
.arrow {
    text-align: center;
    font-size: 36px;
    color: #ff8800;
}
.prog-mobile {
    background: #252525;
    text-align: center;
    padding: 5px 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.prog-mobile p {
    color: #ff8800;
    font-size: 24px;
}
.more {
    bottom: 0;
    width: 100%
}
.more:hover {
	color:#a33d14;
    bottom: 0;
    width: 100%;
	text-decoration:underline;
	
}

.csience-title {
    background: #009cdc;
    padding: 10px 10px;
    text-align: center
}
.csience-title h6 {
    margin: 0 0 0 0;
    color: white
}
.degree-title {
    background: #4967a3;
    padding: 10px 10px;
    text-align: center
}
.degree-title h6 {
    margin: 0 0 0 0;
    color: white
}
.degree-box {
    padding: 15px 15px;
    box-shadow: 1px 1px 6px #888888;
    background: #fff;
    margin-bottom: 2em;
    height: auto;
}
.degree-course {
    height: 20em;
    padding: 15px 15px;
    box-shadow: 1px 1px 6px #888888;
    background: #fff;
}
.degree-box h6 {
    color: grey
}
.degree-work {
    background: #fd7d12;
    padding: 10px 10px;
    text-align: center
}
.degree-work h6 {
    margin: 0 0 0 0;
    color: white
}
.posTitle {
    font-size: 14px;
    line-height: 20px;
}
.venueTitle {
    font-size: 14px;
    line-height: 20px;
    margin-top: -12px;
}
.name {
    color: #ff7e00;
    font-size: 22px;
    font-weight: normal;
}
.intake-subtitle {
    color: #fa5105;
    font-size: 14px;
    text-align: center;
    margin-top: -12px;
    font-weight: bold;
}

.liston{color: #ff8800 !important;}

/* added by CL 20111103 517pm*/
.listoff{color: #b7b7b7 !important;}

/* added by CL 20111103 517pm*/
.listoff2{color: #505050 !important;}

#main-container {
    width: 989px;
    margin: 0 auto;
}

html>body #page_nav_bar {
    width: 840px;
    height: 32px;
    background: #fff;
    padding: 0px 60px 0 60px;
    z-index: 1;
}

#page_nav_left_container{ float:left; }
#page_nav_center_container {float:left; width:300px; padding:8px 10px 0 10px; margin-left:100px;}
#page_nav_right_container{ float:right; }

#page {display:block; text-align:center; padding: 0 7px 0 7px; margin:0; list-style:none; position:relative; font: 11px Arial, Arial, sans-serif;color:#999; left:130px;}
#page div a {float:left; text-decoration:none; padding: 0 7px 0 7px; cursor:pointer; text-align:center; color:#999; display:block;}
#page div a:hover{ color:#ff8800;}

#btn_page {padding:0; margin-left:0; list-style:none; position:relative; color:#999; height:32px;}
#btn_page li.top {display:block; float:left; width:128px;}
#btn_page li a {display:block; float:left; margin-top:0px; height:32px; text-decoration:none; padding:0; cursor:pointer; text-align:center;}
#btn_page li a b{margin-left:-999px;}
#btn_page li a.first {background: url(../images/base/sub_bt_first.png); width:128px;}
#btn_page li a.previous {background: url(../images/base/sub_bt_previous.png); width:127px;}
#btn_page li a.next {background: url(../images/base/sub_bt_next.png); width:128px;}
#btn_page li a.next-win {background: url(../images/base/sub_bt_next.png); width:128px;}
#btn_page li a.last {background: url(../images/base/sub_bt_last.png); width:127px;} 
#btn_page li:hover a,
#btn_page li a:hover{ background-position:0 32px;}

#page .pagenumber_selected {color:#ff8800;}

#content_title {
    background-color: #FFFFFF;
    width: 100%;
    height: 70px;
    padding: 25px 60px 0 70px;
    text-align: left;
    border-bottom: 1px solid #e6e6e6;
    float: left;
    left: 0;
}

html>body #sub_nav_bar {
    width: 100%;
    height: 40px;
    background: black;
    padding: 0px 60px 0 60px;
}

#titleBar .title {
    font-weight: 700;
    font-size: 20px;
    color: #1d1d1b;
    display: block;
    height: 67px;
    line-height: 0px;
    padding: 0 1em;
    width: 100%;
    text-align: center;
}

.date {
    font-size: 0.7em;
    color: #888888;
    padding-bottom: 5px;
}
.image.fit {
    display: block;
    margin: 0;
    width: 100%;
}

.image.fit img {
    display: block;
    width: 100%;
}

.news-container{
	width:55em;
	margin:0 auto	
}

.news-title { font-size: 1.5em; color:#888888; padding-top:10px;}
	.date {font-size: 0.7em; color:#888888; padding-bottom:5px;}
	.info {padding-bottom:40px; line-height:1.5em;}