body{ font-size: 16px; line-height: 24px; color: #000;/*font-family: 'Open Sans', sans-serif;*/
font-family: 'Oswald', sans-serif;background: #b4e3ff; font-weight: 300;
background: -moz-linear-gradient(top, #b4e3ff 0%, #9adaff 100%);
background: -webkit-linear-gradient(top, #b4e3ff 0%,#9adaff 100%);
background: linear-gradient(to bottom, #b4e3ff 0%,#9adaff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e3ff',
	endColorstr='#9adaff',GradientType=0 );}
*{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,p{ margin: 0; }
sup{ color: #f00;}
.gridRow{ margin-left: 15px; margin-right: -15px; }
.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 { float: left; padding-left: 15px; padding-right: 15px;}

.grid1 {width: 8.333333%;}
.grid2 {width: 16.666667%}
.grid3 {width: 25%}
.grid4 {width: 33.333333%}
.grid5 {width: 41.666667%}
.grid6 {width: 50%}
.grid7 {width: 58.333333%}
.grid8 {width: 66.666667%}
.grid9 {width: 75%}
.grid10 {width: 83.333333%}
.grid11 {width: 91.666667%}
.grid12 {width: 100%}

.row{ width: 100%; float: left;}
.container{ max-width: 1200px; width: 100%; padding: 0 15px; margin: 0px auto; clear: both;}
.btn{ background: #0047C3; padding: 10px 25px; border: 0; color: #fff; cursor: pointer;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right; }
.head-grad{ padding: 15px;	background: #277e9a;
	background: -moz-linear-gradient(top, #277e9a 0%, #0b5872 100%);
	background: -webkit-linear-gradient(top, #277e9a 0%,#0b5872 100%);
	background: linear-gradient(to bottom, #277e9a 0%,#0b5872 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277e9a',
		endColorstr='#0b5872',GradientType=0 );
}
/* Form CSS */
input[type="text"],input[type="email"],input[type="tel"],input[type="date"],input[type="search"],
input[type="number"],select, textarea{ width: 100%; float: left; border: none; 	box-shadow: 2px 2px 2px #999 inset;
	border-radius: 3px;	min-height: 34px; padding: 7px 10px; line-height: 20px; color: #000; margin: 5px 0;
	font-size: 14px; 
}
select.dob{ width: 30%; margin-right: 3.33%;}
input[type="checkbox"],input[type="radio"]{ margin-right: 10px;}
input[type="submit"]{  border-radius: 30px; padding: 10px 20px; font-size: 18px; font-weight: 700;
	color: #333; min-width: 120px; background-size: contain; box-shadow: 5px 5px 2px #888; border: none;
	margin: 15px 0 0; letter-spacing: 1px;
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); 
}
.butt{  border-radius: 30px; padding: 10px 20px; font-size: 18px; font-weight: 700;
	color: #333; min-width: 120px; background-size: contain; box-shadow: 5px 5px 2px #888; border: none;
	margin: 15px 0 0; letter-spacing: 1px;
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); 
}

input[type="submit"]:hover{ color: #fff; }
label{ font-size: 16px; font-weight: 400; text-transform: none; padding-right: 15px;}
/* header */
.topBar{ background: #0b5872; color: #fff; padding: 5px 15px; font-size: 14px;}
.topBar a{ color: #fff; text-decoration: none;}
.topBar .fa{ margin: 0 5px;}
.header{ background: url('images/bg.png') repeat 0 0; padding: 10px 0; }
.clg-name{ color: #0b5872 ; float: left; margin-top: 15px; }
.clg-name h2{ font-size: 30px; line-height: 36px; border-bottom: 2px solid #0b5872; padding-bottom: 10px;
	margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;
}
.logo{ display: inline-block; float: left; margin-right: 15px;}

/* content-area */
.content-area{ padding: 30px 0; }
.content-area1{ padding: 0px 0; }
.mainBox{ background: #fff; box-shadow: 0 0 6px #888; border-radius: 10px; margin-bottom: 30px;}
.head-grad { color: #fff; border-radius: 10px 10px 0 0; }
.head-grad h2{ font-size: 24px; letter-spacing: 1px; text-align: center; }
.head-grad p{ margin-top: 10px; }
.padBox{ padding: 30px; }
/* #nav */
#nav{ padding: 0; margin: 0; list-style: none; text-align: left; }
#nav >li{ display: inline-block; padding: 0 px;}
#nav >li >a{ display: block; padding: 5px 10px; color: #000; font-weight: 600; text-decoration: none;
	border: 1px solid #fff; border-radius: 20px; font-size: 13px; line-height: 18px;
	font-family: 'Open Sans', sans-serif;	
	background: #f2f6f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); 
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); 
	background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
}
#nav >li >a:hover, #nav >li.active >a{background: #f2f6f8; color: #0b5872; }
/* online-adm */
.online-adm{ color: #fff; padding: 10px 30px; margin-left: -30px; display: inline-block;
	border-radius: 0 30px 30px 0; margin-bottom: 30px;
	background: rgb(201,222,150); 
	background: -moz-linear-gradient(top, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 );
}
.online-adm h3{ font-size: 24px; letter-spacing: 1px; }
.online-adm .fa{ margin-left: 15px; font-size: 30px; color: #eee; }
/* block1 */
.block1{ border-radius: 10px; border: 1px solid #000;
	box-shadow: -2px -2px 2px #888 inset; 
}
.hdng{padding: 10px 15px; border-radius: 8px 8px 0 0; color: #fff;
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}

.middle{ padding: 30px; }
.middle1{ padding: 10px; }
.leftCol{ width: 50%; float: left; padding-right: 15px;}
.rightCol{ width: 50%; float: left; padding-left: 15px;}
.noteBox{ padding: 50px 15px 15px; box-shadow: -4px 8px 5px #888; width: 250px; float: left; border: 1px solid #efefef;
	background: #ffff00; margin: 15px 0 20px 20px; position: position: relative;font-family: 'Open Sans', sans-serif;
	font-weight: 600; font-size: 14px; line-height: 20px;
	-ms-transform: rotate(-3deg); /* IE 9 */
	-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
	transform: rotate(-3deg);
}
.noteBox .pin{ position: absolute; max-width: 70px; left: 0; top: 0; }
.noteBox p{margin-bottom: 10px;}
.formBox{ padding: 15px; background: #efefef; border-radius: 5px; margin: 20px 0; }
.formBox label{ margin-top: 15px; width: 100%; float: left; }
/* table CSS */
.table {}
.tblRow > p{ color: #f00; margin-top: 15px;}
.table td, .table th{ height: 50px; padding: 5px 15px;}
.table th{ color: #000; font-size: 20px; font-weight: 600; text-transform: uppercase;}
.table tr:nth-child(odd) {}
.table tr:nth-child(even) {}
.table .no-padng{ padding: 0;}
.table2 td{ border: 1px solid #ccc;}
.table2 td.heading{ background: #E2E2E2; text-transform: capitalize;}

.tblBox h2{ position: relative; margin-bottom: 15px; color: #0b5872; line-height: 30px; width: 100%; 
	float: left;
}
.tblBox h2>span{ position: absolute; left: -46px; top: 0; color: #fff; width: 34px; height: 34px;
	border-radius: 50%; background:  #0b5872; font-size: 16px; line-height: 28px; text-align: center;
	border: 3px solid #fff;
}
.tblRow{ padding: 15px; background: #f5f5f5; margin-bottom: 30px; width: 100%; float: left; border-radius: 10px;
	box-shadow: 0 0 3px #888 inset;
}