html { padding:0; margin:0 auto; height:100%; }
body { margin:0; padding:0; width:100%;  height:100%; border:0; color:#1f0000; font:normal 12px "Liberation sans", Arial, Helvetica, sans-serif; background:#ffffff;}

.main {  margin:0 auto; height:100%;}
.default { background:#d6e6f7 url(/images/main_bg.jpg) repeat-x left top; }
.other { background:#d6e6f7 url(/images/main_bg2.jpg) repeat-x left top; }
.GB { background:#ffffff url(/GBCbody-bg.jpg) no-repeat center top; }
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

h1 { margin:0; padding:0; font-size:28px; font-weight:normal; color:#1f0000; text-transform:none;}
h2 { margin:0; padding:0; font-size:24px; font-weight:normal; color:#1f0000; text-transform:none;}
h3 { margin:0; padding:0; font-size:18px; font-weight:normal; color:#1f0000; text-transform:none;}
h4 { margin:0; padding:2px 0; font-size:15px; font-weight:normal; color:#1f0000; text-transform:none;}
h2 span{ color:#bf0b0a;}
p { margin:0; padding:0px 0;}
p.line { margin:0 0 6px; padding:6px 0 8px; border-bottom:1px dashed #c2baba;}
a { color:#549fcd; text-decoration:underline;}
sup { line-height: 0; color:#bf0b0a;}
.pics { width: 220px; padding:0; margin:0 auto; overflow: hidden }

.header, .content, .menu_nav, .fbg, .footer, { margin:0; padding:0;}

/*table tr td, table thead tr td, table tr td p { margin: 0px; vertical-align: top; bordeR: none; }*/

a.small { font:normal 11px; }

.clr { clear:both; padding:0; margin:0;}
font.sep { font-size: 20px; color: #d0d0d0; }
li.bg, .bg { clear:both; border-bottom:1px solid #dadada; padding:5px 0 0 0; margin:15px 0; background:none; list-style:none;}

.borderLeft { padding-left: 5px; border-left:1px solid #d4d4d4;}
.borderRight { padding-right: 5px; border-right:1px solid #d4d4d4;}

.horLine { height: 100% auto; min-height:100px; float: right; padding-right: 5px; border-right:1px solid #d4d4d4;}

a.dark_btn { height:37px; background-color: #2098d7; padding:8px 10px 8px 10px; color:#ffffff; font-size:17px; text-decoration:none; }
a.dark_btn:hover { background-color: #bf0b0a; color: #FFF; }

.rounded-corners, a.rounded-corners {
     -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
.rounded-corners, a.rounded-corners {
    behavior: url(/border-radius.htc);
    border-radius: 3px;
}

a.big_btn { height:150px; background-color: #ececec; padding:18px 20px; color:#5b5a5a; font-size:18px; text-decoration:none; }
a.big_btn:hover { background-color: #0088c6; color: #FFF; }



/* header */
.header { }
.header_resize { margin:0 auto; padding:0; width:960px;}
.logo { padding:0; float:left; width:215px; }
.logoGB { padding:10px 0 0 0; float:left; width:315px; }
.logoCAMA { padding:30px 0 0 0; float:left; width:355px; }
.centre { margin:20px 0; padding:12px; float:left; font-size:15px; color: #5b5a5a; width:auto; border-left: 1px solid #d8d8d8; }
.centreCAMA { margin:30px 0; padding:12px; float:left; font-size:15px; color: #5b5a5a; width:auto; border-left: 1px solid #d8d8d8; }
.login { padding:0; float:right; }
.topnav a, .topnav {  text-align:right; padding:0 0 16px 0; font-size:18px; font-weight:normal; color:#5b5a5a; text-decoration:none;}
.profile {  text-align:right; font-size:13px; font-weight:normal; color:#5b5a5a; text-decoration:none; }
.profile a{  text-align:right; font-size:13px; font-weight:normal; text-decoration:none; }

.featured { width: 960px; height:298px; margin:0; padding:0; background: url(/images/featured.jpg) no-repeat;}
.featured .col { margin:0;}
.featured .cost{  float:left; width:130px; padding:216px 0 0 48px; color:#bf0b0a; font-size:28px; font-weight:normal; }
.featured .purchase{  float:left; width:205px; padding:224px 0 0 5px; }
.featured .outline{  float:right; width:200px; padding-top:80px; padding-right: 20px; font-size:14px; font-weight:normal; color:#ffffff; }
.featured .outline a {font-size:22px; font-weight:normal; text-decoration:none; float:right; color:#ffffff;}

/* menu */
.menu_nav { margin:0; padding:0; height:53px; background:#f3f3f3 url(/images/menu_bg.png) repeat-x left top; border:1px solid #d8d8d8; border-bottom:none;}
.menu_nav ul { margin:0; list-style:none; padding:0 0 0 6px; height:53px;}
.menu_nav ul li { margin:0; padding:0 2px 0 0; float:left; background:url(/images/menu_sep.png) no-repeat right center;}
.menu_nav ul li a { display:block; margin:0; padding:0 0 0 14px; font-size:13px; line-height:19px; font-weight:normal; color:#5b5a5a; text-decoration:none; text-transform:none; text-align:center;}
.menu_nav ul li a span { display:block; padding:17px 24px 17px 0; height:19px;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#fff; background:#f3f3f3 url(/images/menu_a.png) repeat-x left top;}
.menu_nav ul li.active a span, .menu_nav ul li a:hover span { }

/* content */
.content { margin:0 auto; padding:15px 36px; width:960px; /*border:1px solid #cecece; border-bottom:1px solid #dbdbdb; background:#fff; */}
.fl { padding-right:10px; float:left; }

/* fbg */
.fbg { }
.fbg_resize { margin:0 auto; padding:32px 36px 12px; color:#1f0000; width:960px;  }

.fbg .col { margin:0; float:left;}
.fbg .c1 { width:480px;}
.fbg .c1 a { color:#0d5ba6; font-size: 18px;}
.fbg .c2 { width:260px;}
.fbg .c3 {  width:220px;}
.fbg .c3 img { margin-top: -20px;}

.hotspotExam{ background: #daeaf5; }

/* footer */
.footer { }
.footer_resize { margin:0 auto; padding:0 36px; color:#391e1e; width:920px; background:#f0f0f0; border:1px solid #cecece; border-top:1px solid #fff; border-bottom:none;}
.footer p.lf { margin:0; padding:24px 0; text-align:left; width:auto; line-height:1.5em;}
.footer p.lf a { color:#391e1e; text-decoration:none; font-weight:normal;}
.footer p.lf a:hover { text-decoration:underline; color:#549fcd;}
.footer p.lf span { float:right;}


table.data-area, table.order-area tr td { vertical-align: top; border-spacing: 0; }
table.data-area { width: 80%; border: 1px solid #d0d0d0; }
table.data-area thead tr td { border-spacing: 0px; background-color: #e0e0e0; padding: 5px 10px; border-top: none; }
table.data-area thead tr:hover td { background-color: #e0e0e0; }
table.data-area thead tr td p { font: bold 12px arial, helvetica, sans-serif; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.data-area tr td { border-spacing: 0px; background-color: white; padding: 8px 10px 5px 10px; border-top: 1px solid #d0d0d0; }
table.data-area tr td p { font: normal 11px arial, helvetica, sans-serif; color: #505050; }
table.data-area tr:hover td { background-color: #f4f7bb; }
table.data-area tr.new td { font-weight: bold; }


table.order-area, table.order-area tr td { border-spacing: 0; }
table.order-area { width: 80%; border: 1px solid #d0d0d0; }
table.order-area thead tr td { border-spacing: 0px; background-color: #e0e0e0; padding: 5px 10px; border-top: none; }
table.order-area thead tr:hover td { background-color: #e0e0e0; }
table.order-area thead tr td p { font: bold 12px arial, helvetica, sans-serif; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.order-area tr td { border-spacing: 0px; background-color: white; padding: 8px 10px 5px 10px; border-top: 1px solid #d0d0d0; }
table.order-area tr td p { font: normal 11px arial, helvetica, sans-serif; color: #505050; }
table.order-area tr:hover td { background-color: #f4f7bb; }
table.order-area tr td:last-child { text-align: right; }
table.order-area tr.new td { font-weight: bold; }

table.data-form, table.data-form tr td { border-spacing: 0; }
table.data-form { width: 80%; border: 1px solid #d0d0d0; }
table.data-form thead tr td { border-spacing: 0px; background-color: #e0e0e0; padding: 5px 10px; border-top: none; }
table.data-form thead tr:hover td { background-color: #e0e0e0; }
table.data-form thead tr td p { font: bold 12px arial, helvetica, sans-serif; color: #505050; text-shadow: #c0c0c0 2px 2px; }
table.data-form tr td { border-spacing: 0px; background-color: white; padding: 8px 10px 5px 10px; border-top: 1px solid #d0d0d0; }
table.data-form tr td p { font: normal 11px arial, helvetica, sans-serif; color: #505050; }
table.data-form tr:hover td { background-color: #f4f7bb; }
table.data-form tr.new td { font-weight: bold; }



div.errors { width: 400px; height: auto; padding-top: 10px; padding-bottom: 10px; border: 1px solid black; background-color: #e9e9e9; text-align: center; vertical-align: middle; }
div.errors p { font: normal 13px arial, sans-serif; color: #d00000; }

div#info { position: fixed; bottom: 0px; width: 100%; height: 25px; background: #e9e9e9; border-top: 1px solid #d0d0d0; }
div#info { font: normal 12px arial, sans-serif; padding: 5px; padding-left: 20px; padding-bottom: 0px; margin: 0px; }

table.index-courses { width: 100%; }
table.index-courses tr td { padding: 5px; }

table.login { width: auto; float: right; padding-top: 15px; }
table.login thead tr td p { font: normal 13px arial, sans-serif; color: #f6e7d4; padding: 0px; margin: 0px;}
table.login tr td a { font: normal 11px arial, sans-serif; color: #e8e8e8; padding: 0px; margin: 0px;}
table.login tr td { border-spacing: 0px; padding: 0px; margin: 0px; }

h1.transcript-h1 { font: normal 24px arial, sans-serif; color: black; }
h2.transcript-h2 { font: normal 20px arial, sans-serif; color: black; }

table.transcript-data { width: 100%; border-spacing: 2px; background-color: white; }
table.transcript-data thead tr td { border: none; background-color: white; }
table.transcript-data thead tr td p { font: normal 18px arial, sans-serif; }
table.transcript-data tr td { border: 1px outset #cfcfcf; background-color: #f2f1ef; padding: 2px; margin: 0px; vertical-align: middle; }
table.transcript-data tr td.credits { border: 1px outset #cfcfcf; background-color: #f68a1f; padding: 0px; margin: 0px; vertical-align: middle; text-align: center; }
table.transcript-data tr td p { font: normal 14px arial, sans-serif; padding: 0px; }

div.transcript-ball { width: 105px; height: 110px; background: url("/images/layout/creditsball.png") no-repeat; text-align: center; }
div.transcript-ball p { font: bold 30px arial, sans-serif; text-shadow: #c0c0c0 2px 2px; padding-top: 35px; }


table.examcentre { width: 300px; }
table.examcentre thead tr td { font: bold 14px arial, sans-serif; color: #909090; }
table.examcentre tr td { padding: 3px 7px; font: normal 12px arial, sans-serif; color: #909090; }
table.examcentre tr td a { font: bold 12px arial, sans-serif; color: #0000a0; }
table.examcentre tr td.gray { background-color: #e0e0e0; }




.fadein {
    position:relative;
    width:960px;
    height:298px;
}

.fadein img {
    position:absolute;
    left:0;
    top:0;
}

a.link1 { 
    display: block;
    background: url("../images/link1.jpg") no-repeat;
    height: 327px;
    width: 258px;
}
a.link1:hover {
       background-position: 0 -327px;
}

a.link2 { 
    display: block;
    background: url("../images/link2.jpg") no-repeat;
    height: 327px;
    width: 248px;
}
a.link2:hover {
       background-position: 0 -327px;
}

a.link3 { 
    display: block;
    background: url("../images/link3.jpg") no-repeat;
    height: 327px;
    width: 249px;
}
a.link3:hover {
       background-position: 0 -327px;
}



a.linkA { 
    display: block;
    background: url("../images/linkA.jpg") no-repeat;
    height: 327px;
    width: 206px;
}
a.linkA:hover {
       background-position: 0 -327px;
}

a.linkB { 
    display: block;
    background: url("../images/linkB.jpg") no-repeat;
    height: 327px;
    width: 206px;
}
a.linkB:hover {
       background-position: 0 -327px;
}

a.linkC { 
    display: block;
    background: url("../images/linkC.jpg") no-repeat;
    height: 327px;
    width: 206px;
}
a.linkC:hover {
       background-position: 0 -327px;
}

a.linkD { 
    display: block;
    background: url("../images/linkD.jpg") no-repeat;
    height: 327px;
    width: 206px;
}
a.linkD:hover {
       background-position: 0 -327px;
}

.SubHeader { width:920px; height: 250px; overflow:hidden;}

.headerDiv {   width:920px; height:500px; margin: 0 auto;  }
.headertitle { float:left; padding-top:325px; }
#header { background:url(../images/header1.jpg) no-repeat; width:920px; height:325px; top:0; }
.logo {  width: 230px; float:left; }

#logo1:hover ~ #header { background:url(../images/header1.jpg) no-repeat; }
#logo2:hover ~ #header { background:url(../images/header2.jpg) no-repeat; }
#logo3:hover ~ #header { background:url(../images/header3.jpg) no-repeat; }
#logo4:hover ~ #header { background:url(../images/header4.jpg) no-repeat; }


div.retest_btn { background-color: #ececec; padding:18px 20px; color:#5b5a5a; font-size:18px; text-decoration:none; }
div.retest_btn:hover, div.retest_btn:hover a { background-color: #0088c6; color: #FFF; }
div.retest_btn a { text-decoration: none; }