#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
 
}
#cssmenu {
  
  height: 25px;
 /* border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0; */
  background: #141414;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  /*border-bottom: 2px solid #e00f16;*/
  border-bottom: 2px solid #2ac6c8;
  
 
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #141414;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  color: #ffffff;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 25px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {

/* for traingle when hoovering on menu */
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  /*z-index: -1; */
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  /*border-bottom: 10px solid #e00f16;*/
  border-bottom: 10px solid #2ac6c8;
  /* triangle sarath border-bottom: 10px solid #2ac6c8;*/
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
}
#cssmenu > ul > li:hover > a {
  background: #070707;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALklEQVQImWNQU9Nh+v//PxMDw3+m//8ZkNj/mRgYIHxy5f//Z0BSi18e2TwS5QG4MGB54HL+mAAAAABJRU5ErkJggg==) 100% 100%; 
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
	/*z-index: -1; */
}
#cssmenu .has-sub:hover > ul {
	display: block;
	
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  /* floating submenu width */
  width: 130px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  /*background: #e00f16;*/
  background: #2ac6c8;
  /* border-bottom: 1px dotted #ec6f73; */
  border-bottom: 1px dotted #ace6e7;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
  
}
#cssmenu .has-sub ul li:hover a {
  /* background: #b00c11; */
  background: #1d8f90;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  /* background: #b00c11; */
  background: #1d8f90;
  /* border-bottom: 1px dotted #d06d70; */
  border-bottom: 1px dotted #ace6e7;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  /* background: #80090d; */
  background: #196f70;
}

/* Inserted by Sarath for home page layout */
	body {
		font-family:arial,helvetica,sans-serif;
		font-size:12px; 
		background: #99ccff;
		/* Fix width to prevent overlapping of boxes */
		 width:976px; 
	
		/* Centre page inside main window */
		margin:0 auto; 
	}
	#banner {
	
		height: auto;
		/*width: 120%*/
		border: 0;
		margin: left;
		/*background-image: url('kuaabanner.png'); */
	
		/*background-position:center; */
		}

		
	#ourad{
	
		text-align:center;
	}
	
      #header
      {
        display:inline;
		position:relative; 
		float:left;          
      }
      
     /* #main,
	  #leftbar,
      #sidebar,*/
	  #contactinfo,
	  #footer
	  {
		display:inline;
		position:relative; 
		float:left;
		border-style: ridge;
		border-top-color: #c2e0ff; 
		border-left-color: #c2e0ff; 
		border-bottom-color: #66ccff; 
		border-right-color: #66ccff; 
		border-width: 1px;
      }
      #contactinfo{
	   clear:both;
	   z-index:-1; 
	   /*float: left;*/
        width:44.9%;
        height:85px;
		margin-top:0.1%;
		padding-left: 4px;
		
      }
	  
	  #footer {
		float: left;
        width:46%;
        height:85px;
		margin-top:0.1%;
		margin-left:0.3%;
		padding-left: 4px;
      }
	  
      #header {
		width:100%
		height:auto;
        /*margin-bottom:0.3%;*/
		/*margin-top:0.5%; */
	    margin: 0 auto;

      }
  
      #leftbar {
		
		width:18%;
		/*height:420px;*/
		height:auto;		
		padding-right:4px;
		padding-top:4px;
		line-height: 70%;
		text-align:right;
		
		display:inline;
       position:relative; 
	   /* below index is not correct but use just to overcome overlaping */
	   /* z-index: -1;  */
       float:left;
		 }
		 
      #main {
        width:52.3%;
        /*height:65%;*/
		/*height:420px;*/
		height:auto;		
        margin-left:0.3%;
		line-height: 130%;
		padding-top:4px;
		
		padding-left:4px;
		padding-right:1px;
		
		display:inline;
       position:relative; 
	    z-index:-1; 
       float:left;
		      }
			  
			  
      #sidebar {
        width:20%;
        /*height:420px;*/
		height:auto;
		padding-top:4px;
		margin-left:0.3%;
		text-align:center;
		
		display:inline;
       position:relative; 
	   /* z-index:-1;*/
       float:left;
      }
	  
	  #eventline {
		
        width:900px;
        height:auto;
		
		
	/*	border-style:ridge; */
	/*	border-top-color: #c2e0ff; */
	/*	border-left-color: #c2e0ff; */
	/*	border-bottom-color: #66ccff; */
	/*	border-right-color: #66ccff; */
		border-width:1px; 
		
      }
	  
	 #newsline {
		
     /*   width:900px; */
        height:auto;
		text-align:left
	/*	border-style:ridge; */
	/*	border-top-color: #c2e0ff; */
	/*	border-left-color: #c2e0ff; */
	/*	border-bottom-color: #66ccff; */
	/*	border-right-color: #66ccff; */
	border-width:1px; 
		
      }
	 
	 #committeeline {
		width:900px; 
	 }
	  
	 #pagehead {
		width:900px; 
		/*height:90px; */
		text-align:left;
		padding-top:5px;
		padding-bottom:5px;
		font-family:arial; 
		font-size:150%;
		color:#ffffff; 
		line-height:100%; 
	 }
	 
	  #videovwindow{
		width:900px;  
	 }
	  #videorecord{
		 width:900px; 
	 }
	 
	 /* feedback form */


	 
 /*@font-face {
    font-family:'Iskoola Pota';
    src:url('fonts/iskpota.ttf');
	
} */
	 
	h1.whiteheading{font-family:arial; color:#ffffff; line-height:60%; padding-top:3px;}
	h1.whiteh{font-family:arial; color:#ffffff; }
	p.whiteheading{font-family:arial; font-size:100%; color:#ffffff; line-height:100%}
	p.subheading{font-family:arial; font-size:80%; color:#ffffff; line-height:100%}
	p.blacknormal{font-family:arial; font-size:100%; line-height:120%}
	p.link{font-family:arial; font-size:80%; color:#ffffff; line-height:80%}
	hr.divider{text-align: left; margin-left:0; width:900px}
	ul.b {list-style-type:square;}

/*	p.sinhala{font-family:"Iskoola Pota"}/*