/**************************************************************
 Content Stylesheet                                                   
 This stylesheet is specifies the styles for the individual content pages.                                                          
/**************************************************************
/**************************************************************
Rules to merge - possible the achors too                
/**************************************************************/
p.intro-text {clear: both; font: 12px/1.5em verdana; overflow: visible; margin-top: 10px;}
p.col-text    {margin: 0 10px 10px 15px;}
p.col-text_2  {margin: 0 10px 10px 10px;}
.more-text-space {line-height: 160%;}
.top-indent      {padding-top: 10px;}
div p span {background-color: #ffd;}
/* Rules for content pages only                                  
/**************************************************************/
#content {float: left; position: relative; margin: 0; padding: 0; background-color: white; width: 590px;}
.img-top-shadow {background: url(../images/bkg-logo.gif) repeat-x 0% 0%; width: 590px; height: 10px; margin-top: -4px; padding: 0; border: 0px;}
.img-oth-shadow {background: url(../images/bkg-logo.gif) repeat-x 0% 0%; width: auto; height: 10px; padding: 0; margin-bottom: 5px;}
a.a-standard  {font: 11px/1.8em verdana; color: #408; text-decoration: none; background: url(../images/small_arrow.gif) no-repeat 0% 50%; margin-left: 15px; padding: 3px 3px 3px 15px;}
a.a-standard:hover, a.a-alternate:hover {background-color: #dfdfdf; color: black; border-bottom: 1px solid gray;}
a.a-alternate {font-size: 11px; color: #408; text-decoration: none; border-bottom: 1px dotted #AAA; margin-left: 15px; padding: 3px 0;}
a.a-indent {margin-left: 40px;}
/* MAIN                                                                         
/**************************************************************/
.main-welcome {border-bottom: 1px solid #ddd; float: left; display: inline; margin: 0 10px 10px 10px; padding-bottom: 10px; width: 570px;}
.main-welcome h2 {font-size: 1.8em; color: #900; margin: 0 10px 0 0;}
.main-welcome p  {margin: 15px 20px 0 28px;}
.main-welcome .signature {float: right; display: inline; font-size: 11px; color: #333; margin: 0 50px 5px 0;}
.main-welcome .signature span {font-size: 9px;}
.main-news {float: left; display: inline; width: 375px; margin: 0 5px 10px 5px; border-right: 1px solid #ddd;}
.main-news div {border-bottom: 1px solid #ddd; margin: 3px 10px 5px 10px; padding-bottom: 8px;}
.main-news p.news-date {margin: 0 0 5px 0; font: 10px verdana; color: #999; padding: 0;}
.main-news div.news-hdr-row {width: 355px; float: left; display: inline; margin: 0 10px; padding: 0; border: none;}
.news-hdr-row div {font-size: 11px; border: none; float: right; margin: 0; padding-top: 10px;}
.news-hdr-row h3  {float: left; margin: 0; padding: 0; border: none;}
.news-hdr-row a   {text-decoration: none; margin: 0; padding: 0; color: #408; }
.main-news a:hover {background-color: #ddd;}
.main-news .news-hdr-wrap {padding: 4px 3px 4px 28px; margin: 2px 0; padding-top: 0; font: bold 12px verdana; border: none;}
.main-news .n_type {background: url(../images/icon_news.gif) no-repeat 0 0;}
.main-news .e_type {background: url(../images/icon_event.gif) no-repeat 0 0;}
.main-news a.news-hdr  {color: #900; text-decoration: none; margin: 0; padding: 2px;}
.main-news p.news-body {margin: 2px 0; font: 11px/1.4em verdana; color: #666;}
.main-options {
    font: 1.2em georgia, verdana, serif; color: #600; text-align: center;
    width: 180px;
    float: left;
    margin-top: 10px; padding: 0;
}
.main-options div {
    text-align: center; background-color: #F6F3E9;
    width: 158px;
    padding: 10px 4px; margin: 6px;
    border: 1px solid #DDD;
}
.main-options img {margin-top: 10px;}

/* BOXES AND LINES                                                  
/**************************************************************/
.horiz-line {border-bottom: 1px solid #ddd; margin: 0 10px 8px 12px; clear: both;}
.box-border {border: 1px solid #ddd; background-color: #ffe;}
.spacer {clear: both; font-size: xx-small !important; line-height: 0.1em; margin: 0px; padding: 0px;}
.img-banner { width: 600px; height: 150px; float: left; margin: 0px; padding: 0px; border: none;}
.gray-box {background-color: #F8F8F8; border: 1px solid #eee; float: left; display: inline; margin: 0 10px 10px 12px; padding: 10px; width: 540px;}
.gray-box a.rhs {float: right; margin: 0 10px 0 0;}
.gray-box span {font: 11px/1.4em verdana; margin: 0; margin-left: 45px; padding: 0;}
.gray-box li span {margin-left: 15px;} /*unless within a list item */
.gray-box .span-indent {margin-left: 40px;} /*specificity!!*/
div.row { float: left; width: 500px; clear: both; margin: 0; padding: 0;}
span.span-left {float: left; width: 80px; text-align: left; }
span.span-right {margin-left: 10px !important; text-align: left;}
/*-------------------------------------*/
/* =Location                           */  
#display-div-block {
    display: none; background-color: #eee;
    margin: 10px 10px 10px 40px; padding: 10px 0px;
    border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;
    border-top: 1px solid #fff; border-left: 1px solid #fff;
}
ul#dir {font: 11px/1.4em verdana; margin-right: 15px;}
ul#dir li {padding: 2px 0;}
ul#dir i {font-style: normal; background-color: #ffd;}
.img-map { margin: 10px 0 10px 15px;}
/*-------------------------------------*/
/* =Facilities                         */
.fac-img {float: right; margin: 3px 13px; clear: right; border: 1px solid gray; padding: 2px;}
/*-------------------------------------*/
/* =Accreditations  & =Partners  */
.accred-box  {margin: 10px 15px;}
.accred-box img {float: left;}
.accred-box h3  {padding-left: 3px; font-family: Georgia, "Times New Roman", Serif;}
.accred-box p {}
.accred-box .a-standard {margin-left: 15px;}
.text-ljust { padding-left: 95px;}
.text-ljust h3 {margin-left: 10px;}
/*-------------------------------------*/
/* =WhyCTL                             */
.why-box {border-bottom: 1px solid #ddd; margin: 10px 0 0 10px; padding: 0 0 10px 0; float: left; clear: both; display: inline; width: 565px;}
.why-box h3 {margin: 0 0 10px 0;}
.why-box p  {margin: 0; padding: 0 4px;}
.why-ljust {margin: 0px 10px 0 60px;}
.why-box img {float: left; padding: 5px; margin: 0 10px 0 0;}
.why-box img.border {border: 1px solid #ddd; background-color: #f8f8f8;}
.why-box .img-right {float:right; margin: 0 0 0 10px;}
/*-------------------------------------*/
/* =About CTL                          */
.content-menu-row {float: left; display: inline;}
.content-menu-item {width: 275px; float: left; padding: 0 0 0 15px;}
.content-menu-item h3 {font-size: 18px; background-color: #ffd; margin: 10px 10px 10px 0; padding: 2px; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}
.content-menu-a {color: #28f; text-decoration: none; padding: 2px 10px 2px 0;}
.content-menu-a:hover   {background-color: #eee; color: #408;} 
.content-menu-a:visited {color: #28f;}
.content-menu-item p {font-size: 12px; padding-left: 48px; margin-right: 5px;}
.content-menu-item img {float: left; position: relative;}
.content-menu-item div {height: 50px; width: 58px; float: left; position: relative; display: inline; padding: 0px 0px 4px 0px;}
.testimonial {border-bottom: 1px solid #ddd; float: left; clear: both; display: inline; margin: 10px 15px 5px 15px; padding-bottom: 5px; width: 560px;}
.testimonial div {float: left; width: 420px; display: inline;}
.testimonial p   {margin: 0 10px 5px 0;}
.testimonial h3  {margin-left: 0; margin-top: 0; padding-left: 0;}
.testimonial img {border: 1px solid #aaa; padding: 2px;}
.testimonial img.right {float: right; margin: 5px;}
.testimonial img.left  {float: left; margin-right: 10px;}
/*-------------------------------------*/
/* =International Offices              */
/* =Jobs                               */
.jobs-table {font: 11px/1.4em verdana; background-color: #ffe; width: 560px; margin: 0 15px 10px 15px; border: 1px solid #DDD; border-collapse: collapse;}
.jobs-table thead tr {color: black; background-color: #EEE;}
.jobs-table thead td {border-bottom: 1px solid #DDD;}
.jobs-table td {height: 25px; padding: 2px 4px;}
ol#apply {font: 11px/1.4em verdana;}
ol#apply li {padding: 3px 0; margin: 0 0 5px 15px;}
ol#apply li span {background-color: #ffd;}
.small-note {font: 10px/1.1em verdana; margin: 0px 10px;  padding-top: 0px;}
/*-------------------------------------*/
/* =International Students             */
div#content .business-box h3, div#content .computing-box h3, div#content .english-box h3 {margin-bottom: 3px;}
div#content .img-icon {float: left; position: relative; padding: 0px 8px 0px 4px; margin-left: 8px;}
/* this is the same styling as the content-menu-item div. probably better to replace that with this.*/
div#content .hdr-ljust {float: left; position: relative;}
/*----------------------------------------*/
/* =Business =Computing =English          */
h2.hdr-main-course {font-size: 28px; margin-bottom: 0;}
h3.hdr-main-extra  {line-height: 0.7em; color: #28f; margin-bottom: 15px;}
h3.hdr-main-extra span {font-size: 0.7em; font-style: italic;}
h3.hdr-sub {clear: both; margin: 10px 15px; padding: 4px 0 2px 0; border-top: 0px solid #28f; border-bottom: 1px solid #bdf;}
h3.hdr-sub span {background-color: #ffd; font-weight: bold;}
h2.hdr-uwl {border-bottom: 1px solid #eee; margin: 0 0 15px 10px; padding: 15px 0 5px 65px; background: url(../images/logo_uwl7.gif) no-repeat 0 0;}
#business-articulation {
    font: 0.5em/0.1em verdana;
    background: url(../images/img_art_bab.gif) no-repeat 50% 50%;
    width: 560px; height: 510px;
    border: none;
    margin-left: 15px; padding: 0;
}
#map-bus-art a { position: relative; float: left; text-decoration: none; padding: 0; border: none; margin: 0;}
#map-bus-art a i { visibility: hidden;}
a#map-babf {background: url(../images/map_babf.gif); left: 95px;   top: 125px; height: 81px;  width: 91px;}
a#map-babm {background: url(../images/map_babm.gif); left: 133px;  top: 239px; height: 139px; width: 91px;}
a#map-babt {background: url(../images/map_babt.gif); left: 165px;  top: 239px; height: 71px;  width: 91px;}
a#map-mba  {background: url(../images/map_mba.gif);  left: -50px;  top: 412px; height: 81px;  width: 91px;}
a#map-mep  {background: url(../images/map_mep.gif);  left: -17px;  top: 386px; height: 71px;  width: 91px;}
a#map-babz {background: url(../images/map_babz.gif); left: -359px; top: 51px;  height: 25px;  width: 86px;}
a#map-babe {background: url(../images/map_babe.gif); left: -231px; top: 26px;  height: 25px;  width: 86px;}
a#map-ae01 {background: url(../images/map_ae01.gif); left: -107px; top: 0px;   height: 25px;  width: 87px;}
#map-bus-art a:hover { background-position: 0 -144px; }
#computing-articulation {
    font: 0.5em/0.1em verdana;
    background: url(../images/img_art_bit.gif) no-repeat 50% 50%;
    width: 560px; height: 510px;
    border: none;
    margin-left: 15px; padding: 0;
}
#map-bit-art a { position: relative; float: left; text-decoration: none; padding: 0; border: none; margin: 0;}
#map-bit-art a i {visibility: hidden;}
a#map-bitf {background: url(../images/map_bitf.gif); left: 94px;   top: 125px; height: 81px;  width: 91px;}
a#map-bit  {background: url(../images/map_bit.gif);  left: 132px;  top: 231px; height: 149px; width: 91px;}
a#map-bibt {background: url(../images/map_bibt.gif); left: 164px;  top: 231px; height: 81px;  width: 91px;}
a#map-mit  {background: url(../images/map_mit.gif);  left: -50px;  top: 411px; height: 81px;  width: 90px;}
a#map-bitz {background: url(../images/map_bitz.gif); left: -267px; top: 51px;  height: 25px;  width: 87px;}
a#map-bite {background: url(../images/map_bite.gif); left: -231px; top: 51px;  height: 25px;  width: 87px;}
#map-bit-art a#map-ae01 {background: url(../images/map_ae01.gif);  left: -14px; top: 26px;   height: 25px;  width: 87px;}
#map-bit-art a:hover { background-position: 0 -151px; }
#map-bit-art a#map-ae01:hover { background-position: 0 -144px; }
#english-articulation {
    font: 0.5em/0.1em verdana;
    float: left; display: inline;
    background: url(../images/img_art_eng.gif) no-repeat 50% 50%;
    border: none;
    margin: 0 5px 10px 10px; padding: 0;
    width: 350px; height: 490px;
}
#map-eng-art a { position: absolute; float: left; text-decoration: none; padding: 0; border: none; margin: 0;}
#map-eng-art a i { visibility: hidden;}
a#map-ae03 {background: url(../images/map_ae03.gif); height: 94px; width: 91px; left: 117px; top: 12px;}
a#map-ae02 {background: url(../images/map_ae02.gif); height: 99px; width: 91px; left: 28px; top: 138px;}
a#map-ae01-full {background: url(../images/map_ae01_full.gif); height: 94px; width: 91px; left: -64px; top: 270px;}
#english-articulation a:hover {background-position: 0 99px;}
.eng-box {
    border: 1px solid #ddd;
    width: 210px;
    float: left;
    background-color: #ffe;
    margin-bottom: 10px; padding-bottom: 5px;
}
.eng-box h3 {margin: 5px 10px 5px 5px;}
.eng-box p  {margin: 5px 10px 5px 12px;}
.eng-box ul {font-size: 11px; padding-left: 25px; margin: 5px 10px 5px 0; }
.eng-box ul li {padding: 4px 0;}
/* =Faculty & Tour                     */
div.img-block {margin: 2px 15px; clear: both;}
div.img-block img {border: none;}
/*-------------------------------------*/
/* =Course                             */
.crs-hdr-logo   {float: left; position: relative; margin-top: -5px;}
.crs-hdr-logo_2 {float: left; position: relative; padding: 15px 5px;}
.crs-hdr-eng {font-size: 1.8em; margin: 0 0 5px 8px;}
.sub-to-val  {text-align: right; margin-right: 15px; padding-top: 3px; font-size: 10px;}
.crs-tag-line {font: italic 20px/1.2em georgia; color: #77F; text-align: center; margin: 15px 75px 5px 75px;}
.crs-key-facts {
    font: 11px/1.5em verdana; display: inline; text-align: left;
    float: left; position: relative;
    width: 360px;
    margin: 0 5px 5px 15px;
}
.crs-key-facts div  { margin-left: 10px; padding: 3px 0; float: left; display: inline; width: 349px; border-bottom: 0px solid #ddd;}
.crs-key-facts span { margin: 0;}
.crs-key-facts i { font-style: normal; background-color: yellow; color: blue;}
.crs-eng1 {border-left: 4px solid #408;}
.crs-eng2 {border-left: 4px solid #46d;}
.crs-eng3 {border-left: 4px solid #8ce;}
.crs-bit  {border-left: 4px solid #fc6;}
.crs-bab  {border-left: 4px solid #282;}
.dept     {margin: 15px 0 20px 15px;}
.dept h3  {color: #408; border-bottom: 1px solid #eee; padding: 5px 0 5px 10px; font-size: 1.5em; margin-left: 0;}
.dept-bus {background-color: #bfb;}
.dept-com {background-color: #fe8;}
.dept-eng {background-color: #dff;}
.vlc-box  {padding: 5px 5px 10px 0; border: 0px solid #aaa; margin: 0 10px 10px 12px;}
.crs-key-facts .span-left {float: left; width: 80px; color: #408;}
.crs-key-facts .span-right {margin-left: 10px !important; float: left; width: 255px;}
.crs-key-facts .highlight {background-color: #f2f2f2;}
.crs-h2 {border-top: 1px solid #ddd; padding: 4px 3px; background-color: #F6F3E9;}
.prereq {font: 11px/1.5em verdana; padding-left: 15px; margin: 0 15px 0 40px;}
.prereq li {padding-top: 5px;}
.crs-syl-box {float: left; display: inline; border-top: 1px solid #ddd; margin: 10px 5px 0 15px; width: 272px;}
.crs-syl-box p {margin: 10px;}
.crs-syl-box p.ljust {margin: 10px 5px 10px 0px;}
.crs-syl-box ul {font: 11px/1.4em verdana; margin: 10px 5px 0 0; padding-left: 30px;}
.crs-syl-box ul li {padding: 2px 0;}
.crs-syl-box div {font-weight: bold; margin: 4px 0 2px 0;}
.crs-testimonial {font-size: 0.9em; float: left; background: url(../images/quote_top_small.gif) no-repeat 0% 0%; margin-top: 10px; padding-left: 5px; width: 430px;}
.crs-testimonial p {padding: 5px 5px 0px 5px; margin-bottom: 10px; background: url(../images/quote_bottom_small.gif) no-repeat 100% 100%;}
.crs-testimonial span {margin-left: 20px;}
.crs-lst {font: 11px/1.5em verdana; float: left; display: inline; width: 545px; margin: 0 15px;}
.crs-lst a {color: #333; float: left; clear: both; width: 555px; text-decoration: none; padding: 3px 0;}
.crs-lst span.lft {width: 70px; margin: 0 10px; float: left; display: inline;}
.crs-lst span.rgt {display: block; float: left; width: 455px;}
.crs-lst-bab a:hover {background-color: #bfb; color: blue;}
.crs-lst-bit a:hover {background-color: #fe8; color: blue;}
.crs-lst-eng a:hover {background-color: #dff; color: blue;}
.row_even {background-color: #f4f4f4;}
.row_odd  {background-color: white;}
/* Articulation Diagrams CSS */
.crs-art-box {color: #333; font-size: 12px; height: 60px; margin: 10px 5px;}
.crs-art-box a, .crs-art-box div {
    font: 0.9em/1.4em verdana; text-align: center; text-decoration: none;
    border: 1px solid gray;
    float: left; position: relative; display: inline;
    border: 1px solid #999;
    margin: 10px; padding: 4px 2px;
}
.crs-art-box img {float: left; position: relative; margin: 18px 0; padding: 0;}
div.crs-art-fill_1 {width: 85px; float: left; border: none;}
div.crs-art-fill_2 {width: 65px; float: left; margin-right: 0; border: none;}
.crs-art-box .eng {width: 100px; background-color: #dff;}
div#content a.eng:hover {width: 100px; background-color: #cef; text-decoration: none;}
.crs-art-box .bab-fon {width: 105px; background-color: #bfb;}
div#content a.bab-fon:hover {width: 105px; background-color: #9f9; text-decoration: none;}
.crs-art-box .bab-deg {width: 210px; background-color: #bfb;}
div#content a.bab-deg:hover {width: 210px; background-color: #9f9; text-decoration: none;}
.crs-art-box .bit-fon {width: 105px; background-color: #fe8;} 
div#content a.bit-fon:hover {background-color: #fc6; text-decoration: none;} 
.crs-art-box .bit-deg {width: 210px; background-color: #fe8;} 
div#content a.bit-deg:hover {background-color: #fc6; text-decoration: none;} 
div.two-col {display: inline; float: left; border-right: 1px solid #ddd; width: 285px;}
div.two-col p {margin-top: 5px; font-size: 11px; line-height: 1.5em;}

/*-----------------------------------------*/
/* =Region & =Country                      */
#map-world {font: 0.5em/0.1em verdana; background: url(../images/map_world.gif) no-repeat 50% 50%; margin: 10px; width: 560px; height: 289px;}
#map-menu a { position: relative; float: left; text-decoration: none; padding: 0; border: none; margin: 0;}
#map-menu a i { visibility: hidden; }
a#map-region-na {background: url(../images/map_region_na.gif); height: 94px;  width: 99px; left: 36px;  top: 36px;}
a#map-region-na:hover {background-position: 0 -94px;}
a#map-region-sa {background: url(../images/map_region_sa.gif); height: 154px;  width: 108px; left: -9px;  top: 133px;}
a#map-region-sa:hover {background-position: 0 -152px;}
a#map-region-af {background: url(../images/map_region_af.gif); height: 151px;  width: 111px; left: 10px;  top: 97px;}
a#map-region-af:hover {background-position: 0 -151px;}
a#map-region-eu {background: url(../images/map_region_eu.gif); height: 65px;  width: 80px; left: -90px;  top: 27px;}
a#map-region-eu:hover {background-position: 0 -65px;}
a#map-region-as {background: url(../images/map_region_as.gif); height: 163px;  width: 171px; left: 15px;  top: -62px;}
a#map-region-as:hover {background-position: 0 -163px;}
a#map-region-oc {background: url(../images/map_region_oc.gif); height: 79px;  width: 113px; left: 47px;  top: 192px;}
a#map-region-oc:hover {background-position: 0 -79px;}
.region-item {line-height: 1.5em; float: left; display: inline; margin: 10px 0 0 15px; padding: 3px 0; width: 275px;}
.region-item h3 {margin: 5px 10px 5px 0; padding: 2px; border-bottom: 1px solid #ddd;}
.region-item a {text-decoration: none;}
.region-item a:hover {background-color: #eee;  border-bottom: 1px solid #ccc;}
.region-item a.a-alternate {margin: 0 4px 0 0;}
.country-lst {list-style: none; line-height: 1.5em;}
.country-lst li {padding: 2px 0;}
.hdr-img-flag {padding: 0 5px 0 0; vertical-align: bottom;}
div.note {
    margin: 10px; line-height: 1.4em;
    padding: 7px 0 7px 28px;
    background: url(/images/icon_star_small.gif) no-repeat 3px 50%;
    background-color: #ffe;
}
div.visa_status {
    margin: 10px; padding: 10px;
    background-color: #f8f8f8;
}
h4 {margin: 0 15px;}
ul.course-lst a {color: #28f; text-decoration: none; border-bottom: 1px dotted #aaa; line-height: 1.5em;}
ul.course-lst a:hover {background-color: #ddd; border-bottom: 1px dotted #666;}

/*------------------*/
/* =Fees =Dates     */
.fees-table {font: 11px/1.4em verdana; margin: 20px 10px 20px 10px; border: 1px solid #666; border-collapse: collapse; width: 570px;}
.fees-table h3 {margin: 5px; color: #408;}
.fees-table td {border-top: 1px solid #ccc;}
.fees-table thead th {border-bottom: 1px solid #666; vertical-align: middle; text-align: left; padding-bottom: 3px;}
.fees-table   .cde {padding: 0 8px; border-top: none;}
.fees-table td.cde {border-right: 1px solid #ccc;}
.fees-table   .nme {padding: 4px 6px;}
.fees-table   .dte {font-weight: bold; text-align: center;}
.fees-table   .dth {text-align: center; border-bottom: none; padding: 5px 0;}
.fees-table td.fee {text-align: right; padding-right: 10px;}
.fees-table th.fee {text-align: center; width: 55px;}
.fees-table td.dur {padding-left: 8px; padding-right: 8px; width: 60px; text-align: center;}
.fees-table th.dur {text-align: center;}
.fees-table   .bab {background-color: #bfb;}
.fees-table .bab_2 {background-color: #9f9;}
.fees-table .bit   {background-color: #fe8;}
.fees-table .bit_2 {background-color: #fc6;}
.fees-table .eng   {background-color: #dbffff;}
.fees-table .eng_2 {background-color: #cef;}
.fees-table a {text-decoration: none; font-size: 1em;}
.fees-table a:hover { color: blue; text-decoration: none; border-bottom: 1px dotted #999; padding-bottom: 3px;}
ul.fee-lst {padding-right: 15px;}
ul.fee-lst li {padding: 2px 0;}
ul.fee-lst span {background-color: #ffd;}
table#apt {font: 11px/1.5em verdana; margin: 0 15px 10px 20px; text-align: left; border-collapse: collapse; border: none;}
table#apt tbody td {border-bottom: 1px solid #ddd; padding-left: 4px;}
table#apt tbody td.int, table#apt thead th.int {background-color: #ffe;}
table#apt tbody td.loc, table#apt thead th.loc {background-color: #e6e6ff;}
table#apt thead th {width: 100px; border-bottom: 1px solid gray; padding-left: 4px;}
table#apt thead th.cde {width: 80px;}
table#apt tbody td.alt_i_even {background-color: #efefe0;} 
table#apt tbody td.alt_l_even {background-color: #ddf;}
/*-----------------*/
/* =Downloads      */
.downloads-lst {margin: 10px 15px 10px 15px; line-height: 1.4em;}
.downloads-lst span {display: block; float: left;}
.col2 {width: 480px;}
.col3 {width: 50px;}
.col4 {width: 30px;}
.downloads-lst a {color: #666; padding: 4px 0; display: block; float: left; text-decoration: none; border-bottom: 1px solid #ddd;}
.downloads-lst a:hover {background-color: #eee;}
.downloads-lst img {border: none;}
h3.negative {font-size: 1.3em; color: white; border: 1px solid #eee; background-color: #777; margin-left: 10px; padding: 1px 0 3px 5px;}
/*------------------------*/
/* =London                */
.lon-txt-box {float: left; display: inline; margin: 0 10px 10px 0px; border-right: 1px solid #ddd; width: 375px;}
.pic-box {float: left; width: 190px; padding: 0; margin: 0 0 10px 0;}
.lon-lst {font: 11px/1.4em verdana;}
.lon-lst dt {padding-bottom: 3px; font-weight: bold; margin-left: 15px;}
.lon-lst dd {margin: 0 10px 5px 30px;}
.pic-box a {text-decoration: none;}
.pic-box a:hover {background-color: #ddd; border-bottom: 1px solid #666;}
.lon-tag {margin: 20px 15px;}
h3.lon-h3 {margin: 15px 10px 8px 10px; border-bottom: 1px solid #bbb; padding: 0 0 2px 0;}
a.lon-pic-link {font-size: 0.7em; text-decoration: none; text-align: right; float: right; margin: 0 15px 10px 15px; border: 1px solid #fff;}
a.lon-pic-link:hover {background-color: #dfdfdf; color: black; border-bottom: 1px solid gray;}
.lon-ten-free {background-color: #f8f8f8; border: 1px solid #ddd; margin-top: 10px;}
.lon-ten-in   {background-color: #f8f8f8; border: 1px solid #ddd;}
.lon-ten-out  {background-color: #f8f8f8; border: 1px solid #ddd;}
.pic-box h3 {margin-left: 10px;}
.pic-box h3.ten a {color: #900;}
ol.lon-ten-lst {font: 11px/1.4em verdana; color: #408; padding-top: 5px; margin-top: 0px; clear: both;}
ol.lon-ten-lst li {margin: 0 7px 0 -6px; padding: 2px 0;}

.pic-box h4 {color: #408; margin-left: 10px; font-size: 11px;}
.pic-box div.hdr {color: #408; margin: 5px 10px 5px 20px;}
.lon-links {margin: 10px 15px; font: 11px/1.4em verdana;}
.lon-links dt {margin-bottom: 5px; font-size: 1.1em;}
.lon-links dd {margin-bottom: 10px; margin-left: 0; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
a.a-title {text-decoration: none; padding: 2px 0; border-bottom: 1px solid #ddd;}
a.a-title:hover {background-color: #ddd; border-bottom: 1px dotted #666;}
p#lon-quote {margin: 15px 30px; color: #28f; font: italic 17px/1.3em georgia; text-align: center;}
div.ten-container {float: left; display: inline; width: 555px; margin: 5px 15px 10px 15px; clear: both; border-bottom: 0px solid #ddd;}
div.ten-container span {font-weight: bold; margin: 0; color: #222;}
div.ten-desc p {margin: 5px 10px 5px 0;}
div.ten-container img {margin: 5px 0 5px 5px; float: right;}
div.ten-container i {font: 2em/1em georgia; margin-top: 0; padding-top: 0; padding-right: 5px; font-style: italic;}
div.todo-box {float: left; width: 550px; display: inline; padding: 10px 0 10px 5px; margin: 0 15px; line-height: 1.4em; clear: both;}
div.todo-box div {margin: 0; margin-left: 20px; padding: 0;}
div.todo-box div.hdr, div.todo-box a.hdr {color: #408; font-size: 12px; margin: 0 0 3px 0; float: left; border: none;}
div.todo-box a.link {text-decoration: none; border-bottom: 1px dotted #ddd; margin-bottom: 5px; margin-left: 5px;}
div.todo-box a.link:hover {background-color: #dfdfdf; color: black; border-bottom: 1px solid gray;}
div.todo-box img {float: right; padding: 2px; border: 1px solid #666; margin: 0 0 0 10px;}
div.todo-box p {margin: 0 10px 5px 0; clear: left;}
div.todo-box .row_even {background-color: #f8f8f8;}
h3.hdr-sub span {background-color: #ffe;}
/*--------------*/
/* =Accomm      */
.acc-table {font: 11px/1.5em verdana; border: 1px solid #ddd; border-collapse: collapse; margin: 10px 10px 13px 15px;}
.acc-table th {background-color: #ddd; text-align: center; width: 180px; padding: 5px 0; border-bottom: 1px solid #ddd;}
.acc-table td {border-top: 1px solid #ddd; padding: 3px 0; text-align: center;}
/*--------------*/
/* =Contact     */
#frm_enquiry {background-color: #f8f8f8; margin: 10px 15px; font-size: 11px; width: 558px;}
#frm_enquiry div {margin: 0; padding: 8px 0; clear: both;}
#frm_enquiry div label {width: 130px; float: left; display: inline; margin: 0 5px 0 15px;}
#frm_enquiry div span {float: left; width: 390px; margin: 0;}
#frm_enquiry .btn_submit {text-align: center; margin: 15px 0 15px 250px;}
#frm_enquiry textarea {width: 382px;}
#frm_enquiry .chk-box {float: left; width: 525px; line-height: 1.4em; margin: 10px 10px 0 10px; display: inline; padding: 5px; border: 1px solid #ddd; background-color: #ffe; border-bottom: 1px solid #bbb; border-right: 1px solid #bbb;}
#frm_enquiry .chk-box span.btn   {width: 30px; float: left; margin: 0; display: block;}
#frm_enquiry .chk-box span.label {width: 480px; float: left; margin: 0; display: block;}
#frm_enquiry span input {padding: 2px 0;}
#pages {font-size: 11px; margin: 10px; padding: 5px; border: 1px solid #ddd; background-color: #eee; clear: both;}
#pages a {text-decoration: none;}
/*------------------------*/
/* Apply  & Payments      */
dl.adm {margin: 10px 15px 15px 0; line-height: 1.4em;}
dl.adm dt {padding: 5px 0 0 0; clear: both;}
dl.adm dd {margin-bottom: 10px;}
dl.adm dt h3 {margin-top: 0; padding-top: 0;}
dl.adm ul {margin: 8px 15px; padding-left: 25px;}
dl.adm dd img {float: right; margin: 0 5px; padding: 2px; border: 1px solid #000;}
div.pay-box {width: 535px; background-color: #f8f8f8; border: 1px solid #ddd; margin: 10px 15px; font: 11px/1.4em verdana; float: left; display: inline; padding: 10px;}
div.pay-box span     {margin-left: 30px; width: 280px; display: block; float: left;}
div.pay-box span.lft {width: 100px; clear: left;}
div.pay-box div.star {background: url(../images/icon_star_small.gif) no-repeat; padding-left: 25px; line-height: 1.5em;}
/*----------------------------*/
/* FAQs and NVQ About         */
dl.adm p  {margin: 5px 0;}
dl.adm ul.no-bullet {list-style-type: none;}
dl.lst-levels dt {font-weight: bold; margin-left: 0px;}
dl.lst-levels dd {margin-left: 0; margin-bottom: 5px;}
ol.lst-questions {font: 11px/1.4em verdana; margin: 20px 10px 10px 20px; padding-left: 40px;}
ol.lst-questions li {padding: 2px 0;}
ol.lst-questions a {text-decoration: none; border-bottom: 1px dotted #666;}
ol.lst-questions a:hover {background-color: #eee; border-bottom: 1px solid #666;}
/*----------------------------*/
/* =Sitemap                   */
ul.crd-lst li {padding: 2px 0;}

/* Programme Changes 18-May-2010 */
div.pgm-list {float:left; display:inline; margin: 20px 10px 20px 15px; width: 550px; border-left: 0px solid green;}
div.pgm-list span.lft {width: 80px; margin: 0; float: left; display: inline;}
div.pgm-list span.rgt {display: block; float: left; width: 465px;}
div.pgm-list div {float:left; padding: 4px 0;}
div.pgm-list a {text-decoration: none;}
div.pgm-list a:hover {border-bottom: 1px dotted #999; background-color: #e5e5e5; padding-bottom: 2px;}
div.ps-box {float:left;display:inline;margin:15px;width:545px;}
div.ps-box div.lft {float:left;display:inline;width:90px;margin: 0 10px 5px 0;font-weight: bold;padding-bottom:3px;padding-top:3px;clear:left;}
div.ps-box div.rgt {float:left;display:inline;width:440px;border-bottom:1px solid #eee;padding-bottom:3px;padding-top:3px;}
#bus-art-map {font: 0.5em/0.1em verdana;background: url(../images/img-pre-sessional-articulation-3.gif) no-repeat 50% 50%;width: 548px; height: 501px;border: none;margin-left: 15px; padding: 0;}
#com-art-map {font: 0.5em/0.1em verdana;background: url(../images/img-pre-sessional-articulation-1-bit.gif) no-repeat 50% 50%;width: 548px; height: 501px;border: none;margin-left: 15px; padding: 0;}

.prm-art a { position: relative; float: left; text-decoration: none; padding: 0; border: none; margin: 0;height:85px;width:84px;}
.prm-art a:hover {background-position: 85px 85px; }
.prm-art a i {visibility: hidden;}
.prm-art a#img-psae0 {left: 83px;top:80px;}
.prm-art a#img-psae0:hover { background: url(../images/img-psae0.gif);}
.prm-art a#img-psae1 {left: -66px;top:179px;}
.prm-art a#img-psae1:hover { background: url(../images/img-psae1.gif) 84px 85px;}
.prm-art a#img-psee0 {left: -151px;top:272px;}
.prm-art a#img-psee0:hover { background: url(../images/img-psee0.gif) 85px 85px;}
.prm-art a#img-psee1 {left: -172px;top:371px;}
.prm-art a#img-psee1:hover { background: url(../images/img-psee1.gif);}
.prm-art a#img-psae2 {left: -33px;top:44px;}
.prm-art a#img-psae2:hover { background: url(../images/img-psae2.gif);}
.prm-art a#img-psae3 {left: -14px;top:81px;}
.prm-art a#img-psae3:hover { background: url(../images/img-psae3.gif);}
.prm-art a#img-psee1-1 {left: 454px;top:96px;}
.prm-art a#img-psee1-1:hover { background: url(../images/img-psee1.gif) 85px 85px;}
.prm-art a#img-psee2 {left: 370px;top:189px;}
.prm-art a#img-psee2:hover { background: url(../images/img-psee2.gif);}
.prm-art a#img-psmep {left: 238px;top:292px;}
.prm-art a#img-psmep:hover { background: url(../images/img-psmep.gif);}
.prm-art a#img-psbmf {left: 51px;top:322px;}
.prm-art a#img-psbmf:hover { background: url(../images/img-psbmf.gif);}
.prm-art a#img-babm {left: -172px;top:140px;}
.prm-art a#img-babm:hover { background: url(../images/img-babm.gif);}
.prm-art a#img-bit {left: -172px;top:140px;}
.prm-art a#img-bit:hover { background: url(../images/img-bit.gif);}
.prm-art a#img-mba {left: -117px;top:140px;}
.prm-art a#img-mba:hover { background: url(../images/img-mba.gif);}