html, body
{
    margin:0px 0px 0px 0px; /* Top, bottom, right,  left*/
	font-family: calibri, sans-serif, arial, tahoma;
	font-size: 14px;
    font-weight:normal;
    color:#000000;
	background-color:white;
    height: 100%;
	padding:0px;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="content"] {
        width: 100%;
    }
}
#header {
	z-index:10; position:fixed; width: 90%; top: 0; bottom: auto; background:#FFFFFF; margin:0px 0px 0px 0px;
}
#container {
	width:90%;margin:150px auto; background-color:#FFFFFF;
}
.college_logo { 
	width:100%; display:inline-block; margin-right:1%; height:auto; background-color:white; float:left; 
}
.social_link { 
	width:25%; display:inline-block; margin-right:0%; height:35px; background-color:RED; float:right; 
}
.menus { 
	width:100%; margin:0%; height:33px; background-color:#004400; float:left;
}
.marquee { 
	width:100%; margin:0%; color:#0067b8; height:30px; background-color:#FFFFFF; float:left; line-height:2em; 
}
.col_1eft { 
	display:inline-block; float:left; background-color:#FFFFFF; width:25%; margin:5; 
}
.col_right { 
	display:inline-block; float:left; background-color:#FFFFFF; width:25%; margin:5; 
}
.col_middle { 
	display:inline-block; background-color:#FFFFFF; width:48%; margin:5; 
}
.content { 
	min-height:400px; clear:both; width:100%; background-color:#33CC66; margin-top:100px; text-align:center; font-size:30px; padding-top:100px; 
}
.rowcontent { 
	display:block; width:100%; margin:10px 0; clear:both; height:35px;
}
.li {
	display: block;
/*	background-color:#0067b8;*/
	background-color:#004400;
	color:#ffffff;
	padding: 6px 15px;
	border-top-width: 0;
	border-bottom: 1px solid;
	border-color:#b8dfff;
	text-decoration: left;
}
.footer {
    width:100%;
    position:fixed;
	text-align:center;
    bottom:0;
	height:30px;
	background-color:#666666;
}
a:link {
	color:blue;
	font-size:14px;
	text-decoration: none;
}
a:visited {
/*	color:blue;*/
	color:#004400;
	font-size:14px;
	text-decoration:underline;
}
a:hover {
	font-family: calibri;
	font-size:14px;
	color:#ff0090;
	text-decoration:underline;
}
.head1 {
	font-family: calibri;
	font-size: 24px;
	font-weight:bold;
    /*	color:#0067b8;*/
	color:#004400;
	margin:5;
}
.head2 {
	font-family: calibri;
	font-size: 20px;
    /*	color:#0067b8; */
    color:#004400;
	margin:5;
}
.head3
{
	font-family: calibri;
	font-size:16px;
	font-weight:bold;
	color:#ff0090;
	margin:5;
}
.tblhead{
	font-family: calibri;
	font-size:14px;
	background:#e0e0e0;
	color:#000000;
}
.txtright {
	font-family: calibri;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	color:#000000;
	line-height: normal;
}
.error {
	font-family: calibri;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	line-height: normal;
}
.readonly {
	font-family: calibri;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	line-height: normal;
	background-color:#e0e0e0;
}
.readonly_num {
	font-family: calibri;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	line-height: normal;
	background-color:#e0e0e0;
}
.mytext {
	font-family: calibri;
	text-align:justify;
	font-size:14px;
	color:#FFFFFF;
	font-weight:normal;
	line-height: normal;
}
.tbltext {
	font-family: calibri;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	color:#000000;
	line-height: normal;
}
.tbltamil{
	font-family: sarukesi;
	font-size:14px;
	font-weight:bold;
	line-height: normal;
}
.tblinput{
	font-family: calibri;
	text-align:left;
	font-size:14px;
	background-color:#e0e0e0;
	color:#000000;
	font-weight:bold;
}
.tblright{
	font-family: calibri;
	text-align:right;
	font-size:14px;
}
.tblcenter{
	font-family: calibri;
	text-align:center;
	font-size:14px;
}
.mark1{
	font-family: calibri;
	text-align:right;
	font-size:14px;
	background-color:#e0e0e0;
	color:#000000;
	font-weight:bold;
}
.mark2{
	font-family: calibri;
	text-align:left;
	font-size:14px;
	background-color:#fff999;
	color:#888888;
	font-weight:bold;
}
.submit {
	font-family: calibri;
	font-size: 14px;
	font-weight:bold;
	color:#FFFFFF;
	background:#004400;
	height:35px;
	min-width:80px;
	padding:5px;
	vertical-align:middle;
	border-radius:20px 0px 20px 0px;
}
.label {
	font-family: calibri;
	font-size:14px;
	line-height: normal;
	color: #002147;
	margin:5px;
}
.chkbox {
	font-family: calibri;
	font-size:14px;
	color: #002147;
}
.lbltext {
	font-family: calibri;
	font-size:14px;
	line-height: normal;
}
.blink_text{
	animation:blinkingText 3s infinite;
}
@keyframes blinkingText{
/*	0%{		color: #000000;	}*/
	25%{	color: #ffffff;	}
	50%{	color: #fffc00;	}
	75%{	color: #00ff00;	}
	100%{	color: #ff8400;	}
}
.blink_bg{
	color:#000000;
	padding: 4px;
	animation: blinkingBackground 3s infinite;
}
@keyframes blinkingBackground{
	25%		{ background-color: #0c8100;}
	50%		{ background-color: #53c147;}
	75%		{ background-color: #c5ffbf;}
	100%    { background-color: #fffc00;}
}