/*Created by Supun Manukulasuriya*/

body {
 background-color: white;
 font-family: arial;
/* font-size: 12px; */
font-size: 0.7em; 
}

h1 {
	font-family: arial;
	font-size: 22px;
	color: #000099;
	padding-top: 5px;
	padding-top:0px;

}

p {
	font-size:11px;
	font-family:arial;
}

p a {
	color:#666666;
	text-decoration: none;
}

p a:hover {
	text-decoration: bold;
} 

a {
	color:#000099;
	text-decoration: none;
}	

a:hover {
	text-decoration: underline;
	/*  background-color:#9999ff; */
}

a:hover img{
	background-color: black;
}

a image{
	border-style:outset;
	border-color: black;
	border-width:3px;
  max-width: 980px;
max-height: 6400px;
      }


/* main_styles */




#top_banner {	


	margin-bottom: 0px;
	margin-left: 0%; 
/*	border: 4px;	*/
margin-bottom: 0.1em; 
width: 100%;
height: auto;
text-align: center;
position: center;
}



#mid_long_buttons4 {

	margin-bottom: 0%;
margin-left: 1%;  
margin-left: auto; 
	margin-right: auto;
	 width: 0px; 
width: 100%; 
	height: 20px;
	text-align: left;
	font-size: 1em;
	font-family: arial;
	font-weight: bold;
	background-color: rgb(241, 239, 253);
}


#mid_long_buttons4 ul {

	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-left: 0%;
  	margin-left: 1%; 
}

#mid_long_buttons4 li.mid {

	border-right: 2px solid white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	float: left; 
 width: 100%;  
}

#mid_long_buttons4 li.mid a {

		display: block;
		padding: 5px 0px 5px 0.5em;
		
		background-color: rgb(168, 177, 250);
		color: black;
		text-decoration: none;

		}

#mid_long_buttons4 li.mid a:hover {
		
		background-color: #9999ff;
		color: black;
		}




/* --------------------- */




#button_banner 
{	
margin-left: 0%; 	
margin-top: 0em;	
margin-bottom: 0em;    	
width: 100%;
height: auto;
text-align: center;
position: center;
}


#main_videos2 {

margin-left: auto;	
margin-right: auto; 
max-width: 980px;
min-width: 300px;
position: center;	
border: none;
}

#background2 {

 background-repeat: no-repeat;	 
background-position: right top; 	
 background-color: rgb(241, 239, 253); 
margin-left: 0%; 
 width: 100%; 
 /* height: 1280em; */

}


#top_buttons {
	margin-bottom: 0em;
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;  
	margin-left: 0.5%; 
width: 100%;
text-align: center;
position: center;
	height: 20px;   
font-size: 1em;  
	font-family: arial;
	background-color: white;
	color: #333;
}

#top_buttons ul {
	list-style: none;  
	padding: 0;
	border: none;
	margin-left: 0%;
position: center;
}

#top_buttons li {
	border-right: 0.2em solid white;
	border-top: 0em solid white;
	border-bottom: 0em solid white;
margin-left: 0%;	
width: 15.7%;
	 float: left;   
	font-size: 1em;
}

#top_buttons li a {
		display: block;
		padding: 5px 2px 5px 0.2em; 
		background-color: rgb(168, 177, 250);
		color: black;
		}

#top_buttons li a:hover {
		background-color: #9999ff;
		color: black;
		}


#video_container2 {

	margin-left: 1%;

	margin-right: auto;  
	width: 98%;
	position: auto;
	border: none;

}


#videos2 {	
font-size: 1em;	
	float: left;	
	width: 124px; 	
	height: 88px; 
	margin-left:4px;  
	margin-bottom: 12px;	
	padding-bottom: 12px;		
	text-align: center;
	}


#videos3 {
	/* margin-top: 36px; */
margin-top: 2.5em; 
/*	font-size:12px; */
font-size: 1em;	
	float: left;
/*	width: 184px; 	*/
	width: 210px; 
	height: 80px;
	/* margin-left:10px; 4 vids */
/*	margin-left:60px;  */
	margin-left:30px;  
/*	margin-bottom: 12px; 
	padding-bottom: 12px;  */
margin-bottom: 1.5em; 
	padding-bottom: 1.5em; 
	text-align: center;
	
}

/* ----------------- */

#body2 {
	font-family: arial;
	font-size: 12px;
	width: 600px;
	margin-left: 80px;
	margin-top: 10px;
	margin-bottom:10px;
	color:#666666;

}


/** Set link-image border color    **/
	A:link img, A:visited img {border-color: #fff;}
	A:hover img {border-color: black;}


#body {
	font-family: arial;
	font-size: 12px;
	width: 350px;
	margin-left: 160px;
	margin-top: 10px;
	margin-bottom:10px;
	color:#666666;

}


#body38 {	
	font-family: arial;	
	font-size: 12px;	
/*	width: 780px; */	
width: 95%; 
	margin-left: 16px;	
	margin-top: 1px;	
	margin-bottom:10px;	
	color:#666666;
}

#body22 {	
	font-family: arial;	
	font-size: 12px;		
width: 95%; 
	margin-left: 5em;	
	margin-top: 1px;	
	margin-bottom:10px;	
	color:#666666;
}



#video_body {
	text-align: center;
}

#body a {
	color:#000099;
	text-decoration: none;
}

#body a:hover {
	text-decoration: underline;
} 


#footer {
	font-family: arial;
	font-size: 11px;
	width: 100%;
	color: #6962cb;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 50px;
	background-color:rgb(241, 239, 253);
}

#footer a {
	text-decoration: none;
	color:#666666;
}

#footer a:hover {
	text-decoration:underline;
	color:#000099;
}


#copyright {
	margin-top: 5px;
	font-family: arial;
	color: grey;
	font-size: 11px;
}

#name {
	margin-bottom: 2px;
	left: -402px;
	margin-left: 50%;
	width: 799px;
	position: relative;
}

#toplinks {
	margin-left: 160px;
	margin-top: 10px;
}
	

#video_container {
	margin-left:96px;
/*	_margin-left:0px; */
}

#pictures1 {
	font-size: 12px;
	float: left;
	width: 200px;
	height: 250px;
	margin-left:27px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	_padding-bottom: 0px;
	text-align: center;
}
#pictures2 {
	font-size: 12px;
	float: left;
	width: 200px;
	height: 98px;
	margin-left:27px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	_padding-bottom: 0px;
	text-align: center;
}
#videos {
	font-size: 12px;
	float: left;
	width: 200px;
	height: 80px;
	margin-left:27px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	_padding-bottom: 0px;
	text-align: center;
}
#videos1 {
	font-size: 12px;
	float: left;
	width: 656px;
	height: 90px;
	margin-left:27px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	_padding-bottom: 0px;
	text-align: center;
}
#videos1-1 {
	font-size: 12px;
	float: left;
	width: 656px;
	height: 40px;
	margin-left:27px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	_padding-bottom: 0px;
	text-align: center;
}


#videos a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-family: arial;
}


#videos a:hover {
	color: #000099;
	text-decoration: none;
}

#body {
	font-family: arial;
	font-size: 12px;
	width: 350px;
	margin-left: 160px;
	margin-top: 10px;
	margin-bottom:10px;
	color:#666666;

}

#hindi {
	font-family: arial;
	font-size: 12px;
	width: 170px;
	float: left;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom:10px;
	color:#666666;

}


#hindi2 {
	font-family: arial;
	font-size: 12px;
	width: 170px;
	float: left;
	margin-left: 175px;
	margin-top: 10px;
	margin-bottom:10px;
	color:#666666;

}


#tab_shift {
	margin-left: 220px;
}

#weddings {
	margin-left: 100px;
}


/*Created by Supun Manukulasuriya*/

#top_buttons2 {
	margin-bottom: 0px;
	left: -398;   
	margin-left: 50%;
/*	margin-right: auto;  */
	font-size: 12px;
	width: 798;
	position: relative;   
		}

#top_buttons2 ul {
	list-style: none;
	padding: 0;
	border: none;
	margin-left: 2px;
}

		
#top_buttons2 li {
	border-right: 2px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	  float: left;  
}

#top_buttons2 li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		
	/*	background-color: rgb(201, 211, 247);  */
		background-color: rgb(168, 177, 250);
		color: black;
		text-decoration: none;
		font-size: 12px;
	/*	width: 101px   */
		width: 110
		}

	html>body #button li a {
		width: auto;
		}

#top_buttons2 li a:hover {
	/*	background-color: #A3ACC9;  */
		background-color: #9999ff;
		color: black;
		}





/*Created by Samiru Manukulasuriya*/


#mid_long_buttons {
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 796px;
	position: relative;
	
	height: 40px;
	text-align: center;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;

	background-color: rgb(241, 239, 253);
/*	background-image:url('../images/buttons.jpg');
	color: #333; */
}


#mid_long_buttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-left: 100px;
	/* _margin-left: 200px; */
}

		
#mid_long_buttons li {
	border-right: 2px solid white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	float: left;
}

#mid_long_buttons li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		
		background-color: rgb(201, 211, 247);
		color: black;
		text-decoration: none;
		width: 600px
		}

/*	html>body #button li a {
		width: auto;
		} */

	#mid_long_buttons li a:hover {
		
		background-color: #A3ACC9;
		color: black;
		}


#mid_long_buttons2 {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: auto;
	width: 796px;
	position: relative;
	
	height: 40px;
	text-align: center;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;

	background-color: rgb(241, 239, 253);
/*	background-image:url('../images/buttons.jpg');
	color: #333; */
}


#mid_long_buttons2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-left: 0px;
	/* _margin-left: 200px; */
}

		
#mid_long_buttons2 li.mid {
	border-right: 2px solid white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	float: left;
}

#mid_long_buttons2 li.mid a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		
		background-color: rgb(201, 211, 247);
		color: black;
		text-decoration: none;
		width: 490px
		}

/*	html>body #button li a {
		width: auto;
		} */

	#mid_long_buttons2 li.mid a:hover {
		
		background-color: #9999ff;
	/*	background-color: #A3ACC9;    */
		color: black;
		}


#mid_long_buttons2 li.lleft {
	border-right: 70px solid rgb(241, 239, 253);
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	float: left;
}

#mid_long_buttons2 li.lleft a {
		display: block;
		padding: 2px 5px 2px 0.5em;
		
		background-color: rgb(201, 211, 247);
		color: black;
		text-decoration: none;
		width: 100px
		}
/*	html>body #button li.lleft a {
		width: auto;
		} */

	#mid_long_buttons2 li.lleft a:hover {
		
		background-color: #9999ff;
	/*	background-color: #A3ACC9;    */
		color: black;
		}


#mid_long_buttons3 {
	margin-bottom: 0px;
	margin-left: 104px;
	margin-right: auto;
	 width: 0px; 
	position: relative;
	
	height: 20px;
	text-align: left;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;

	background-color: rgb(241, 239, 253);
/*	background-image:url('../images/buttons.jpg'); */
/*	color: #333; */
}


#mid_long_buttons3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-left: 0px;
	/* _margin-left: 200px; */
}

/*		
#mid_long_buttons3 li.mid {
	border-right: 2px solid white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	float: left;
}

#mid_long_buttons3 li.mid a {
		display: block;
		padding: 5px 0px 5px 0.5em;
		
		background-color: rgb(168, 177, 250);
		color: black;
		text-decoration: none;
		width: 660px
		}

/*
#mid_long_buttons3 li.mid a:hover {
		
		background-color: #9999ff;
	/*	background-color: #A3ACC9;    */
		color: black;
		}

#mid_long_buttons3 li.lleft {
	border-right: 70px solid rgb(168, 177, 250);
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	float: left;
}

#mid_long_buttons3 li.lleft a {
		display: block;
		padding: 2px 5px 2px 0.5em;
		
		background-color: rgb(168, 177, 250);
		color: black;
		text-decoration: none;
		width: 96px
		}
	*/

/*	html>body #button li.lleft a {
		width: auto;
		} */

/*	#mid_long_buttons3 li.lleft a:hover {
		
		background-color: #9999ff;
	/*	background-color: #A3ACC9;    */
		color: black;
		}
*/
*/



#mid_long_buttons3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-left: 0px;
	/* _margin-left: 200px; */
}

		
#mid_long_buttons3 li.mid {
	border-right: 2px solid white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	float: left;
}

#mid_long_buttons3 li.mid a {
		display: block;
		padding: 5px 0px 5px 0.5em;
		
		background-color: rgb(168, 177, 250);
		color: black;
		text-decoration: none;
		width: 660px
		}

/*
#mid_long_buttons3 li.mid a:hover {
		
		background-color: #9999ff;
	/*	background-color: #A3ACC9;    */
		color: black;
		}

#mid_long_buttons3 li.lleft {
	border-right: 70px solid rgb(168, 177, 250);
	border-top: 0px solid white;
	border-bottom: 0px solid white;
	float: left;
}

#mid_long_buttons3 li.lleft a {
		display: block;
		padding: 2px 5px 2px 0.5em;
		
		background-color: rgb(168, 177, 250);
		color: black;
		text-decoration: none;
		width: 96px
		}
	*/

/*	html>body #button li.lleft a {
		width: auto;
		} */

/*	#mid_long_buttons3 li.lleft a:hover {
		
		background-color: #9999ff;
	/*	background-color: #A3ACC9;    */
		color: black;
		}
*/





#button {
	width: 113px;
	_width: 101px;
	font-family: arial;
	background-color: rgb(241, 239, 253);
	color: black;
	float:left;
	height: 100px;
	text-align: center;
	}


#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button li {
	margin: 0;
	font-size: 11px;
	font-weight: none;
	border-bottom: 2px solid rgb(241, 239, 253);
		}

#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		background-color: rgb(201, 211, 247);
		color: black;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		background-color: #A3ACC9;
		color: black;
		}




#button2-right {
	margin-top: 8px;
	margin-bottom: 8px;
margin-right: 15px;
	left: auto; 
	right: auto;
/*	align: center;     */
/*	margin-left: 0px;
	margin-right: 0px;   */
	width: 176px;
	position: relative;   
/*		margin: 0px;     */
	font-family: arial;
/*	background-color: rgb(241, 239, 253);  */
	background-color: rgb(219, 214, 245);
	color: black;
	float:right;  
	height: 900px;
	text-align: center;
	}

/*
#button2-right ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#button2-right li {
	margin: 0;
	font-size: 11px;
	font-weight: none;
	border-bottom: 2px solid rgb(241, 239, 253);
		}

#button2-right li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		background-color: rgb(201, 211, 247);
		color: black;
		text-decoration: none;
		width: 100%;
		}

	html>body #buttonbutton2-right li a {
		width: auto;
		}

#button2-right li a:hover {
		background-color: #A3ACC9;
		color: black;
		}
*/

#button2-bottom {
	margin-top: 10px;
	margin-bottom: 10px;
margin-right: 15px;
	left: auto; 
	right: auto;
/*	align: center;     */
	margin-left: 20px;
	margin-right: 0px;   
	width: 680px;
	position: relative;   
/*		margin: 0px;     */
	font-family: arial;
/*	background-color: rgb(241, 239, 253);  */
	background-color: rgb(219, 214, 245);
	color: black;
	float:right;  
	height: 200px;
	text-align: center;
	}




/*Created by Supun Manukulasuriya*/

body {
 background-color: white;
 font-family: arial;
 font-size: 12px;
 /* width: 800px; */
}

h1 {
	font-family: arial;
	font-size: 22px;
	color: #000099;
	padding-top: 5px;
	_padding-top:0px;

}

p {
	font-size:11px;
	font-family:arial;
}

p a {
	color:#666666;
	text-decoration: none;
}

p a:hover {
	text-decoration: underline;
} 

a {
	color:#000099;
	text-decoration: none;
}	

a:hover {
	text-decoration: underline;
}





