body, td, th, p, br {
           font-family:arial, helvetica, sans-serif;
           font-size:small;
		   color:#000;
}
h1, h2 {font-size: medium}

h3, h4, h5 {font-size:small}

a:link {
	font-weight:bold;
	text-decoration: none;
}
a:visited {
    color:#069;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
	font-weight:bold;
}
a:active {
	text-decoration:underline;
	font-weight:bold;
}
ul {margin-top:0px}

img {border:0px}

.clear {
	clear:both; 
	overflow: hidden; 
	height: 1px;
	margin:0px;
	padding:0px
}
#fullclearline {clear:both; 
			overflow: hidden; 
			height: 0px; 
			border-top:2px solid
}
.clearline {overflow:hidden;
			height:0px;
			border-top:2px solid;
}
.smallprint {font-size:smaller}
/*container border formatting for pages belonging to different categories*/
.home {
	border:1px solid #046868;
}
.beginners {
	border:1px solid #923;
}
.elearning {
	border:1px solid #336;
}
.eservices {
	border:1px solid #606;
}
.whatsnew {
	border:1px solid #f60;
}
.contactus {
	border:1px solid #069;
}
.search {
	border:1px solid #ccf
}
/*End container border formatting for pages belonging to different categories*/

/*to change the background colour, border and alignment of a box*/
.homeback {background-color:#b8d3d3;
		  border:1px solid #046868;
		  text-align:center
}
.begback {background-color:#fedaed;
		  border:1px solid #923;
		  text-align:center
}

.learnback {background-color:#dbdbe2;
		  border:1px solid #336;
		  text-align:center
}
.eservback {background-color:#d6bdd6;
		  border:1px solid #606;
		  text-align:center
}
.newback {background-color:#fecead;
		  border:1px solid #f60;
		  text-align:center
}
.contactback {background-color:#cddee7;
		  border:1px solid #069;
		  text-align:center
}
/*to enbolden and change the colour of a word, span, paragraph, etc.*/
.green {
	color:#046868;
	font-weight:bold
}
		
.red {
	color:#923; 
	font-weight:bold;
}
.navy {
	color:#336;
	font-weight:bold
}
.purple {
	color:#606;
	font-weight:bold
}
.blue {
	color: #069;
	font-weight:bold
}
.orange {
	color:#f60;
	font-weight:bold
}
.lightblue {
	color:#ccf;
	font-weight:bold
}

.yellowback {
	background-color: #ffc;
	border-bottom: 1px solid #ccf;	
}
.blueback {
	background-color: #ccf;
	border-bottom: 1px solid #ffc;
}

.dotline {
	padding-bottom:8px;
	border-bottom: 1px dashed;}
	
.bold {font-weight:bold}

.centre {text-align:center}

.left {text-align:left}

.right {text-align:right}

.picleft {
	display: block; 
	float: left; 
	position:relative;
	margin-right:10px;
}
.picright {
	display: block; 
	float: right; 
	position: relative; 
	margin-left: 10px;
}
.nomargin {margin:0px; padding:0px}

/*single column layout*/
.main-single {
	width:777px;
	margin:5px auto;
	position: relative;
	padding:5px 7px;
	background-color:#fff;
	left: -1px;
}
.main-single ul,li,ol {
     font-size:small;
}
/* End single column layout*/

/* Inset Side - Right for single column box*/
#insetright {
	display: block; 
	float: right; 
	width: 250px; 
	position: relative; 
	padding:5px 5px;	
	margin:0px 0px -5px 25px;
	clear:right
}
#insetleft {
	display: block; 
	float: left; 
	width: 250px; 
	position: relative; 
	padding:5px 5px;	
	margin:0px 25px -5px 0px;
	clear:left
}

#warning {
	display:block;
	position:relative;
	padding:2px 2px;
	margin:0px 0px 5px 0px;
	border: 2px solid #c00;
	}
/*inner two column layout similar to table with border*/
.containertwocol {
	width:760px; 
	margin: 5px auto; 
	display: block; 
	overflow: visible; 
	position: relative;
	padding:5px 0px 5px 5px;
}
.righttwocol {
	display: block; 
	float: right; 
	width: 370px; 
	position: relative; 
	padding:5px 0px 5px 5px;	
	margin:-5px 0px -5px 5px;
	border-left:2px solid #ccf;
}
.lefttwocol {
	display: block; 
	float: left; 
	width: 370px; 
	position: relative; 
	padding:5px 5px 5px 0px;	
	margin:-5px 0px -5px 0px;
	border-right:2px solid #ccf;
}

/*End inner two column layout*/

/*three column layout*/
.containerthreecols {
	width:760px; 
	margin: 5px auto; 
	display: block; 
	overflow: visible; 
	position: relative;
	padding:5px 0px 5px 5px;
}

.rightthreecols {
	display: block; 
	float: right; 
	width: 220px; 
	position: relative; 
	padding:0px 15px;	
	margin:-5px 0px -5px 5px;
	border-left:2px solid #ccf;
}
.leftthreecols {
	display: block; 
	float: left; 
	width: 220px; 
	position: relative; 
	padding:0px 15px;	
	margin:-5px 5px -5px 0px;
	border-right:2px solid #ccf;
}

/*four columns*/
.rightfourcols {
	display: block; 
	float: right; 
	width: 153px; 
	position: relative; 
	padding:0px 15px;	
	margin:-5px 0px -5px 5px;
	border-left:2px solid #ccf;
}

/*End three column layout*/

#display {
	width:790px; 
	height:492px;
	margin: 5px auto; 
	display: block;
	overflow:visible;
	position: relative;
	padding:5px 0px;
}
#top-left {
	display: block;
	width: 210px;
	height: 150px;
	position:absolute;
	left:0px;
	top:0px;
	padding:5px 5px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	overflow:auto
}
#centre{
	display: block; 
	width: 318px; 
	height:319px;
	position: absolute;
	left:229px;
	top:0px; 
	padding:5px 5px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	overflow:auto
}
#top-right {
	display: block; 
	width: 210px;
	height: 150px; 
	position:absolute; 
	right:0px;
	top:0px;
	padding:5px 5px;	
	margin:0px 0px 0px 0px;
    vertical-align:middle;
	overflow:auto
}
#mid-left {
	display: block; 
	width: 210px; 
	height:150px;
	position:absolute;
	left:0px;
	top:169px; 
	padding:5px 5px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	overflow:auto
}
#mid-right {
	display: block; 
	width: 210px;
	height: 150px; 
	position:absolute;
	right:0px;
	top:169px;
	padding:5px 5px;	
	margin:0px 0px 0px 0px;
    vertical-align:middle;
	overflow:auto
}
#bottom-left {
	display: block; 
	width: 210px; 
	height:150px;
	position:absolute;
	left:0px;
	top:338px;
	padding:5px 5px;
	margin:0px 0px -5px 0px;
	vertical-align:middle;
	overflow:auto
}
#bottom-right {
	display: block; 
	width: 210px;
	height: 150px; 
	position:absolute;
	right:0px;
	top:338px;
	padding:5px 5px;	
	margin:0px 0px -5px 0px;
    vertical-align:middle;
	overflow:auto
}
#bottom-centre{
	display: block; 
	width: 318px; 
	height:150px;
	position: absolute;
	left:229px;
	top:338px; 
	padding:5px 5px;
	margin:0px 0px -5px 0px;
	vertical-align:middle;
	overflow:auto
}
.centre-display{
	display: none; 
	width: 318px; 
	position: absolute;
	left:229px;
	top:0px; 
	padding:5px 5px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
	min-height:319px;
	height:auto;
	z-index:1
}
/* for Internet Explorer */
/*\*/
* html .centre-display {
height: 319px;
}
/**/

/*end of display unit*/

/*hidden form section*/
.hiddenform{
	display: none; 
	width: 760px; 
	position: relative;
	padding:5px 5px;
	margin:0px 0px 0px 0px;
}
/*end of hidden form section*/

/*formlines layout*/
.formline{
     margin:0; 
     padding:0; 
     list-style-type:none; 
     width:775px;
	 text-align:left;
	 position:relative; 
	 white-space:nowrap;
}
.formline li {
    float:left;
    padding:0; 
	margin:0; 
}
.formline span {
  display:block;
  min-height:25px;
  font-weight:normal; 
  font-size:12px;
  border:1px outset; 
  padding:2px 4px; 
}
HTML .formline span {
min-height:25px; 
}
.formline b {
  display:block; 
}
.onecol li {width: 774px;}
.twocol li{width: 387px;}
.threecol li {width: 258px;}
.fourcol li{width:194px;}
/*end of formlines layout*/