body { 
	margin: 0px 2% 40px 0%; 
	width:100%; 
	color: black; 
	font:14px Arial, Helvetica, Times, sans-serif; 
	background-color:white;
	line-height:25px; 
	/*padding: 0 1% 2% 5%; 
	margin: 0 1% 1% 1%; 
	text-align:left; 
	*/
}

*{
	box-sizing: border-box;
}

a {
	text-decoration:none;
	color:#0360A5;
}

a:link {
	text-decoration:none; 
	color:#0360A5;
}

a:visited{
	text-decoration:none; 
	color:#0360A5;
}

a:hover {
	text-decoration:underline; 
	color: green;
}

.abs {
	display: inline;
}

.subtitle {
	margin:0 5px 5px 5px; 
	color: black; 
	/* background-color:#9abcde; 
	background-image:url("./o/green_gradient.png");*/ 
	/*background-repeat:repeat;*/
	/*width:100%; */
	font-family:Helvetica; 
	font-size: 18px; 
	font-weight: bold;
	display:inline;
}

.firstsechead {
	margin:10px 0 5px 0; 
	color: black; 
	/* background-color:#9abcde; 
	background-image:url("./o/green_gradient.png");*/ 
	background-repeat:repeat; 
	width:100%; 
	font-family:Helvetica; 
	font-size: 18px; 
	font-weight: bold;
}

.sechead {
	margin:30px 0 5px 0; 
	color: black; 
	/* background-color:#9abcde; 
	background-image:url("./o/green_gradient.png");*/ 
	background-repeat:repeat; 
	width:100%; 
	font-family:Helvetica; 
	font-size: 18px; 
	font-weight: bold;
}

.subsechead {
	margin:10px 0 5px 20px; 
	color: black;
	font-family:Helvetica; 
	font-size: 16px; 
	font-weight: bold; 
	padding-top:5px;
	padding-left:10px;
	background: linear-gradient(to right,rgba(240,240,240,1.0),white);
	}

audio {
	display:inline;
	/*height:15px;*/
	background-color: white;
	}

.padyam {
	margin:5px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}

.padyam_audio {
	display:inline;
	margin-top:10px;
	margin-left:15px;
	line-height:inherit;
	/*margin:5px 0 5px 35px; */
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 14px;}

.btn{
	line-height:15px;
}

.meta {
	margin:5px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	line-height:14px; 
	font-family:Helvetica; 
	font-size: 10px;}

.practice {
	display:none;
	margin:20px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}

.practice_tel {
	/*display:none;*/
	margin:20px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}

.practice_eng {
	/* display:none;*/
	margin:20px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}

.practice_env {
	display:none;
	margin:20px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}

.practice_env_control {
	/* display:none;*/
	margin:20px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}

.comment_control {
	/* display:none;*/
	margin:20px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}

.slok {
	margin:20px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}

.comment {
	display:none;
	margin:20px 0 5px 70px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}


.katha  {
	margin:5px 0 5px 35px; 
	color: black; 
	font-family:Helvetica; 
	font-size: 14px;}

.hide {display: none; }

h1 {
	font:14px Arial, Helvetica, Times, sans-serif; 
	line-height:15px; 
	text-align:left; 
	margin-bottom:-20px;
}

h2  {
	font:13px Arial, Helvetica, Times, sans-serif; 
	line-height:15px; 
	text-align:left; 
	margin-bottom:-18px; 
	font-weight:bold; 
	margin-top:0;
}

ul.inlinelist {margin-top:0;}

ul.inlinelist li {float:left;}

p {text-indent:40px; margin: 0 0 5px 0;}

li {margin:5px 0 10px 0;}

.show {font-size:12px; display: inline;}

.disp_diag {
	color:black; 
	margin-left:1.5cm; 
	line-height:20px; 
	/*font-size:14px; */
	/* max-width:600px;*/
	margin-top:0;
	/*background-color:#f5f5f5;*/
	}

.margin_in {
	margin:5px 0 0 50px;
	/*max-width:800px; */
}

.tightpar {
	line-height: 1.7;
	background-color:#eaebec;
	border-radius: 10px;
	/* max-width:600px; */
	margin:10px 0 5px 20px;
	padding-left:10px;
}


.heading {
     margin: 0px 0px 0px 0px; 
     padding:20px 0 0 20px; 
     color: black; 
     font: 30px Arial; 
     background:url("./work2bg.jpg");
     line-height:10px;
     height:60px;
}

.tophead {
	text-decoration:none;
	text-decoration:none;
	color:black;
}
A.tophead:link {color:black;}
A.tophead:visited{color:black;}
A[href].tophead:hover{background:none; color:black;}
.practice a:link, a:visited {color:#0360A5;}
	
.hdrbox2 {
	line-height: 1.2;
	background-color:#faebac;
	/*border-radius: 40px;*/
	font-size:14px; 
	text-align:center;
	/*max-width:900px;*/
}

.disp_patralu {
	color:black; 
	margin-left:10px; 
	line-height:20px; 
	/* max-width:300px;*/
	margin-top:0;
	}

.column {
	float:left;
	padding:10px;
}

.left { width: 25%}
.right { width: 75%}

.row:after {
	content: "";
	display:table;
	clear:both;
}

.submenu{
}



.navClass{
	background-color: #333;
	background-image:url("./nasa_clip3.png");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration:none;
	float:left;
}

.navClass > ul > li {
	list-style-type:none;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	float:left;
	padding:5px;
}



.navbar {
    overflow: hidden;
    background-color: #333;
    background-image:url("./nasa_clip3.png");
    font-family: Arial, Helvetica, sans-serif;
    height:30px;
}

.navbar .navitem {
	float:left;
	padding:5px 1px;
	font-weight: bold;
}
.navbar .navitem a:hover{
	color:black;
    	/* background-color: #d3d3d3;*/
    	background-color: #f5f5f5;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 1px 1px;
    text-decoration: none;
}

.menubaritem {
    float: left;
    overflow: hidden;
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    /*padding: 14px 16px; */
    /*background-color: inherit;*/
    font-family: inherit;
    margin: 5px;
}

.dropdown {
    float: left;
    overflow: hidden;
    color: black;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    /*padding: 14px 16px; */
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.navbar .menubaritem a:hover {
    /* background-color: #c63939;*/
    background-color: none;
}

.navbar a:hover, .dropdown:hover .dropbtn {
    /* background-color: #c63939;*/
    background-color: #cc3300;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /* min-width: 160px; */
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    margin-top:-8px;
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    /*padding: 12px 16px;*/
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.prev_next {
	display:inline;
	line-height: 1.2;
	background-color:#faebac;
	font-size:14px; 
	text-align:left;
	margin-left:20px; 
	background:linear-gradient(to right, rgba(240,240,240,1.0), white);
}

.prev_next_second {
	display:inline;
	line-height: 1.2;
	background-color:#faebac;
	font-size:12px; 
	text-align:left;
	margin-left:20px; 
	margin-top:0;
	margin-bottom:5px;
	background:linear-gradient(to right, rgba(240,240,240,1.0), white);
}





.show {
    display: block;
}


.listall {
	margin:30px 0 5px 30px; 
	border-top: 4px blue;
	color: black; 
	background-repeat:repeat; 
	width:100%; 
	font-family:Helvetica; 
	font-size: 14px; 
}

.zoom {
    /*padding: 50px;*/
    /*background-color: green;*/
    /*transition: transform .2s;*/ /* Animation */
    /*width: 200px;
    height: 200px;
    margin: 0 auto;*/
	display: inline;
}

.zoom:hover {
	font-size:30px;
    /*transform: scale(3.0);*/ /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.fpsubsec{
	margin:10px 0 5px 20px; 
	color: black;
	font-family:Helvetica; 
	font-size: 16px; 
	font-weight: bold; 
	padding-top:5px;
	padding-left:10px;
	background: linear-gradient(to right, rgba(240,240,240,1.0), white);
}

.fplist {
	margin:5px 0 5px 25px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}


.box{
    display: none;
    width: 100%;
}

a:hover + .box,.box:hover{
    display: block;
    position: relative;
    z-index: 100;
}

.fplist li {
	list-style:none;
}

.note {
	margin:5px 0 5px 20px;
}


.resources{
	margin:5px 0 5px 20px;
}

.resources_head{
	margin:5px 0 5px 20px;
	text-decoration:bold;
}

.worksheet {
	margin:5px 0 5px 35px; 
	color: black; 
	/* min-width: 200px; */
	font-family:Helvetica; 
	font-size: 16px;}