@charset "utf-8";
/* CSS Document */

body{background:url(../images/bg.jpg) repeat top left;}

*{margin:0px; padding:0px;}
a{text-decoration:none; color:#000; outline:none;}
a img{border:none; outline:none;}
.clear{clear:both;}
.f-left{float:left;}
.f-right{float:right !important;}
.m-top{margin-top:10px;}
.m-top-18{margin-top:18px;}
.m-right{margin-right:9px !important;}


.top-main{width:100%; float:left; background:url(../images/bg-header.jpg) repeat-x top left;}
.contaner{width:1100px; margin:0px auto;}
.header{width:100%; float:left;}
.logo{float:left; margin-top:10px;}
.logo img{width:100%;}

.logo-1{float:left; width:82%; margin-top:87px;}
.logo-1 img{width:100%;}

.top{float:right; padding:8px 0px; font-family:Calibri; font-size:14px; background:#000; border-radius:5px;}
.top a {padding:6px 10px; color:#fff;}


/***************************************/


/*.nav{width:100%; float:left; font-family:Calibri; font-size:18px;}
.nav ul{margin:0px; padding:px;}
.nav ul li{list-style-type:none; display:inline-block;}
.nav ul li a{padding:9.2px 22.4px; float:left; color:#fff;}


.nav ul li a:hover{background:#06869d;}*/




/**/

ul.menu {list-style:none; margin:0; margin:0px; padding:0; float:left; width:100%; font-family:Calibri; font-size:18px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff;  text-decoration:none; padding:12px 16px;}
ul.menu a:hover{background:#06869d;}
ul.menu li {position:relative; float:left; margin-right:2px; }
ul.menu ul {position:absolute; top:40px; left:0; background:#06869d; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #08bfbd; border-top:none; width:240px; margin:0}
	ul.menu ul li a {display:block; padding:5px 7px 10px; background-color:#06869d}
ul.menu ul li a:hover {background-color:#3A3839}
ul.menu ul ul {left:240px; top:-1px}

ul.menu .sub {background:url(../images/arrow.gif) #636262 220px 8px no-repeat}
	

/*********************************************/
.banner{width:100%; float:left; margin-top:8px;}

.middle-left{width:240px; float:left; margin-top:10px;}
.middle-left-box-pic{width:100%; float:left; background: url(../images/bg-box.png) no-repeat 0px 263px; padding-bottom:12px; margin-bottom:5px; }
.middle-left-box{width:100%; float:left; font-family:Calibri; height:276px; background:#fff; margin-bottom:0px; }
.middle-left-box img{width:100%; text-align:center;}
.middle-left-box h2{font-size:20px; background:#06869d; color:#fff; padding:6px 0px 6px 10px;}
.middle-left-box p img{width:60%; margin-left:40px; margin-top:15px;}
.middle-left-box p{padding:8px; font-size:16px; line-height:20px;}
.middle-left-box a{float:right; color:#f00; padding:0px 10px 6px 0px;}

.middle-left-box .down{background:#55ae01; border-radius:5px; padding:5px 10px; font-size:20px; color:#fff; float:left; width:91%; margin:5px 0 5px 0;}
.middle-left-box .down:hover{background:#06869d;}

.middle-left-box p input{width:92%; float:left; margin-bottom:5px; padding:5px 8px; border:1px solid #ccc;}
.middle-left-box p textarea{width:92%; height:80px; float:left; margin-bottom:5px; padding:4px 8px; border:1px solid #ccc;}
.middle-left-box p input.btn{width:100%; float:left; background:#06869d; color:#fff; padding:6px 0px; text-align:center;}

.middle-center{width:54.5%; float:left; margin:0px 10px; margin-top:10px; }
.middle-center-m{width:100%; float:left; background: url(../images/bg-m.png) no-repeat 0px 252px; padding-bottom:12px; margin-bottom:5px; }
.middle-center-box{width:100%; float:left; font-family:Calibri; height:276px; background:#fff; margin-bottom:0px; }
.middle-center-box h2{font-size:20px; border-bottom:1px solid #000; color:#444; padding:6px 0px 6px 0px;}
.middle-center-box h2 span{ border-bottom:3px solid #444; padding-bottom:5px; padding-right:50px;}
.middle-center-box h2 span label{padding-left:10px;}
.middle-center-box p{padding:8px; font-size:16px; line-height:20px;}
.middle-center-box a{float:right; color:#f00; padding:0px 10px 6px 0px;}


.program{width:295px; float:left; font-family:Calibri; height:276px; background:#fff;}
.program h2{font-size:20px; background:#06869d; color:#fff; padding:6px 0px 6px 10px;}
.program img{margin:10px;}
.program p{padding:8px; padding-top:0; font-size:16px; line-height:20px;}
.program a{float:right; color:#fff; padding:5px 10px; margin-right:10px; border-radius:5px; background:#55ae01;}
.program:hover{box-shadow:0px 0px 5px #ccc;}
.program:hover a{background:#06869d;}


.main-footer{width:100%; float:left; background:url(../images/bg-footer.jpg) repeat top left; margin-top:10px;}
.box-footer{width:20%; font-family:Calibri; font-size:18px; margin-top:15px; float:left;}
.box-footer a{display:block; color:#6a6a6a; padding:1px 10px;}

.copy{width:100%; float:left; background:#000; color:#6a6a6a; padding:5px 0px; margin-top:10px; font-family:Calibri; font-size:12px;}



.inner-page{width:850px; float:left; margin-left:10px;}

.inner-box{width:100%; float:left; margin-top:10px;}
.inner-box-one{width:112%; float:left; background:#fff; font-family:Calibri; margin-top:0px;}
.inner-box-one h2{font-size:20px; border-bottom:1px solid #000; color:#444; padding:6px 0px 6px 0px;}
.inner-box-one h2 span{ border-bottom:3px solid #444; padding-bottom:5px; padding-right:50px;}
.inner-box-one h2 span label{padding-left:10px;}
.inner-box-one p{padding:8px; font-size:16px; line-height:22px; color:#555}

.inner-box-one td{padding:0px 10px;}
.inner-box-one a{padding:0px 10px;}



.bg-m{width:100%; float:left; background:url(../images/bg-cm.png) no-repeat bottom; height:20px;}


.box-form1 {
	width: 88%;
	float: left;
	padding: 10px;
	border: 1px solid #06869d;
}
.box-form1 tr td {
	padding: 10px;
}

.box-form input, select {
	width: 100%;
	float: left;
	padding: 10px 10px;
	margin: 4px 0px;
	outline: none;
	border: 1px solid #06869d !important;
	border: none;
}

.box-form1 textarea {
	width: 100%;
	float: left;
	padding: 10px 10px;
	margin: 4px 0px;
	border: 1px solid #ccc;
	height: 60px;
	outline: none;
}

.box-form1 input.btn {
	width: 49%;
	float: right;
	margin-top: 10px;
	background: #06869d;
	padding: 5px 10px;
	margin-right: 0px;
	outline: none;
	font-size: 18px;
	color: #fff;
}
.box-form {
	width: 28%;
	float: left;
	padding: 10px;
	border: 1px solid #06869d;
}
.box-form tr td{padding:4px;}
.box-form input,select{width:100%; float:left; padding:10px 10px; margin:4px 0px; outline:none; border:1px solid #06869d!important; border:none;}
.box-form textarea{width:100%; float:left; padding:10px 10px; margin:4px 0px; border:1px solid #ccc; height:60px; outline:none;}
.box-form input.btn{width:49%; 
float:right; margin-top:10px; background:#06869d; padding:5px 10px; margin-right:0px; outline:none; font-size:18px; color:#fff;
}

.cont-box{width:50%; float:left; margin-left:10px;}
.cont-box table{padding:10px; border:1px solid #06869d;}
.cont-box table td input{width:95%; float:left; padding:10px 10px; margin:4px 0px; outline:none; border:1px solid #06869d!important; border:none;}
.cont-box table td textarea{width:95%; float:left; padding:10px 10px; margin:4px 0px; border:1px solid #ccc; height:60px; outline:none;}
.cont-box table td input.btn{width:20%; float:right; margin-top:10px; background:#06869d; padding:5px 10px; margin-right:0px; outline:none; font-size:18px; color:#fff;}

.box-img-cont{width:42%; float:right; margin-right:10px; border:1px solid #ccc; padding:10px;}
.box-img-cont img{width:100%;}


.add{width:29%; margin-right:10px; float:right; margin-top:10px;}
.add img{width:100%;}

.chuch{width:30%; float:left; }
.chuch input{width:15%; margin-right:5px; float:left;}
.chuch label{float:left;}

.coursecontents {
height: 26px;
background-color: #daebf6;
color: Black;
padding-left: 5px;
text-align: left;
font-family: Verdana, Sans-Serif;
}
.coursetable {
height: 25px;
background-color: #016e82;
color: White;
font-weight: bold;
padding-left: 5px;
text-align: center;
}
.coursesubhead {
height: 25px;
background-color: #5CA0CC;
color: White;
font-weight: bold;
padding-left: 5px;
text-align: center;
}
.coursecontentstopupperhead {
color: Black;
font-weight: bold;
text-align: left;
font-family: Verdana, Sans-Serif;
font-size: 13px;
float:left;
padding:10px 0px;
}

.coursetabletotal {
height: 25px;
background-color: #026CB1;
color: White;
font-weight: bold;
padding-left: 5px;
text-align: center;
font-size: 16px;
}
.coursecontentstotal {
height: 26px;
background-color: #daebf6;
color: Black;
padding-left: 5px;
text-align: left;
font-family: Verdana, Sans-Serif;
font-size: 11px;
}
.coursecontentstopupperhead {
color: Black;
font-weight: bold;
text-align: left;
font-family: Verdana, Sans-Serif;
font-size: 13px;
}

.online-regis{width:96%; float:left; padding:5px 10px;}
.online-regis input{margin-left:20px; margin-right:5px; margin-top:5px;}
.online-regis label{float:left; margin-top:10px;}
.online-regis select{width:72%; margin:0px; float:right;}

.education{width:96%; float:left; padding:10px;}
.education td input{width:80%; padding:5px 10px; margin:0px;}

.pay-col{width:90%; float:left;}
.pay-col h2{background:#f00; color:#fff; font-size:20px; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border:none;
width:100%;
}
.pay-col-1{width:100%; float:left; border:1px solid #f00; padding:10px; height:110px;}
.pay-col-1 img{width:100%;}



.enrolment{width:97%; margin:0px auto; border:1px solid #056cb1; margin-top:10px}
