html, body {height: 100%;}
body {
 background: #DED5B3 url(../images/bg-shadow-whole3.gif) repeat-y 50% 0;
 font: 11px verdana, Arial, Geneva, sans-serif; text-align: center; color: #555;
 margin: auto; padding: 0;
 }
body#error-page {background: #DED5B3 url(../images/bg-shadow-whole2.gif) repeat-y 50% 0;}
h2 {font: lighter 30px Georgia, Arial, Serif; color: #600; margin: 0 15px 0px 10px; padding: 0 0 7px 5px; border-bottom: 1px dotted #ccc;}
h3 {font: lighter 21px/1.2em Georgia, Arial, Serif; color: #28f; margin: 10px 10px 5px 15px; padding-left: 2px;}
h4 {font: bold 12px/1.4em verdana; margin: 0 0 5px 0; color: #900;}
h1#hdr-title {font: 35px georgia, "Times New Roman"; border: none; margin: 0; padding: 15px 10px 0 25px; color: #600;}
p  {font: 11px/1.45em verdana; margin: 7px 15px;}
/* Hides from IE5-mac - test in quirks mode \*/
* html p.intro-text {height: 1%;}
/* End hide from IE5-mac */
div#outer-container {position: relative; min-height: 100%; padding-bottom: 80px;}
div#head-stripe {background-color: #600; height: 22px; padding: 0; color: #ddd;}
div#inner-head-stripe {width: 760px; margin: auto; background: url(../images/logo_main_star.gif) no-repeat 0% 100%; background-color: #AD103D; height: 22px; font: 10px verdana;}
div#inner-head-stripe span   {float: right; text-align: right; padding: 0 10px; margin: 0;}
div#inner-head-stripe span i {font-style: normal; padding: 0 5px;}
div#inner-head-stripe span a {line-height: 22px; color: #ddd; text-decoration: none; padding: 5px 0;}
div#inner-head-stripe span a:hover {color: white; background-color: #600;}
div#logo {width: 760px; margin: auto; background: url(../images/logo_main.gif) no-repeat 0px 0px; background-color: white; height: 85px;}
div#logo a.home {float: left;  position: relative; display: block; width: 430px; margin: 0 10px;   height: 85px;}
div#logo a.uwl  {float: right; position: relative; display: block; width: 180px; margin: 20px 2px; height: 45px;}
div#nav-bar    {border: 0; height: 21px; background-color: #AD103D; color: white; text-align: left; padding: 5px 0; font: 13px verdana; width: 760px; margin: auto;}
div#nav-bar ul {display: block; list-style: none; margin: 0; padding: 0; border: none; line-height: 21px}
div#nav-bar li {display: inline;}
div#nav-bar a {font: 0.9em verdana; color: white; padding: 8px 9px 9px 9px; text-decoration: none;}
div#nav-bar a:hover, div#nav-bar a.current {background-color: #600; color: white;}
div#inner-container {position: relative; width: 760px; margin: auto; text-align: left;}
div#foot-stripe {font: 10px verdana; background: url(../images/bg-shadow-whole2.gif) repeat-y 50% 0; height: 45px; padding: 0; position: absolute; bottom: -2px; width: 100%; left: 0;}
div#top-foot-stripe {width: 760px; height: 45px; background-color: #AD103D; margin: auto; border-top: 1px solid #333;}
div#bot-foot-stripe {background-color: #600; height: 24px; position: absolute; bottom: 0; width: 100%; left: 0;}
div#bot-foot-stripe div {width: 760px; height: 24px; background-color: #AD103D; margin: auto; position: relative;}
div#bot-foot-stripe div img {position: absolute; float: right; bottom: 0; left: 610px; border: none; margin-bottom: 5px;}
div#bot-foot-stripe div span {float: left; margin: 0 10px; color: #ddd; padding-top: 3px;}
div#bot-foot-stripe div span.footer-menu {padding-left: 50px;}
div#bot-foot-stripe div span.footer-menu a {color: #ddd; text-decoration: none; padding: 4px;}
div#bot-foot-stripe div span.footer-menu a:hover {color: white;  background-color: #600;}
/*-------------------*/
/* Main Nav Stuff*/
#navside {float: left; position: relative; width: 163px; padding: 0 0 0 7px; margin: 0; display: inline; clear: both;}
#navside div {clear: both;}
#navmain {font-size: 12px; color: #600; line-height: 1.4em; list-style: none; margin: 10px 0 0 3px; padding: 0;}
#navmain a {color: #600; text-decoration: none; margin: 0; padding: 5px 0 5px 2px; display: block; width: 157px; border-bottom: 1px solid #ccc;}
#navmain a:hover, #navmain .current { background: url(../images/bkg_side_nav3.jpg) repeat-y 100% 100%;}
/* Hides from IE5-mac \*/
* html #navmain a {height: 1%;}
/* End hide from IE5-mac */ 
#nav-course-box {margin: 5px 0 10px 0; padding: 0;}
.nav-course {
 font-size: 14px; text-decoration: none;
 border: 1px solid #ddd;
 margin: 0 0 3px 0; padding: 0;
 height: 68px; width: 150px;
 display: block;
}
.nav-business  {background-color: #bfb; margin-top: 5px;}
.nav-business:hover  {background-color: #9f9;}
.nav-computing {background-color: #fe8;}
.nav-computing:hover {background-color: #fc6;}
.nav-english {background-color: #dff;}
.nav-english:hover {background-color: #cef;}
.nav-course h3 {display: block; text-align: right; margin: 5px 8px; font-size: 1.2em; color: #408; padding: 0;}
.nav-nvq-csv {background-color: #bfb;}
.nav-nvq-mgt {background-color: #fe8;}
.nav-nvq-car {background-color: #dff;}
.nav-nvq-vrq {background-color: #eee;}
/* Hides from IE5-mac \*/
* html #navside {width: 170px;  w\idth: 163px;}
* html .nav-course {width: 154px;  w\idth: 150px;}
/* End hide from IE5-mac */
div.nav-link-box {width: 160px; margin: 10px 0 0 0; padding: 0; float: right; display: inline; clear: both;}
h4.hdr-nav-list {color: #28f; margin: 0; font-size: 12px;}
ul.nav-list {display: block; list-style: none; margin: 5px 0; padding: 0;}
ul.nav-list li {padding: 0; margin: 0; clear: both;}
ul.nav-list a {
  font: 11px/1.3em verdana; text-decoration: none; color: #28f;
  margin: 0; padding: 4px 0;
  float: left; display: block;
  border-bottom: 1px solid #ddd;
  width: 157px;
}
ul.nav-list a:hover, ul.nav-list a.current {background-color: #eee; color: #408;}
.crs-sidebar {float: left; width: 193px; padding: 0; margin: 0;}
.crs-sidebar div {float: left; margin: 0; padding: 0;}
.crs-sidebar div a {
 background-color: #eed;
 border: 1px solid #ccc;
 color: #600; text-decoration: none;
 font: 16px georgia;
 margin: 0 0 5px 0; padding: 5px 5px 5px 40px; width: 145px;
 float: right;
}
.crs-sidebar div a.image {background-color: transparent; padding: 0; float: right; width: 190px; height: 58px;}
.crs-sidebar img {border: none; margin: 0; padding: 0;}
/* Hides from IE5-mac - this is not working for some reason. its reading the escaped version in quirks mode \*/
* html .crs-sidebar div a {height: 1%; width: 190px;  w\idth: 145px;}
/* End hide from IE5-mac */ 
.crs-sidebar div a:hover {border: 1px solid #999; background-color: #ffe;}
a.a-out {background: url(../images/icon_download.gif) no-repeat 7px 50%;}
a.a-lnk {background: url(../images/icon_mouse.gif) no-repeat 7px 50%;}
a.a-mor {background: url(../images/icon_star.gif) no-repeat 7px 50%;}
a.a-app {background: url(../images/icon_apply.gif) no-repeat 7px 50%;}
a.a-con {background: url(../images/icon_help.gif) no-repeat 7px 50%;}
a.a-tic {background: url(../images/icon_tick.gif) no-repeat 7px 50%;}
a.a-tou {background: url(../images/icon_tour.gif) no-repeat 7px 50%;}
a.a-tes {background: url(../images/icon_bubble.gif) no-repeat 7px 50%;}
a.a-mis {background: url(../images/icon_mission.gif) no-repeat 7px 50%;}
div.crs-sidebar a.a-main {background-color: #eed; padding-top: 8px; padding-bottom: 8px;}
div.crs-sidebar a.a-main:hover {background-color: #ffe;}
a.a-eng:hover  {background-color: #cef;}
a.a-bit:hover  {background-color: #fc6;}
a.a-bab:hover  {background-color: #9f9;}
/*------------------------------------------*/
/* =Terms & Conditions                      */
ol#tc-main {font: 11px/1.4em verdana; margin: 10px 15px; padding-left: 30px;}
ol#tc-main li {padding-bottom: 8px;}
ol.tc-sub  {margin: 10px 15px 10px 0; list-style-type: lower-alpha; padding-left: 35px;}
/*------------------------------------------*/
/* =Under Construction =error & 404*/
.err-box {margin: 15px; border: 1px solid #ddd; background: url(../images/under_construction.gif) no-repeat 10px 10px; background-color: #ffe;}
.err-box h3 {margin-left: 67px; color: #28f;}
.err-box p  {margin: 10px 10px 10px 70px;}
.err-box ol {margin-left: 70px; margin-right: 15px; font-size: 11px;}
.err-box li {padding: 2px 0;}
.fieldWithErrors { display: inline;}
.fieldWithErrors input,
.fieldWithErrors select,
.fieldWithErrors textarea {background-color: #ffa;}
select.fieldWithErrors {background-color: #ffa;}
ul#opt-lst li {padding: 3px 0; font: 11px/1.4em verdana; margin-right: 15px;}
ul#opt-lst a {text-decoration: none; border-bottom: 1px dotted #aaa;}
ul#opt-lst a:hover {text-decoration: none; border-bottom: 1px solid #666; background-color: #ddd;}
div.site-box {margin: 0; display: inline; float: left; width: 248px; padding: 0;}
div.site-box ul {margin-bottom: 0px; margin-top: 0px; list-style-type: square;}
div.site-box ul li {padding: 1px 0;}
div.site-box ul a {text-decoration: none; border-bottom: 1px dotted #ddd; font-size: 11px; border: none;}
div.site-box ul a:hover {border-bottom: 1px solid #666; background-color: #ddd;}
div.site-box img.logo {margin: 15px; float: left; display: inline; border: none;}
a.a-hdr {text-decoration: none; border-bottom: 1px dotted #ccc; color: #666;}
a.a-hdr:hover {border-bottom: 1px solid #666; color: #333;}
div#error-page {background-color: white; height: 600px;}
div#error-page-box {margin: 10px; border: 1px solid #ddd; background-color: #f8f8f8; padding-bottom: 10px;}
ul#err-scr {line-height: 1.4em;}
ul#err-scr li {padding: 2px 0;}
/*-------------------------------------*/
/* =Banner Styles for campaigns*/
div.banner {margin: 0; padding: 0; width: 760px; height: 242px; float: left; color: #333;}
div.banner div, div.banner h3 {float: left; position: relative; display: inline;}
div.mba     {background: url(../images/header_maze_1.jpg) no-repeat 0 0;}
div.graduation {background: url(../images/header_graduation_2009_2.jpg) no-repeat 0 0;}
div.graduation_2 {background: url(../images/header_graduation_2.jpg) no-repeat 0 0;}
div.graduation_2009 {background: url(../images/header_graduation_2009_1.jpg) no-repeat 0 0;}
div.topup   {background: url(../images/header_graduate.jpg) no-repeat 0 0;}
div.babm, div.babm-r {background: url(../images/header_babm_1.jpg) no-repeat 0 0;}
div.bit     {background: url(../images/header_bit_1.jpg)  no-repeat 0 0;}
div.friend  {background: url(../images/header_friend_1.jpg)  no-repeat 0 0; color: #600;}
div.nvq     {background: url(../images/header_nvq_2.jpg)  no-repeat 0 0;}
div.agents  {background: url(../images/header_agent_1.jpg) no-repeat 0 0;}
div.mba .logo-for-banner-mba {float: left;  position: relative; left: 20px; top: 20px;}
div.graduation .logo-for-banner-mba {float: left;  position: relative; left: 20px; top: 20px;}
div.nvq  {height: 200px;}
div.nvq .logo-for-banner-nvq {float: left;  position: relative; left: 10px; top: 10px;}
div.mba h3   {top: 30px; left: 18px; color: #333; font-size: 29px; margin-left: 7px;}
div.graduation h3 {top: 30px; left: 18px; color: #333; font-size: 29px; margin-left: 7px;}
div.mba .tag {font: 20px georgia; top: 85px; left: -240px;}
div.graduation .tag {font: 20px georgia; top: 85px; left: -205px;}
div.mba .action {font: italic 15px georgia; top: 105px; left: -95px; width: 300px;}
div.graduation .action {font: italic 15px georgia; top: 105px; left: -205px; width: 300px;}
div.topup h3   {top: 32px; left: 15px; color: #333; font-size: 23px; margin-left: 7px;}
div.topup .tag {font: 15px georgia; top: 85px; left: -280px; line-height: 1.25em;}
div.topup .action {font: italic 15px georgia; top: 120px; left: -220px;}
div.topup .logo-for-banner-top {float: left;  position: relative; left: 20px; top: 20px;}

div.friend h3 {font-size: 24px; top: 32px; left: 20px; color: #600}
div.friend .tag {top: 80px; left: -220px; font: 18px georgia;}
div.friend .action {font: italic 15px georgia; top: 120px; left: -130px; width: 220px;}
div.friend .disclaimer {font: 9px verdana; color: #999; top: 193px; left: -470px;}
div.banner a:hover {background-color: #ffd;}
span.new, i.new {font: normal 11px verdana; background-color: yellow !important; padding: 1px 3px; color: blue}

/* Languages */
div.bra {background: url(../images/header_brazil_1.jpg)  no-repeat 0 0; height: 180px; color: #ffe;}
div.bra_2 {background: url(../images/header_brazil_2.jpg)  no-repeat 0 0; height: 180px; color: #ffe;}
div.rus {background: url(../images/header_russia_1.jpg)  no-repeat 0 0; height: 180px; color: #ffe;}
div.rus_2 {background: url(../images/header_russia_2.jpg)  no-repeat 0 0; height: 180px; color: #ffe;}
div.esp {background: url(../images/header_spain_1.jpg)  no-repeat 0 0; height: 180px; color: #ffe;}
div.esp_2 {background: url(../images/header_spain_2.jpg)  no-repeat 0 0; height: 180px; color: #ffe;}