@charset "utf-8";
/* CSS Document */


body{font-family: Georgia, "Times New Roman", Times, serif; margin:0;background: #031c3f; color:#666;}
.wrapper{padding:0; float:left; width:100%; margin:0; position: relative; background: url(../images/Jayadevan-bacground.jpg)left; 
  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

.banner{width:50%; 	float:left; position: fixed ;    bottom:0px; vertical-align:middle;}
.content{	width:40%;	float:right;	text-align:right;	line-height:24px;	margin-right: 30px;	margin-top: 30px;	z-index:300;	position: relative;}
.top-head{	width:100%;	margin:0 auto;	float:left;	text-align: center;}
.nav-bar{	width:100%;	float:left;	display:block;	position:relative;	font-family: 'Sevillana', cursive;	margin:35px 0 10px 0;}
.sub-content{	width:85%;	float:left;	text-align:justify;	line-height:24px;	padding:20px;	background-color:#FFF;	padding:3% 7% 1% 7%;}
.upcoming{	width:80%;	float:left;	text-align:justify;	line-height:24px;	padding:20px;	background-color:#293d78;	padding:2% 9% 2% 10%;}
.upcoming a{color:#FFF}
.date{	color:#333;	padding:2px 5px;	float:left;	font-weight:bold;	background-color: #FFF;	margin: 0px 10px 0 0; }

h1{ font-size:30px; color:#054f9b; font-family: 'Nixie One', cursive; font-weight:normal; border-bottom:1px dashed #CCC; margin-bottom:20px; padding-bottom:15px}
h2{	font-size:24px;	color:#C03;	font-family: 'Nixie One', cursive;	font-weight:normal;}
.white{ color:#FFF;}
hd{	font-size:60px;	color:#01c6ff;	text-align: center;font-family: 'Nixie One', cursive;}
.h1{ font-size:1.1em; color:#054f9b; font-family: 'Nixie One', cursive; padding-bottom:15px}
.h-line{	width:100%;	height:5px;	border-bottom:1px dotted #999;	margin: 10px 0;}
.col1{	width:46%;	padding:2% 2%;	float:left;	text-align: left;}
.image{	width:100%;	margin:0 auto;	padding: 0 0 10px 0; margin-top:10px }
.clear{ clear:both;}
.footer-in{	width:100%;	float:right;	text-align:right;	line-height:24px;	padding:20px;	padding:2% 0 2% 0;	font-size: 12px;	color: #999;}
.footer-txt{	width:auto;	float:left;	text-align: left;}
.link{	color:#069;}
.link:hover{	color:#FFF;}
*{text-decoration:none;}
.socialicon{ width:28px; height:29px; float:right; margin-right:5px; opacity:.9;}
.socialicon:hover{opacity:1;}
.ticker {
	width:auto;
	height: 35px;
	overflow: hidden;
	margin:5px 0;
	padding: 0;
	list-style: none;
}

#ticker_02 {
	height: 120px;
}

.ticker li {
	height: 30px;
	padding: 5px;
}

@media screen and (min-width: 800px) {	
.content{	width:50%;	float:right;	text-align:justify;	line-height:24px;	margin-right: 30px;	margin-top: 30px;}
.wrapper{padding:0; float:left; width:100%; margin:0; position: relative; }
.banner{	width:50%; 	float:left; position: fixed ;    bottom:0px; vertical-align:middle;}

}
@media screen and (max-width: 800px) {
	.wrapper{ width:100%; background: url(../images/Jayadevan-bacground3.png); background-repeat:no-repeat; position: relative; }
	.content{	width:94%; margin:0 auto; margin:2% 3%; background-color:#031c3f;padding-top:20px;}
	.banner{width:100%; margin:0 auto; top:0; position:relative; bottom:0px; margin-bottom:-5px;}
}

@media screen and (max-width: 540px) {
	.col1{	width:90%; margin:0 5%;}
	 hd{	font-size:50px;	}

}
@media screen and (max-width:360px) {
.footer-txt{ width:100%;}
}