<!--

body {

	margin-left: 2px;

	margin-top: 2px;

	margin-right: 2px;

	margin-bottom: 30px;

	background-color: #EEEEEE;

	background-image: url(images/ttfac_bg.jpg);

}

table.outer_table{

	border-radius: 10px;

    border-style: solid;

	border-color: #C0C0C0;

    border-width: 1px 1px 1px 1px;

	box-shadow:0px 0px 20px 2px #CCCCCC;

  	/*background: white; /* For browsers that do not support gradients */

  	/*background: -webkit-linear-gradient(white, white, rgba(255,0,0,0.1), rgba(255,255,0,0.1), rgba(0,255,0,0.1), rgba(0,255,255,0.1), rgba(0,0,255,0.1)); /* For Safari 5.1 to 6.0 */

  	/*background: -o-linear-gradient(white, white, rgba(255,0,0,0.1), rgba(255,255,0,0.1), rgba(0,255,0,0.1), rgba(0,255,255,0.1), rgba(0,0,255,0.1)); /* For Opera 11.1 to 12.0 */

  	/*background: -moz-linear-gradient(white, white, rgba(255,0,0,0.1), rgba(255,255,0,0.1), rgba(0,255,0,0.1), rgba(0,255,255,0.1), rgba(0,0,255,0.1)); /* For Firefox 3.6 to 15 */

  	/*background: linear-gradient(white, white, rgba(255,0,0,0.1), rgba(255,255,0,0.1), rgba(0,255,0,0.1), rgba(0,255,255,0.1), rgba(0,0,255,0.1)); /* Standard syntax */

}

table.blog_table{

	border-radius: 10px;

    border-style: solid;

	border-color: #C0C0C0;

    border-width: 1px 1px 1px 1px;

	box-shadow:0px 0px 20px 2px #CCCCCC;

  	/*background: white; /* For browsers that do not support gradients */

  	/*background: -webkit-linear-gradient(white, white, rgba(255,0,0,0.1), rgba(255,255,0,0.1), rgba(0,255,0,0.1), rgba(0,255,255,0.1), rgba(0,0,255,0.1)); /* For Safari 5.1 to 6.0 */

  	/*background: -o-linear-gradient(white, white, rgba(255,0,0,0.1), rgba(255,255,0,0.1), rgba(0,255,0,0.1), rgba(0,255,255,0.1), rgba(0,0,255,0.1)); /* For Opera 11.1 to 12.0 */

  	/*background: -moz-linear-gradient(white, white, rgba(255,0,0,0.1), rgba(255,255,0,0.1), rgba(0,255,0,0.1), rgba(0,255,255,0.1), rgba(0,0,255,0.1)); /* For Firefox 3.6 to 15 */

  	/*background: linear-gradient(white, white, rgba(255,0,0,0.1), rgba(255,255,0,0.1), rgba(0,255,0,0.1), rgba(0,255,255,0.1), rgba(0,0,255,0.1)); /* Standard syntax */

}

table.login{

	border-radius: 10px;

    border-style: solid;

	border-color: #BBBBEE;

    border-width: 1px 1px 1px 1px;

}

/*

input[type=text], input[type=password], select {

    width: 80%;

    padding: 12px 20px;

    margin: 8px 0;

    box-sizing: border-box;

    border-width: 1px 1px 1px 1px;

    color: black;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 100;

	text-shadow: 1px 1px 60px #BBBBBB;

}

*/

td.left{

    border-right-style: none;

	border-top-style: none;

	border-left-style: double;

	border-bottom-style: none;

	border-color: #CCCCCC;

    border-width: 3px 3px 3px 3px;

}

td.right{

    border-right-style: double;

	border-top-style: none;

	border-left-style: none;

	border-bottom-style: none;

	border-color: #CCCCCC;

    border-width: 3px 3px 3px 3px;

}

td.rightBottom{

    border-right-style: double;

	border-bottom-style: double;

	border-top-style: none;

	border-left-style: none;

	border-color: #CCCCCC;

    border-width: 3px 3px 3px 3px;

}

td.bottom{

    border-right-style: none;

	border-top-style: none;

	border-left-style: none;

	border-bottom-style: double;

	border-color: #CCCCCC;

    border-width: 3px 3px 3px 3px;

}


hr.double {

    display: block;

    border-top: double;

	border-bottom: none;

	border-left: none;

	border-right: none;

    border-color: #C0C0C0;

	border-width: 3px

}

hr.single {

    display: block;

    border-top: double;

	border-bottom: none;

	border-left: none;

	border-right: none;

    border-color: #C0C0C0;

	border-width: 1px}

#Head1 {

	font-family: Impact, Charcoal, sans-serif;

	font-style: normal;

	font-size: 44px;

	font-weight: 100;

	color: #FF6600;

	text-shadow: 1px 1px 60px #BBBBBB;

}

#Head2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 60;

	color: #925121;

	text-shadow: 1px 1px 50px #cccccc;

	padding-left: 0px;

}


input{

    border: 2px #BBBBBB;

    border-radius: 4px;

    border-style: solid;

    border-width: 1px 1px 1px 1px;

	height: 25px;

	box-shadow:0px 0px 20px 2px #CCCCCC;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 300;

	color: #1E3CA4;

	text-shadow: 1px 1px 50px #cccccc;

	padding: 10px 1px;

}

.button{

    background-color: #4CAF50; /* Green */

    border: none;

	height: 24px;

    color: white;

	padding: 0px 20px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

	
}

.buttonLogin{

    background-color: #006699;

    border: none;

	height: 24px;

    color: white;

	padding: 0px 20px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

	
}

#Head3 {

	font-family: Impact, Charcoal, sans-serif;

	font-style: normal;

	font-size: 30px;

	font-weight: 300;

	color: #FFFF99;

	text-shadow: 1px 1px 50px #cccccc;

}

.Head3 {

	font-family: Impact, Charcoal, sans-serif;

	font-style: normal;

	text-decoration: underline;

	font-size: 25px;

	font-weight: 100;

	color: #444444;

	text-shadow: 1px 1px 2px #cccccc;

}

#Head4 {

	font-family: Impact, Charcoal, sans-serif;

	font-style: normal;

	font-size: 25px;

	font-weight: 200;

	color: #333333;

	text-shadow: 1px 1px 50px #cccccc;

}

.Head4 {

	font-family: Impact, Charcoal, sans-serif;

	font-style: normal;

	text-decoration: underline;

	font-size: 20px;

	font-weight: 100;

	color: #444444;

	text-shadow: 1px 1px 2px #cccccc;

}


#TitleBox{

    background-color: #CCCCCC;

    padding: 3px;

    border: 1px;

	border-radius: 0px;

	font-family: Georgia, Times, serif;

	font-style: italic;

	font-size: 16px;

	font-weight: 200;

	color: #6F7376;

	text-shadow:0 1px 0 #FFFFFF;

}

.TitleBox{

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 20px;

	font-weight: 300;

	color: #FFFFFF;

}

#Text1 {

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 500;

	color: #FFFFFF;

	padding-top: 20px;

	line-height: 200%;

	text-shadow: 1px 1px 50px #cccccc;

}

#Text2 {

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 500;

	color: #000033;

	padding-top: 1px;

	line-height: 200%;

}

#Text3 {

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 12px;

	font-weight: 500;

	color: #00009B;

	padding-top: 1px;

	text-shadow: 0px 0px 2px #3333CC;

}

#Text4 {

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 500;

	color: #FF0000;

}

.Text5 {

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 12px;

	font-weight: 200;

	text-indent:40px;

	color: #888888;

	text-shadow: 0px 0px 1px #cccccc;

}

P {

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 500;

	color: #555555;

	text-shadow: 0px 0px 1px #cccccc;

	text-align: justify;

    text-justify: inter-word;

	line-height: 150%;

	text-indent:40px;

}

.PSub {

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 500;

	color: #555555;

	text-shadow: 0px 0px 1px #cccccc;

	text-align: center;

	line-height: 150%;

	text-indent:40px;

}


.PSub1 {

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 500;

	color: #888888;

	text-shadow: 0px 0px 1px #888888;

	text-align: justify;

    text-justify: inter-word;

	line-height: 140%;

}

.NormalGreen{

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 500;

	color: #222222;

	text-shadow: 0px 0px 2px #33CC33;

}

.NormalBlack{

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 500;

	color: #222222;

	text-shadow: 0px 0px 2px #333333;

}

.Headsticky{

	font-family: Georgia, Times, serif;

	font-style: Normal;

	font-size: 16px;

	font-weight: 500;

	text-align: center;

	color: #FF0000;

	line-height: 200%;

	text-decoration: underline;

	text-shadow: 0px 0px 2px #880000;

}

.Textsticky{

	font-family: Georgia, Times, serif;

	font-style: Normal;

	font-size: 16px;

	font-weight: 500;

	text-align: left;

	color: #222222;

	line-height: 150%;

	text-shadow: 0px 0px 2px #333333;

}

.Sticky {

    background-image:    url(images/Sticky.png);

    background-size:     cover;                      /* <------ */

    background-repeat:   no-repeat;

    background-position: center center; 

}

#Img1 {

	max-width:1150px;

	max-height:240px;

	width: auto;

	height: auto;

    border: 0px solid #888888;

    border-radius: 4px;

    padding: 1px;
	

}


#Img_Padding {

	padding-top: 5px;

}

.Photo {

    border: 1px solid #dddddd;

    border-radius: 10px;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    padding: 10px 10px 10px 10px;

}

.PhotoText {

  text-align: center;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 200;

	color: #FF0000;

	text-shadow: 0px 0px 1px #AA0000;

  	padding: 10px 0px 0px 0px;

}

.PhotoText1 {

  text-align: center;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 20px;

	font-weight: 200;

	color: #FFFFFF;

	text-shadow: 0px 0px 5px #000000;

	padding: 0px 0px 10px 0px;

}

.PhotoTextName {

  	text-align: center;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 12px;

	font-weight: 200;

	color: #000033;

	text-shadow: 0px 0px 1px #663366;

  	padding: 10px 0px 0px 0px;

}

.PhotoTextMobile{

  	text-align: center;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 12px;

	font-weight: 200;

	color: #006600;

	text-shadow: 0px 0px 1px #336666;

  	padding: 10px 0px 0px 0px;

}

.PhotoText2 {

	height: 310px;

  	text-align: Left;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 15px;

	font-weight: 200;

	color: #002233;

	line-height: 150%;

	text-shadow: 0px 0px 1px #663366;

  	padding: 10px 0px 0px 15px;

}

.PhotoInside {

    border: 1px solid #ddd;

    border-radius: 4px;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

 	padding: 2px 2px;

}

.PhotoCircle{

    border: 1px solid #ddd;

    border-radius: 50px;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

 	padding: 2px 2px;

}

.Photo.SweetMorning {

	background: #FFC371; /* For browsers that do not support gradients */

	background: -webkit-radial-gradient(circle, white, #FFC371, #FF5F6D); /* Safari 5.1 to 6.0 */

	background: -o-radial-gradient(circle, white, #FFC371, #FF5F6D); /* For Opera 11.6 to 12.0 */

	background: -moz-radial-gradient(circle, white , #FFC371, #FF5F6D); /* For Firefox 3.6 to 15 */

	background: radial-gradient(circle, white , #FFC371, #FF5F6D); /* Standard syntax */

}

.Photo.LittleLeaf {

	background:  #8DC26F; /* For browsers that do not support gradients */

	background: -webkit-radial-gradient(circle, white, #99E8CA, #76b852); /* Safari 5.1 to 6.0 */

	background: -o-radial-gradient(circle, white, #99E8CA, #76b852); /* For Opera 11.6 to 12.0 */

	background: -moz-radial-gradient(circle, white, #99E8CA, #76b852); /* For Firefox 3.6 to 15 */

	background: radial-gradient(circle, white, #99E8CA, #76b852); /* Standard syntax */

	/*#8DC26F;

	color: */

}


.Photo.BrightVault {

	background:  #928DAB; /* For browsers that do not support gradients */

	background: -webkit-radial-gradient(circle, white, #00d2ff , #928DAB); /* Safari 5.1 to 6.0 */

	background: -o-radial-gradient(circle, white, #00d2ff , #928DAB); /* For Opera 11.6 to 12.0 */

	background: -moz-radial-gradient(circle, white, #00d2ff , #928DAB); /* For Firefox 3.6 to 15 */

	background: radial-gradient(circle, white, #00d2ff , #928DAB); /* Standard syntax */

}

.Photo.CherryBlossoms {

	background:  #BB377D; /* For browsers that do not support gradients */

	background: -webkit-radial-gradient(circle, white, #EEAFF5, #BB377D); /* Safari 5.1 to 6.0 */

	background: -o-radial-gradient(circle, white, #EEAFF5, #BB377D); /* For Opera 11.6 to 12.0 */

	background: -moz-radial-gradient(circle, white, #EEAFF5, #BB377D); /* For Firefox 3.6 to 15 */

	background: radial-gradient(circle, white, #EEAFF5, #BB377D); /* Standard syntax */

	/*color: #EEAFF5 #FBD3E9*/

}

.Photo.Aqua {

	background:  #96DEDA; /* For browsers that do not support gradients */

	background: -webkit-radial-gradient(circle, white, #96DEDA, #50C9C3); /* Safari 5.1 to 6.0 */

	background: -o-radial-gradient(circle, white, #96DEDA, #50C9C3); /* For Opera 11.6 to 12.0 */

	background: -moz-radial-gradient(circle, white, #96DEDA, #50C9C3); /* For Firefox 3.6 to 15 */

	background: radial-gradient(circle, white, #96DEDA, #50C9C3); /* Standard syntax */

}

.Photo.SunnyDays {

	background:  #E1F5C4; /* For browsers that do not support gradients */

	background: -webkit-radial-gradient(circle, white, #E1F5C4, #EDE574); /* Safari 5.1 to 6.0 */

	background: -o-radial-gradient(circle, white, #E1F5C4, #EDE574); /* For Opera 11.6 to 12.0 */

	background: -moz-radial-gradient(circle, white, #E1F5C4, #EDE574); /* For Firefox 3.6 to 15 */

	background: radial-gradient(circle, white, #E1F5C4, #EDE574); /* Standard syntax */

}

ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    background-color: #333;

}


li {

    float: left;

}

li a {

    display: inline-block;

    color: white;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 600;

	color: #FFFFFF;

}

li a.active {

    background-color: #6699FF;

}

li a:hover, .dropdown:hover .dropbtn {

    background-color: red;

}


.mySlides {

	display:none;

} 

.fade-in {

	-webkit-animation:fading 10s infinite;animation:fading 10s infinite;

	-moz-animation:fading 10s infinite;animation:fading 10s infinite;

	-o-animation:fading 10s infinite;animation:fading 10s infinite;

	-animation:fading 10s infinite;animation:fading 10s infinite;


}

@-webkit-keyframes fading{0%{opacity:0}20%{opacity:1}50%{opacity:1}80%{opacity:1}100%{opacity:0}}

@-moz-keyframes fading{0%{opacity:0}20%{opacity:1}50%{opacity:1}80%{opacity:1}100%{opacity:0}}

@-o-keyframes fading{0%{opacity:0}20%{opacity:1}50%{opacity:1}80%{opacity:1}100%{opacity:0}}

@keyframes fading{0%{opacity:0}20%{opacity:1}50%{opacity:1}80%{opacity:1}100%{opacity:0}}

.fade-in1 {	-webkit-animation:fading 10s infinite;animation:fading 10s infinite;

	-moz-animation:fading 10s infinite;animation:fading 10s infinite;

	-o-animation:fading 10s infinite;animation:fading 10s infinite;

	-animation:fading 10s infinite;animation:fading 10s infinite;

}

.fade-in2 {	-webkit-animation:fading 10s infinite;animation:fading 10s infinite;

	-moz-animation:fading 10s infinite;animation:fading 10s infinite;

	-o-animation:fading 10s infinite;animation:fading 10s infinite;

	-animation:fading 10s infinite;animation:fading 10s infinite;

}


.TitleBox1 {	font-family:Georgia, "Times New Roman", Times, serif;

	font-style: normal;

	font-size: 20px;

	font-weight: 300;

	color: #FFFFFF;

}

.LibraryCategory {

  	text-align: left;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 12px;

	font-weight: 200;

	color: #000000;

	text-shadow: 0px 0px 5px #888888;

	margin-left: 70px;

  	padding: 0px 0px 0px 7px;

}

.LibraryStatus {

  	text-align: Right;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 12px;

	font-weight: 200;

	color: #FFFFFF;

	text-shadow: 1px 1px 2px #AAAAAA;

	background-color: #000000;

	margin-left: 200px;

  	padding: 2px 20px;

}

.LibraryNo {

  	text-align: Left;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 12px;

	font-weight: 900;

	color: #666666;

	text-shadow: 1px 1px 2px #AAAAAA;

  	padding: 2px 80px;

}

.LibraryMalayalam {

  	text-align: Left;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 15px;

	font-weight: 200;

	color: #880000;

	text-shadow: 0px 0px 1px #AA0000;

  	padding: 5px 0px 0px 80px;

}

.LibraryEnglish {

  	text-align: left;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 200;

	color: #008800;

	text-shadow: 0px 0px 1px #00AA00;

  	padding: 0px 0px 0px 80px;

}

.LibraryAuthor {

  	text-align: Left;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 200;

	color: #000088;

	text-shadow: 0px 0px 1px #0000AA;

  	padding: 10px 30px 0px 0px;

}

.TableBottomLine {

	border-bottom: 1px solid #ddd;

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 15px;

	font-weight: 200;

	color: #000088;

	text-shadow: 1px 1px 1px #0000AA;

  	padding: 5px 0px 0px 20px;

}

.Photo.Roseanna{

	background: #A6C0A; /* For browsers that do not support gradients */

	background: -webkit-radial-gradient(circle, white, #FFE0CE, #FFAFBD); /* Safari 5.1 to 6.0 */

	background: -o-radial-gradient(circle, white, #FFE0CE, #FFAFBD); /* For Opera 11.6 to 12.0 */

	background: -moz-radial-gradient(circle, white, #FFE0CE, #FFAFBD); /* For Firefox 3.6 to 15 */

	background: radial-gradient(circle, white, #FFE0CE, #FFAFBD); /* Standard syntax */

}

.MemberTitle {

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 200;

	color: #884422;

	text-shadow: 0px 0px 1px #AA7733;

  	padding: 10px 0px 0px 0px;

	border-bottom: 1px solid #888888;

}

.MemberTitleSmall {

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 12px;

	font-weight: 200;

	color: #884422;

	text-shadow: 0px 0px 1px #AA7733;

  	padding: 8px 0px 0px 0px;

	border-bottom: 1px solid #888888;

}

.MemberData {

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 16px;

	font-weight: 200;

	color: #000088;

	text-shadow: 0px 0px 1px #3377AA;

  	padding: 10px 0px 0px 10px;

	border-bottom: 1px solid #888888;

}

.MemberDataSmall {

	font-family: Georgia, Times, serif;

	font-style: normal;

	font-size: 14px;

	font-weight: 200;

	color: #000088;

	text-shadow: 0px 0px 1px #3377AA;

  	padding: 8px 0px 0px 0px;

	border-bottom: 1px solid #888888;

}

.AltTable {


}

.AltTable td{


}

.AltTable tr{


}

.AltTable tr:nth-child(odd){

	
}

.AltTable tr:nth-child(even){

	
}

.MemDisplay{

	display:block;

}

.MemEdit{

	display:none;

}

.FmStill{

	width: 700px;

	display:block;

}

.FmDisplay{

	width: 700px;

	display:block;

}

.FmEdit{

	width: 700px;

	display:none;

}

.InputMem {

	font-family: Georgia, Times, serif;

    background-color: white;

    border: 1px solid red;

	height: 24px;

    color: black;

	padding: 0px;

    text-align: left;

    text-decoration: none;

    display: inline-block;

    font-size: 14px;

	
}

.MsgText{

	font-family: Georgia, Times, serif;

	font-style: Normal;

	font-size: 15px;

	font-weight: 500;

	color: #FFFFFF;

	line-height: 200%;

	background-color: red;

}
.MsgTextDodgerBlue{

	font-family: Georgia, Times, serif;

	font-style: Normal;

	font-size: 15px;

	font-weight: 500;

	color: #FFFFFF;

	line-height: 200%;

	background-color: DodgerBlue;

}
.MsgTextMediumSeaGreen{

	font-family: Georgia, Times, serif;

	font-style: Normal;

	font-size: 15px;

	font-weight: 500;

	color: #FFFFFF;

	line-height: 200%;

	background-color: MediumSeaGreen;

}
.MsgTextSilver{

	font-family: Georgia, Times, serif;

	font-style: Normal;

	font-size: 15px;

	font-weight: 500;

	color: #FFFFFF;

	line-height: 200%;

	background-color: Silver;

}
.MsgTextSlateGrey{

	font-family: Georgia, Times, serif;

	font-style: Normal;

	font-size: 15px;

	font-weight: 500;

	color: #FFFFFF;

	line-height: 200%;

	background-color: SlateGrey;

}
-->