/*
Design by Varsity Sure Access
ICT Department
*/
@charset "utf-8";
@import url('css/mnu.css') !important;

body { margin:0; padding:0; width:100%; background:#fff url('../images/main_bg.jpg') top center repeat-x; color:#000; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0; background-color:#e9e9e9;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:0px 0; color:#fff; font:normal 30px/1.2em Arial, Helvetica, sans-serif, text-shadow: 1px 1px 2px #000;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
h1 span { color:#007236;}
.mv{
margin:0px; padding-left:28px; font:normal 11px/0.8em Arial, Helvetica, sans-serif;	
}
.starh{
padding:0 0 2px 0px;
color:#7fb749;
-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.star{
padding:0 0 2px 5px;
color:#7fb749;
-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
#contai{
width:830px;
background-image:url('../images/s5.png');background-repeat:no-repeat;
 opacity: 0.9;
 top:0;
 left:200px;
 bottom:0px;
 right:0px;
 z-index:-1;
 position:absolute;
 font:15px #000 arial bold;
 color:#000;
}
#infobackgrnd{

background:#959595;
			
}
#topFram{
				width:830px;
				height:100px;
background-image:url('../Syllabus/eJAMB.JPG')
}
#midcntr{
				width:830px;
				height:300px;
				background-image:url('../Syllabus/bg.JPG');
				background-repeat:repeat;
				opacity: 0.8;
				color: rgba(3, 3, 6, 1.00); /* black at 100% opacity */
				font-size:15px;
}

#btom{
				width:830px;
				height:50px;
}

#carve {
  margin: 20px auto;
  background: transparent;
  padding-bottom: 30px;
  background: -moz-linear-gradient(#fff, #fff);
  background: -o-linear-gradient(#fff, #fff);
  background: -webkit-linear-gradient(#fff, #fff);

  border: 1px solid #ddd;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
  color: rgba(3, 3, 6, 1.00); /* black at 100% opacity */
}

span#nme{
	 text-shadow:1px 1px 1px 2px grey;
}
h1 small { padding-left:5px; font:normal 13px/1.2em Arial, Helvetica, sans-serif;}
.logoP {width:100px; height:100px; float:left;}
h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#000; padding:8px 0; margin:8px 0;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a { color:#61a203; text-decoration:none;}

.header, .hbg, .content, .fbg, .footer { margin:0; padding:0;}
.hbg_resize, .content_resize, .fbg_resize { margin:0 auto; padding:24px 40px; width:900px; background-color:#fff; -moz-border-radius:10px;}

/* header */
.header { background:url('../images/header_bg.gif') repeat-x 50% top;
}
.header_resize { margin:0 auto; padding:0; width:900px;}
.header .logo { width:auto; float:left;}
.header .menu ul { margin:1px 0 0 0; padding:0; float:right; width:auto; list-style:none;}
.header .menu ul li { float:left;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.header .menu ul li ul{ padding: 0;
  position: absolute;
  top: 28px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;}
  .header .menu ul li ul li { 
  background: transparent; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #5f5;
}
.header .menu ul li ul li:hover {background: transparent;}
.header .menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.header .menu ul li a { margin:0; padding:12px 10px; color:#5f5f5f; text-decoration:none; line-height:25px;}
.header .menu ul li a span { margin:0; padding:12px 0 12px 10px;}
.header .menu ul li a:hover, .header .menu ul li.active a { color:#fff; background:url('../images/menur.jpg') no-repeat right top;}
.header .menu ul li a:hover span, .header .menu ul li.active a span { background:url('../images/menur.jpg') repeat-x 50% top;}
span#ttl{
color:#214700;
-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
   -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
span#tta{
color:#fff;
-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
/* search */
#formsearch { margin:0; padding:36px 0 0 0;}
#formsearch span { display:block; margin:7px 0 6px 0; padding:0 4px 0 6px; float:right; width:170px; background:#fff url('../images/search.gif') no-repeat left top;
}
#formsearch input.editbox_search { margin:0; padding:6px 0; float:left; width:170px; height:12px; border:none; background:none; font:normal 13px/16px Arial, Helvetica, sans-serif; color:#a8acb2;}
#formsearch input.button_search { margin:7px 0 0 0; padding:0; border:none; float:right;}

/* hbg */
.hbg { padding:16px 0;}
.hbg_resize { background:#fff;
}

/* content */
.content { padding-bottom:16px;}
.content .mainbar { margin:0; padding:0; float:left; width:620px;}
.content .mainbar .article, .content .sidebar { margin:0; padding:0 0 16px 0;}
.gadget { margin:0 0 16px 0; padding:0 0 0 0;
  background: transparent;
  border: 1px solid #7fb749;
  border-radius: 10px 0px 10px 0px;
  -moz-border-radius: 10px 0px 10px 0px;
  -webkit-border: 10px 0px 10px 0px;
  color: rgba(3, 3, 6, 1.00); /* black at 100% opacity */
  padding-bottom: 30px;
  
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  color: rgba(3, 3, 6, 1.00); /* black at 100% opacity */

}
.gadget>table {
  margin: 0 auto;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
}
 
.gadget>tr:nth-child(even) {
  background: #d4d4d4;
}
 
.gadget>th, td {
  padding: 10px 30px;
}
 
.gadget>th {
  border-bottom: 1px solid #d4d4d4;
}
.content .sidebar { margin:0; padding:0; float:right; width:220px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none;}
ul.sb_menu li, ul.ex_menu li { margin:0; padding:0; border-bottom:1px dashed #e9e5e5;}
ul.ex_menu li { color:#959595;}
ul.sb_menu li a, ul.ex_menu li a {margin:0; padding-left:24px; color:#5f5f5f; text-decoration:none; background:url('../images/small.jpg') no-repeat 0 0; 

line-height:1.8em;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { color:#61a203; font-weight:bold; background:url('../images/li_active.gif') no-repeat 0 0; text-decoration:none;

}
.mnu{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;background-color:#9bbc50;border-width:2px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-style:solid;border-color:#a9c666 #98b94d #73912d #98b94d;
	*display:inline;}
ul.sb_menu li { padding:4px 0;}
ul.ex_menu li { padding:8px 0;}
ul.sb_menu li a:hover { text-decoration:none;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { margin:0; padding:0;}
.fbg_resize img { border:1px solid #dedede;}
.fbg_resize .col { margin:0; float:left;}
.fbg_resize .c1 { padding:0 16px 0 0; width:290px;}
.fbg_resize .c2 { padding:0 16px; width:290px;}
.fbg_resize .c3 { padding:0 0 0 16px; width:240px;}
.fbg_resize .c1 img { margin:8px 16px 16px 0; padding:0; float:left;}
.fbg_resize .c3 img { margin:4px; padding:0;}

/* footer */
.footer { margin:0; padding:0;}
.footer_resize { margin:0 auto; padding:8px 32px; width:962px;}
.footer_resize p.lf { float:left; width:auto;}
ul.fmenu { margin:8px 0; padding:0; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0; padding:0 8px; float:left;}
ul.fmenu li a { color:#5f5f5f; text-decoration:none;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#61a203;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */
form { margin:0; padding:0;}
ol { margin:0; padding:0; list-style:none;}
ol li { margin:0; padding:0; display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}
/*new menu */
#nav{
	height:42px;
	background-color:#9bbc50;
}
ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#FFFFFF;border-width:0;border-style:solid;border-color:;}
ul#css3menu1 ul{
	visibility:hidden;position:absolute;left:0;top:100%;opacity:0;-moz-transition:all 0.5s;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s,visibility 0.5s;transition:opacity 0.5s;background-color:transparent;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:6px 0 0;}
ul#css3menu1 li:hover>ul{
	visibility:visible;opacity:1;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;background-color:#9bbc50;border-width:2px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-style:solid;border-color:#a9c666 #98b94d #73912d #98b94d;
	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px MS Sans Serif,Geneva,sans-serif;color:#000000;cursor:default;padding:3px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
	float:none;margin:0;}
ul#css3menu1 ul a{
	text-align:left;padding:7px;background-color:#9bbc50;border-width:1px 1px 0 1px;border-style:solid;border-color:#dddddd;font:14px Trebuchet MS,Helvetica,sans-serif;color:#EAF3D3;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	border-style:none;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#9bbc50;border-style:solid;border-color:#dddddd;color:#FFFFFF;}
ul#css3menu1>li>a{
	padding:10px 18px;}
ul#css3menu1 li.topfirst>a{
	-moz-box-shadow:0 -1px 1px #73912d inset;-webkit-box-shadow:0 -1px 1px #73912d inset;box-shadow:0 -1px 1px #73912d inset;background-color:#9bbc50;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));   background-image:linear-gradient(180deg,rgba(255,255,255,0.2),rgba(0,0,0,0));  background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));border-width:0 0px 2px 0;border-style:solid;border-color:#73912d;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:10px 18px;color:#EAF3D3;text-decoration:none;text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#33FFFFFF,endColorstr=#00000000)}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst a.pressed{
	-moz-box-shadow:0 -1px 1px #73912d inset;-webkit-box-shadow:0 -1px 1px #73912d inset;box-shadow:0 -1px 1px #73912d inset;background-color:#9bbc50;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));   background-image:linear-gradient(180deg,rgba(255,255,255,0.2),rgba(0,0,0,0));  background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));border-style:solid;border-color:#aacb61;color:#FFFFFF;text-decoration:none;text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#33FFFFFF,endColorstr=#00000000)}
ul#css3menu1 li.topmenu>a{
	-moz-box-shadow:0 -1px 1px #73912d inset;-webkit-box-shadow:0 -1px 1px #73912d inset;box-shadow:0 -1px 1px #73912d inset;background-color:#9bbc50;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));   background-image:linear-gradient(180deg,rgba(255,255,255,0.2),rgba(0,0,0,0));  background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));border-width:0 0px 2px 0px;border-style:solid;border-color:#73912d;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:10px 18px;color:#EAF3D3;text-decoration:none;text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#33FFFFFF,endColorstr=#00000000)}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
	-moz-box-shadow:0 -1px 1px #73912d inset;-webkit-box-shadow:0 -1px 1px #73912d inset;box-shadow:0 -1px 1px #73912d inset;background-color:#9bbc50;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));   background-image:linear-gradient(180deg,rgba(255,255,255,0.2),rgba(0,0,0,0));  background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));border-style:solid;border-color:#aacb61;color:#FFFFFF;text-decoration:none;text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#33FFFFFF,endColorstr=#00000000)}
ul#css3menu1 li.toplast>a{
	-moz-box-shadow:0 -1px 1px #73912d inset;-webkit-box-shadow:0 -1px 1px #73912d inset;box-shadow:0 -1px 1px #73912d inset;background-color:#9bbc50;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));   background-image:linear-gradient(180deg,rgba(255,255,255,0.2),rgba(0,0,0,0));  background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));border-width:0 0 2px 0px;border-style:solid;border-color:#73912d;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:10px 18px;color:#EAF3D3;text-decoration:none;text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#33FFFFFF,endColorstr=#00000000)}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{
	-moz-box-shadow:0 -1px 1px #73912d inset;-webkit-box-shadow:0 -1px 1px #73912d inset;box-shadow:0 -1px 1px #73912d inset;background-color:#9bbc50;background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0)); background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));   background-image:linear-gradient(180deg,rgba(255,255,255,0.2),rgba(0,0,0,0));  background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.2),rgba(0,0,0,0));border-style:solid;border-color:#aacb61;color:#FFFFFF;text-decoration:none;text-shadow:0 1px 0 rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#33FFFFFF,endColorstr=#00000000)}
ul#css3menu1 li.subfirst>a{
	border-radius:1px 1px 0 0;-moz-border-radius:1px 1px 0 0;-webkit-border-radius:1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu1 li.sublast>a{
	border-width:1px;border-radius:0 0 1px 1px;-moz-border-radius:0 0 1px 1px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:1px;-webkit-border-bottom-left-radius:1px;}
/*end new menu */
.tbl{
padding:0px;
margin:0px;
width:800px;
height:300px;
border:solid 1px #000;
}
.blockquote { 
  margin: 20px 0; 
  padding: 0px 0px 0 0px;
  background: #FFF;
  color:#339933;
  font: bold;
}
.blockquoteAA { 
  margin: 20px 0; 
  padding: 0px 0px 0 0px;
  background: #FFF;
  color:#339933;
  font: bold;
}
.blockquoteDA { 
  margin: 20px 0; 
  padding: 0px 0px 0 0px;
  background: #FFF;
  color:#0000FF;
  font: bold;
}
.blockquoteNM { 
  margin: 20px 0; 
  padding: 0px 0px 0 0px;
  background: #FFF;
  color:#6633cc;
  font: bold;
}
.blockquoteYA { 
  margin: 20px 0; 
  padding: 0px 0px 0 0px;
  background: #FFF;
  color:#FF3300;
  font: bold;
}
#sbjlist {     background: none repeat scroll 0 0 #F8F8F8;     border: 1px solid #E1E1E1;     width: 100px;  }
.hidden {
display: none;
}
.visible {
display: normal;
}
.clssLst{
	overflow:scroll;
}