body,td,th { font-family: Verdana, Lucida Console, Monaco, monospace; font-size: 12px; color: #033; }
body, form { background-color: #FFF; margin:0px; padding:0px; }
a { font-size:12px; color:#060; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; color:#090; }
a:hover { text-decoration:underline; color:#000; }
a:active { text-decoration:none; color:#630; }


#mainTbl, #cntTbl, #ftrMenuTbl, .usrInfoTbl, .gdEdtFrmTbl, .exmTbl, .commonTbl { border-collapse:collapse; border:none; margin:0px; padding:0px; z-index:1 }
#cntTbl, .usrInfoTbl, #ftrMenuTbl, .gdEdtFrmTbl { width:100% }
#mainTbl { width:100%; height:100% }

#mainTd1,
#mainTd2,
#mainTd3,
#mainTd4,
#mainTd5,
#mainTd6,
#cntTd1,
#cntTd2 { padding:0px; margin:0px; border:none; z-index:1; vertical-align:top; text-align:left }
#cntDvdTD { width:1px }
#cntDvdTD div { width:1px; height:600px }

#mainTd1,
#mainTd4{ width:50%; background-color:#FFFFFF }
#mainTd2,
#mainTd5 { background:url(images/lft1.jpg) repeat-y top left #FFFFFF }
#mainTd5 { height:280px }
#mainTd3,
#mainTd6{ width:50%; }

#topDiv { background-color:#2E704A; text-align:right; height:25px; width:100%; border-bottom:2px #FFFFFF solid; padding-top:5px; overflow:hidden; color:#FFFFFF }
#topDiv a:link,
#topDiv a:visited,
#topDiv a:hover,
#topDiv a:active { font:10px bold; color:#FFFFFF; margin:0px 10px 0px 0px }


#logoDiv,
#barDiv,
#barDiv2,
#barDiv3,
#ftrMenuTbl,
#ftrMenuTd1,
#ftrMenuTd4 { background-image:url(images/green.gif); background-repeat:repeat-x; vertical-align:top; text-align:left }

#logoDiv { width:100%; height:110px; background-position:0% 0px; background-repeat:repeat-x; border-bottom:2px #FFFFFF solid }
#logoDiv2 { width:1000px; height:110px; background:url(images/logo.gif) no-repeat top left #000000 }
#menuDiv { background:url(images/menu.gif) repeat-x top; height:48px; z-index:2; border-bottom:2px #FFFFFF solid; cursor:pointer; position:relative }

#flashDiv { width:100%; height:158px; z-index:1; border-bottom:2px #FFFFFF solid; text-align:left; background-color:#000000 }
#noFlashDiv { width:100%; height:158px; background:url(images/banner.jpg) no-repeat top left; z-index:1; color:#FFFFFF }
#noFlashDiv a { color:#FFFFFF }
#noFlashDiv div { width:370px; float:right }

#barDiv { width:100%; background-position:0% -147px; padding:0px }
#barDiv2 { background-position:0% -111px; background-repeat:no-repeat }
#barDiv3 { background-position:100% -183px; background-repeat:no-repeat }
#barDiv, #barDiv2, #barDiv3 { z-index:1; height:35px; overflow:hidden; padding:0px }

.bar_lgn, .bar_lgn:visited,
.bar_lgt, .bar_lgt:visited,
.bar_reg, .bar_reg:visited,
.bar_psw, .bar_psw:visited,
.bar_usr, .bar_usr:visited { float:left; background-image:url(images/bar_ico.gif); background-repeat:no-repeat; color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; display:block; height:35px; overflow:hidden; margin:0px 0px 0px 10px }
.bar_lgn:hover,
.bar_reg:hover,
.bar_psw:hover,
.bar_usr:hover { color:#000000 }

.bar_lgn, .bar_lgt { background-position:0% 0px; padding:10px 0px 0px 22px }
.bar_reg { background-position:0% -72px; padding:10px 0px 0px 22px }
.bar_psw { background-position:0% -108px; padding:10px 0px 0px 30px }
.bar_usr { background-position:0% -36px; padding:10px 0px 0px 27px }

#cntTd1 { width:200px; overflow:hidden }
#cntTd2 { padding:10px 0px 10px 10px }


#ftrMenuTbl { background-position:0% -438px; border-bottom:2px #FFFFFF solid }
#ftrMenuTd1 { background-position:0% -219px; padding:0px 0px 0px 30px }
#ftrMenuTd4 { background-position:100% -657px }

#ftrMenuTd1,
#ftrMenuTd2,
#ftrMenuTd3,
#ftrMenuTd4 { background-repeat:no-repeat; vertical-align:top; height:218px; color:#FFFFFF; font-weight:bold; padding-top:30px }
#ftrMenuTd1 ul,
#ftrMenuTd2 ul,
#ftrMenuTd3 ul,
#ftrMenuTd4 ul { list-style:url(images/bullet2.gif) outside; margin:10px 0px 0px 15px; padding:0px }
#ftrMenuTd1 a,
#ftrMenuTd2 a,
#ftrMenuTd3 a,
#ftrMenuTd4 a { color:#FFFFFF; font-weight:normal }

#ftrBtm { height:60px; text-align:center; overflow:hidden; color:#666666; background-color:#000000 }
#ftrBtm div { margin-top:10px }
#ftrBtm a:hover { color:#FFF }


.usrInfoTd1 { height:50px}
.usrInfoTd2 { padding:0px 10px 10px 10px; overflow:hidden; vertical-align:top }
.usrInfBtn { width:330px; text-align:center; margin-top:2px }

.pictureDiv { margin:10px; border:1px dotted #999; vertical-align:middle; text-align:center; height:200px }

.bxx { overflow:hidden }
.box { overflow:hidden; border:#999999 1px solid; padding:10px }
.boxHdr { background-color:#999999; height:25px; width:auto; clear:right; padding:0px 0px 0px 0px; overflow:hidden; border-bottom:#FFF 1px dotted }
.boxTtl { height:25px; padding:7px 0px 0px 15px }
.boxBdy { width:auto; border-bottom:#E1EAE7 }

.gdEdtFrmTbl {}
.gdEdtFrmTbl tr th,
.gdEdtFrmTbl tr td { padding:5px; margin:0px; border:none; z-index:1; vertical-align:top; text-align:left }
.gdEdtFrmTbl tr th { font-weight:bold; background-color:#EEEEEE  }
.gdEdtFrmTbl tr td {  }
.gdEdtFrmTbl tr th.efHdr{}

.exmTbl { width:100% }
.exmTbl tr th, .exmTbl tr td { vertical-align:top; padding-bottom:10px }
.exmBtnTd { width:70px }
.exmTbl .exmCrs { background:url(images/bullet1.gif) no-repeat 0% 3px; padding-left:12px }
.exmSep { height:20px }
.exmCrsTh { border-bottom:1px dotted #eeeeee }
.nodeOpen { background:url(images/plusMinus1.gif) no-repeat 0% 2px; padding-left:15px }
.nodeClose { background:url(images/plusMinus2.gif) no-repeat 0% 2px; padding-left:15px }
.exmHdr { background-color:#EEEEEE; border-bottom:1px dotted #FFFFFF; padding:3px 0px 0px 5px }

.phdrDiv { position:relative; cursor:default; border:none }
.phdrDiv2 { position:relative; cursor:pointer; border-top:5px solid #10b1f0 }
.phEdit { width:100px; height:24px; border:1px solid #123456; background:#10b1f0 url(images/phEdit.gif) no-repeat top left; border-bottom:none; padding:5px 0px 0px 26px; color:#FFF; font-weight:bold }
.phEdit a { color:#FFF; font-weight:bold }

.topic,
.topic1,
.topic2,
.topicL,
.topicR { background-image:url(images/blk.gif); height:178px; position:relative }
.topic,
.topic1,
.topic2 { background-repeat:repeat-x; background-position:100% -178px; overflow:hidden }
.topic1 { width:390px; margin:0px; float:left }
.topic2 { width:390px; margin:0px; float:right }
.topicL { width:390px; background-repeat:no-repeat; background-position:0% 0px; margin:0px }
.topicR { width:auto; background-repeat:no-repeat; background-position:100% -356px; margin:0px; padding:5px; font-size:11px; color:#666 }
.topicR a, .topicR a:hover, .topicR a:active, .topicR a:visited { color:#009342; text-decoration:underline }
.topicLinks li a, .topicLinks li a:active, .topicLinks li a:visited { color:#669e9f; text-decoration:none }
.topicLinks li a:hover, .topicText a:hover { color:#000000; text-decoration:none }
.topicLinks { list-style:url(images/bullet1.gif) outside; margin:0px 0px 0px 30px; padding:0px; float:left }
.topicText { width:135px; height:auto; float:left }
.topicHdr { width:100%; font-size:12px; color:#333333; font-weight:bold; clear:both; padding:5px 0px 10px 0px }

.topicBig { width:auto }
.topicBig .hdrL,
.topicBig .hdrR,
.topicBig .hdrM,
.topicBig .ftrL,
.topicBig .ftrR,
.topicBig .ftrM { background-image:url(images/blk.gif); }
.topicBig .hdrL { background-position:0% 0px; background-repeat:no-repeat; width:auto; height:10px; overflow:hidden; padding:0px; margin:0px }
.topicBig .hdrR { background-position:100% -356px; background-repeat:no-repeat; width:auto; height:10px; overflow:hidden; padding:0px 5px 0px 5px; margin:0px }
.topicBig .hdrM { background-position:100% -178px; background-repeat:repeat-x; width:auto; height:10px; overflow:hidden; padding:0px; margin:0px }
.topicBig .cntL { width:auto; padding:0px; margin:0px; border-left:1px solid #EEEEEE }
.topicBig .cntR { width:auto; padding:0px; margin:0px }
.topicBig .cntM { width:auto; padding:0px 5px 0px 5px; margin:0px; border-right:1px solid #EEEEEE }
.topicBig .ftrL { background-position:0% -20px; background-repeat:no-repeat; width:auto; height:158px; overflow:hidden; padding:0px; margin:0px }
.topicBig .ftrR { background-position:100% -376px; background-repeat:no-repeat; width:auto; height:158px; overflow:hidden; padding:0px 5px 0px 5px; margin:0px }
.topicBig .ftrM { background-position:100% -198px; background-repeat:repeat-x; width:auto; height:158px; overflow:hidden; padding:20px 0px 0px 0px; margin:0px }
.ttlDiv { width:auto; font-size:18px; font-weight:bold; color:#630 }
.topicBig .ttlDiv { width:auto; font-size:18px; font-weight:bold; color:#630 }
.topicBig .descDiv, .topicBig .infoDiv { clear:both; width:auto }
.topicBig .descDiv { margin:20px 0px 0px 0px }
.topicBig .infoDiv .divL { float:left; width:680px }
.topicBig .infoDiv .divR { float:right; width:90px }
.topicBig .infoDiv .divR a { margin-bottom:10px }

.pgNme { background:url(images/lft2.gif) no-repeat top left #FFFFFF; height:30px; margin:10px 0px 0px 0px; overflow:hidden; display:block }
.pgNme div, a.pgNme span { width:180px; font-size:11px; margin:8px 0px 0px 20px; display:block }
a.pgNme span, a.pgNme:hover { text-decoration:none; cursor:pointer; display:block }
div.pgNme span { width:180px; font-size:11px; margin:2px 0px 0px 20px; display:block }
.pgNme, .pgNme div a, .pgNme span a { text-decoration:none; color:#000; font-weight:bold }
.lftLnk { background:url(images/lft3.gif) no-repeat bottom right; display:block; width:200px; height:25px; overflow:hidden; text-decoration:none }
.lftLnk:visited, .lftLnk:visited span, .lftLnk:hover, .lftLnk:hover span, .lftLnk:active .lftLnk:active span { color:#999999; text-decoration:none}
.lftLnk:hover, .lftLnk:hover span { color:#0F0; text-decoration:none }
.lftLnk span { width:180px; font-size:11px; margin:8px 0px 0px 20px; display:block; color:#999999; cursor:pointer }

#cntTd1 .aImg { margin:20px 10px 0px 0px }
.aImg, .aImg img { border:none; display:block }
.clr { clear:both; height:178px; margin:0px 0px 10px 0px }

a.btn, a.btn1, a.btn0 { height:25px }
a.btn0 { width:26px; background-repeat:no-repeat; display:block; overflow:hidden }
a.btn1 { background-repeat:repeat-x; display:block }
a.btn0, a.btn0:hover, a.btn1, a.btn1:hover { background-image:url(images/btn1.gif); text-decoration:none }
a.btn, a.btn:hover, a.btn2, a.btn2:hover { background-image:url(images/btn.gif); background-repeat:no-repeat; width:90px; overflow:hidden; text-decoration:none; display:block; text-align:left }
/*
a.btn0:link, a.btn0:visited, a.btn0:hover, a.btn0:active,
a.btn1:link, a.btn1:visited, a.btn1:hover, a.btn1:active { background-image:url(images/btn1.gif); background-repeat:no-repeat; overflow:hidden; text-decoration:none; display:block }
a.btn:link, a.btn:visited, a.btn:hover, a.btn:active, a.btn2:link, a.btn2:visited, a.btn2:hover, a.btn2:active { background-image:url(images/btn.gif); background-repeat:no-repeat; width:90px; overflow:hidden; text-decoration:none; display:block; text-align:left }
*/
a.btn:link span, a.btn:visited span, a.btn:active span,
a.btn1:link span, a.btn1:visited span, a.btn1:active span,
a.btn2:link span, a.btn2:visited span, a.btn2:active span { color:#777777 }
a.btn:hover span, a.btn2:hover span, a.btn1:hover span { color:#000000 }

a.btn:link, a.btn:visited, a.btn:active,
a.btn0:link, a.btn0:visited, a.btn0:active { background-position:100% 0px }
a.btn:hover, a.btn0:hover { background-position:100% -25px }
a.btn1:link, a.btn1:visited, a.btn1:active { background-position:100% -75px }
a.btn1:hover { background-position:100% -150px }

a.btn2:link, a.btn2:visited, a.btn2:hover, a.btn2:active { height:50px }
a.btn2:link, a.btn2:visited, a.btn2:active { background-position:100% -50px }
a.btn2:hover { background-position:100% -100px }

a.btn:link span, a.btn:visited span, a.btn:hover span, a.btn:active span { background-image:url(images/btn_ico.gif); background-repeat:no-repeat; width:90px; height:25px; overflow:hidden; text-decoration:none; font-weight:bold; padding:4px 0px 0px 30px; font-family:Arial Sans-Serif; font-size:12; cursor:pointer; display:block }
a.btn0:link span, a.btn0:visited span, a.btn0:hover span, a.btn0:active span { background-image:url(images/btn_ico.gif); background-repeat:no-repeat; width:100%; height:25px; overflow:hidden; text-decoration:none; font-weight:bold; padding:4px 0px 0px 30px; font-family:Arial Sans-Serif; font-size:12; cursor:pointer; display:block }
a.btn2:link span, a.btn2:visited span, a.btn2:hover span, a.btn2:active span { width:90px; height:50px; overflow:hidden; text-decoration:none; font-weight:bold; padding:5px 0px 0px 0px; font-family:Arial Sans-Serif; font-size:12; cursor:pointer; display:block; text-align:center; vertical-align:middle }

a.aOk span { background-position:0% 0px }
a.aCnl span { background-position:0% -25px }
a.aEdt span { background-position:0% -50px }
a.aDel span { background-position:0% -75px }
a.aAdd span { background-position:0% -100px }
a.aDtl span { background-position:0% -125px }
a.aUsr span { background-position:0% -150px }
a.aPls span { background-position:0% -175px }
a.aDwn span { background-position:0% -200px }
a.aHlp span { background-position:0% -225px }
.gdBtns { float:right; width:90px; height:inherit; overflow:hidden }
.gdBtns a { margin-bottom:10px }
.dgFrmBtns a{ float:right; margin-right:10px }
.red { color:#00FFFF }

.lpad20 { padding-left:20px }

.hide { display:none }
.naira { text-decoration:line-through }
.fltR { float:right; margin-left:5px }
.fltL { float:left; margin-right:5px }
.mrgB10 { margin-bottom:10px }
