html, body {
 height: 100%;
}

body {
 margin: 0;
 padding: 0;
 text-decoration: none;
 background-color:#FFFFFF;
}

p {
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
}

#containerSl {
 min-height: 100%;
 height: 100%;
 margin: 0 auto -117px auto;
 width:1000px;/* width od  current site*/
 } html>body #containerSl { height: auto; }

#logo {
 width:173px;
 height:130px;
 /*background-image:url(../images/logo.jpg);*/
 float:left;
}

#header {
 width:827px;
 height:50px;
 background-image:url(../images/header.jpg);
 padding-top:80px;
 float:left;
 }
#links {
 width:1000px;
 height:17px;
 background-image:url(../images/linkBg.jpg);
 background-repeat:repeat;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFFFFF;
 padding-top:4px;
 float:left;
 }
#mainloginDis{
 width:165px;
 float:left;
 padding-left:5px;
 }
 #mainLinks{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFFFFF;
 font-weight:bold;
 width:830px;
 float:left;
 }
#logout{
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#FFFFFF;
 font-weight:bold;
 width:0px;
 float:left;
 }
#linkBtmcontainer {
 width:1000px;
 height:164px;
 }
#leftSideLinks {
 width:152px;
 height:164px;
 background-image:url(../images/leftSideLinks.jpg);
 float:left;
 text-align:left;
 padding-left:20px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:bold;
 color:#000066;
}

#banner {
 width:643px;
 height:164px;
 float:left;
 }
 
#login {
 width:173px;
 height:129px;
 background-image:url(../images/login.jpg);
 float:left;
 padding-top:35px;
 padding-left:12px;
 background-repeat:no-repeat;
 }
#loged {
 width:173px;
 height:149px;
 background-image:url(../images/logBg.jpg);
 float:left;
 padding-top:15px;
 padding-left:12px;
 background-repeat:no-repeat;
 } 
#mainContainer{
width:1000px;
} 
#leftLinks{
 width:172px;
 float:left;
}
#leftSideLinkBtm {
 width:172px;
 background-color:#dee8f2;
 float:left;
 height:400px;
 }
#rankBgHead{
width:172px;
height:20px;
background-image:url(../images/rankbgHead.jpg);
}
.rankBgHeadText{
   font-family:Verdana, Arial, Helvetica;
   font-size:11px;
   color:#990000;
}
.topimg{
  width:155px;
  height:86px;
  padding-left:47px;
  }
#rankImg{
padding-top:2px;
padding-left:5px;
}  
.rankName{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000066;
background-image:url(../images/holderName.jpg);
}
#rankName{
height:15px;
}
#top3RankHead{
   font-family:Verdana, Arial, Helvetica;
   font-size:11px;
   font-weight:bold;
   color:#990000;
}  
.rankFig{
padding-bottom:13px;
}
#content {
 width:643px;
 float:left;
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#0033FF;
 font-weight:bold; 
 }
 #mainContainer23{ 
 width:828px;
 float:left;
 }
#centralContainer{ 
 width:643px;
 float:left;
 }
#newsScroll{
 width:623px;
 padding-left:10px;
 padding-right:10px;
 padding-top:8px;
} 
#newsScrollIn{
 width:623px;
 height:17px;
 font-family:Verdana, Arial, Helvetica;
 font-size:11px;
 color:#CF0000;
 text-decoration:none;
 padding-top:3px;
 background-color:#F3F3F3;
} 
 #centralContent{ 
 width:623px;
 float:left;
 padding-left:10px;
 padding-right:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align:justify;
 color:#000000;
 }
#innerContent{ 
 float:left;
 padding-left:10px;
 padding-right:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align:justify;
 color:#272727;
 }
#rightLinks{
 width:185px;
 float:left;
} 
#contentRightContainer {
 width:185px; 
 height:295px;
 float:left;
 }
#loginBtm {
 width:185px; 
 height:88px;
 }
#rightSideBanner {
 width:185px; 
 height:156px;
 background-image:url(../images/rightSideBanner.jpg);
 }
 
#footer {
 width:1000px; 
 height:37px;
 background-image:url(../images/footerBg.jpg);
 background-repeat:repeat;
 background-color:#5b8dbe;
 float:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align:center;
 color:#FFFFFF;
 padding-top:3px;
 }
#home {
 padding-top:9px;
 }
 
#about {
 padding-top:7px;
 }
 
#courses{
 padding-top:7px;
 }
 
#questions{
 padding-top:6px;
 }
 
#attendance{
 padding-top:8px;
 }
 
#register{
 padding-top:8px;
 }
 
#results{
 padding-top:6px;
 }
 
#library{
 padding-top:7px;
 }

.menuLinks{
   font-family:Verdana, Arial, Helvetica;
   font-size:11px;
   text-decoration:none;
   color:#FFFFFF;

 }
.menuLinks:hover{
	color:#FFFF00;
	text-decoration:none;
}
.leftSideLinks {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
   color:#000066;
   text-decoration:none;
}
.leftSideLinks:hover{
	color:#336699;
	text-decoration:none;
}
.preigo{
    font-family:Verdana, Arial, Helvetica;
    font-size:11px;
    text-decoration:none;
    color:#FFFF00;
}
.preigo:hover{
   color:#DD137B;
}
.footer{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align:center;
 color:#FFFFFF;
 text-decoration:none;
}
 .footer:hover{
     color:#FFFF00;
}
.input   
	{
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
	  color: #383838;
	  border: solid rgb(193,192,192) 1px;
	  width:200px;
   }
.inputIndex{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:bold;
  color: #A4A4A4;
  border: solid rgb(193,192,192) 1px;
  }
.inputBookCode  
	{
	  font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
	  color: #383838;
	  border: solid rgb(193,192,192) 1px;
	  width:65px;
   }  
.register{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-decoration:none;
 color:#3D3D3D;
} 
.register:hover{
 color:#E7331C;
}
#clickHere{
padding-top:30px;
padding-left:10px;
}
.clickHereImg{
 width:77px;
 height:19px;
 border:0px;
 }
.ourBooks{
 width:182px;
 height:61px;
padding-top:10px;
border:0px;
}
.enter{
 padding-left:5px;
 padding-top:8px;
 width:61px;
 height:20px;
}
#pageHead{
 font-family:Arial, Helvetica, sans-serif;
 font-size:15px;
 color:#37628C;
 font-weight:bold; 
  }
#loginForm{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#3D3D3D;
} 
 .errorText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
    }
.nameDis{
 padding-left:70px;
 }
.logPad{
 padding-left:160px;
} 
.normalText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
    }
#welcomeHead{
       width:783px;
	   height:20px;
	   background-color:#E3F1FD;
	   margin-left:10px;
	   margin-top:5px;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:13px;color:#4E84BA;
	   font-weight:bold;padding-left:10px;padding-top:7px;
}	
#exaImgPad{
 padding-top:30px;padding-left:60px;float:left;
}	
#quesImgPad{
padding-top:30px;padding-left:150px;float:left;
}
#libImgPad{
padding-top:30px;padding-left:120px;float:left;
}
#exaWriPad{
 padding-top:15px;padding-left:45px;float:left;
}	
#quesWriPad{
padding-top:15px;padding-left:90px;float:left;
}
#libWriPad{
padding-top:15px;padding-left:40px;float:left;
}

#attImgPad{
 padding-top:30px;padding-left:160px;float:left;
}	
#UseAccImgPad{
padding-top:30px;padding-left:160px;float:left
}
#attWriPad{
 padding-top:10px;padding-left:155px;float:left;
}	
#UseAccWriPad{
padding-top:10px;padding-left:160px;float:left
}

.welcomeMainLink{
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:13px;
	   color:#4E84BA;
	   text-decoration:none;
	   font-weight:bold;
}
.welcomeMainLink:hover{
	   color:#000099;
}
#accTablePad{
margin-left:10px;margin-top:8px;
}

.address{
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  text-decoration:underline;
  color:#336699;
  font-weight:bold;
  }
  
 #address{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-align:center;
 color:#666666;
 }
 #newsUpdate{
 width:185px; 
 height:295px;
 }
 #newsHead{
 width:185px; 
 height:40px;
 background-image:url(../images/newsHead.jpg);
 }
 #newsUpdateBg{
 width:155px; 
 height:270px;
 padding-top:30px;
 padding-left:10px;
 padding-right:20px;
 background-repeat:no-repeat;
 background-image:url(../images/newsbgBlue.jpg);
 }
#newsBtm{
 width:185px; 
 height:23px;
 background-image:url(../images/newBtm.jpg);
 }
.newsdate{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   text-decoration:none;
   font-weight:bold;
   color:#01255c;
}
.newsContent{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:13px;
   text-decoration:none;
   color:#333333;
}
.newsContent:hover{
text-decoration:underline;
}
/* Class or home page client side*/
#homeContent{
 border:1px solid #A9A7A7; 
 width:770px; 
 margin-bottom:1em; 
 padding: 10px;
/* background-image:url(../images/logoBg.jpg);
 background-repeat:no-repeat;
 background-position:center;*/
 }
#homeTab{
 width:700px;
 }
 /* Class or home page client side*/
#homeCourse{
 border:1px solid #A9A7A7; 
 width:580px; 
 margin-bottom:1em; 
 padding: 10px;
/* background-image:url(../images/logoBg.jpg);
 background-repeat:no-repeat;
 background-position:center;*/
 }
#homeCourseTab{
 width:600px;
 }
 
#studPhoto{
 height:123px;
 width:117px;
 padding-top:4px;
 padding-left:0px;
 background-image:url(../images/stdPhoto.jpg);
 } 
#myhomeIn{
 padding-left:20px;
 padding-top:30px;
 }
#studDetails{
   float:left;
   padding-top:25px;
   padding-left:100px; 
 }
.studName{
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 color:#CF0001;
 font-weight:bold;
 text-decoration:none;
}
 .studHead{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
   color:#AA5500;
  }
 .studDetails{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333333;
 font-weight:bold;
 text-decoration:none;
}
#schDetails{
  float:left;
  padding-top:30px;
  padding-left:90px;
}
.detailsHead{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-decoration:underline;
 color:#CF0001;
  }
#ownDetails{
   float:left;
 }   
#guaDetails{
  float:left;
  padding-left:30px;
} 
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #BDD5EC;
	cursor: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.buttonreset {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #DDDCE1;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.buttonLibSearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #96B6D6;
	cursor: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}
.attendanceTable{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000
 }
 .border{
  border: 1px solid #cccccc;
  }
.popupLink{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  color:#03008C;
  text-decoration:none;
  }
.popupLink:hover{
  color:#C90101;
  }  
  .popupLinkMailRead{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#03008C;
  text-decoration:underline;
  }
.popupLinkMailRead:hover{
  color:#C90101;
  }  
   .syllaSubHead{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#03008C;
  font-weight:bold;
  text-decoration:underline;
  } 