/* CSS Document */
body { 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	background-image: url(pic3.jpg); 
	background-repeat: repeat-x; 
	background-color: #F1F1F1; 
	} 
	--> 
	</style> 
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

	<link type="text/css" href="css1/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" /> 

	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 

	<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script> 

	<script src="Scripts/script.js" type="text/javascript"></script> 

	
	<style type="text/css"> 
	.style4 
	{ 
	font-size: 17px; 
	} 
	</style> 
	
	<style type="text/css"> 
	
	.Boldheader 
	{ 
	text-align: center; 
	font-size: 14px; 
	font-family: Arial; 
	color: Black; 
	} 
	#ofblogo 
	{ 
	float:right; 
	} 
	#efalogo 
	{ 
	float:left; 
	} 
	
	body{ 
	background-image: url(pic3.jpg); 
	background: #ffffff ;
	font: 13px 'trebuchet MS', Arial, Helvetica; 
	height: 278px; 
	} 
	
/*	h2, p { 
	text-align: center; 
	color: #444; 
	text-shadow: 0 1px 0 #fff; 
	} 
	*/
	a { 
	color: #ffffff; 
	} 
	
	/* You don't need the above styles, they are demo-specific ----------- */ 
	
	#menu, #menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	} 
	
	#menu { 
	width: 100%; 
	margin: 0px auto; 
	border: 1px solid #222; 
	/*background-color: #111; */
	/*background-color:#4682B4;*/
	background-color:#4682B4;
	background-image: linear-gradient(#4682B4, #4682B4); 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; 
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; 
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; 
	behavior: url(../ie-css3.htc); 
	} 
	
	#menu:before, 
	#menu:after { 
	content: ""; 
	display: table; 
	} 
	
	#menu:after { 
	clear: both; 
	} 
	
	#menu { 
	zoom:1; 
	height: 51px; 
	} 
	
	#menu li { 
	float: left; 
	border-right: 1px solid #222; 
	-moz-box-shadow: 1px 0 0 #444; 
	-webkit-box-shadow: 1px 0 0 #444; 
	box-shadow: 1px 0 0 #444; 
	position: relative; 
	background-color:#4682B4;
	
	} 
	
	#menu a { 
	float: left; 
	padding: 18px 30px; 
	color: #ffffff; 
	text-transform: uppercase; 
	font: bold 12px Arial, Helvetica; 
	text-decoration: none; 
	text-shadow: 0 1px 0 #000;
	border-bottom:1px solid #222; 
	} 
	
	#menu li:hover > a { 
	color: #fafafa; 
	} 
	
	*html #menu li a:hover { /* IE6 only */ 
	color: #fafafa; 
	} 
	
	#menu ul { 
	margin: 10px 0 0 0; 
	_margin: 0; /*IE6 only*/ 
	opacity: 0; 
	visibility: hidden; 
	position: absolute; 
	top: 38px; 
	left: 0; 
	z-index: 1; 
	background: #444; 
	background: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); 
	background: -webkit-linear-gradient(#444, #111); 
	background: -o-linear-gradient(#444, #111); 
	background: -ms-linear-gradient(#444, #111); 
	background: linear-gradient(#444, #111); 
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3); 
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3); 
	box-shadow: 0 -1px 0 rgba(255,255,255,.3); 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-ms-transition: all .2s ease-in-out; 
	-o-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out; 
	width:150px;
	} 
	
	#menu li:hover > ul { 
	opacity: 1; 
	visibility: visible; 
	margin: 0; 
	} 
	
	#menu ul ul { 
	top: 0; 
	left: 150px; 
	margin: 0 0 0 5px; 
	_margin: 0; /*IE6 only*/ 
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); 
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); 
	box-shadow: -1px 0 0 rgba(255,255,255,.3); 
	} 
	
	#menu ul li { 
	float: none; 
	display: block; 
	border: 0; 
	_line-height: 0; /*IE6 only*/ 
	-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666; 
	-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666; 
	box-shadow: 0 1px 0 #111, 0 2px 0 #666; 
	} 
	
	#menu ul li:last-child { 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	} 
	
	#menu ul a { 
	padding: 10px; 
	width: -450px; 
	_height: 10px; /*IE6 only*/ 
	display: block; 
	white-space: nowrap; 
	float: none; 
	text-transform: none; 
	} 
	
	#menu ul a:hover { 
	background-color: #0186ba; 
	} 
	
	#menu ul li:first-child > a { 
	-moz-border-radius: 3px 3px 0 0; 
	-webkit-border-radius: 3px 3px 0 0; 
	border-radius: 3px 3px 0 0; 
	} 
	
	#menu ul li:first-child > a:after { 
	content: ''; 
	position: absolute; 
	left: 0px; 
	top: -6px; 
	border-left: 0px solid transparent; 
	border-right: 6px solid transparent; 
	border-bottom: 6px solid #444; 
	} 
	
	#menu ul ul li:first-child a:after { 
	left: -6px; 
	top: 50%; 
	margin-top: -6px; 
	border-left: 0; 
	border-bottom: 6px solid transparent; 
	border-top: 6px solid transparent; 
	border-right: 6px solid #3b3b3b; 
	} 
	
	#menu ul li:first-child a:hover:after { 
	border-bottom-color: #04acec; 
	} 
	
	#menu ul ul li:first-child a:hover:after { 
	border-right-color: #0299d3; 
	border-bottom-color: transparent; 
	} 
	
	#menu ul li:last-child > a { 
	-moz-border-radius: 0 0 3px 3px; 
	-webkit-border-radius: 0 0 3px 3px; 
	border-radius: 0 0 3px 3px; 
	} 
	
	/* Mobile */ 
	#menu-trigger { 
	display: none; 
	} 
	
	@media screen and (max-width: 600px) { 
	
	/* nav-wrap */ 
	#menu-wrap { 
	position: relative; 
	} 
	
	#menu-wrap * { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	} 
	
	/* main nav */ 
	#menu { 
	margin: 0; padding: 0px; 
	position: absolute; 
	top: 40px; 
	width: 50%; 
	z-index: 1; 
	background-color: #444; 
	display: none; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	} 
	
	#menu:after { 
	content: ''; 
	position: absolute; 
	left: 5px; 
	top: -8px; 
	border-left: 1px solid transparent; 
	border-right: 1px solid transparent; 
	border-bottom: 1px solid #444; 
	} 
	
	#menu ul { 
	position: static; 
	visibility: visible; 
	opacity: 1; 
	margin: 0; 
	background: none; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	} 
	
	#menu ul ul { 
	margin: 0 0 0 10px !important; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	} 
	
	#menu li { 
	position: static; 
	display: block; 
	float: none; 
	border: 0; 
	margin: 5px; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	} 
	
	#menu ul li{ 
	margin-left: 10px; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	} 
	
	#menu a{ 
	display: block; 
	float: none; 
	padding: 0; 
	color: #999; 
	} 
	
	#menu a:hover{ 
	color: #fafafa; 
	} 
	
	#menu ul a{ 
	padding: 0; 
	width: auto; 
	} 
	
	#menu ul a:hover{ 
	background: none; 
	} 
	
	#menu ul li:first-child a:after, 
	#menu ul ul li:first-child a:after { 
	border: 0; 
	} 

	
	} 

	
	@media screen and (min-width: 600px) { 
	#menu { 
	display: block !important; 
	} 
	} 
	
	/* iPad */ 
	.no-transition { 
	-webkit-transition: none; 
	-moz-transition: none; 
	-ms-transition: none; 
	-o-transition: none; 
	transition: none; 
	opacity: 1; 
	visibility: visible; 
	display: none; 
	} 
	
	#menu li:hover > .no-transition { 
	display: block; 
	} 
/*------------------ Style for Body ---------------------------------------*/

body { 
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	background-color: #ffffff; 
	} 
/*------------- Style for main Header ------------------------------*/

.tbl_header #F1 {
				 font:Arial, Helvetica, sans-serif;
				 font-size:26px;
				 color:#4682B4;
				}


.tbl_header #F2 { 
				  font:Arial, Helvetica, sans-serif;
				  font-size:24px;
				  color:#4682B4;
				}	
    

.tbl_header #F3{ 
				  font:Arial, Helvetica, sans-serif;
				  font-size:22px;
				  color:#4682B4;
				}
						

.tbl_header #F4 { 
				  font:Arial, Helvetica, sans-serif;
				  font-size:20px;
				  color:#4682B4;
				}	

#tbl_header_td{
                background-color:#FFFFFF;
			   }
/*---------- Home Page Style------------------------------------------*/				      				  

 
 .tbl_header_main #F1 {
				 font:Arial, Helvetica, sans-serif;
				 font-size:46px;
				 color:#FFFFFF;
				}


.tbl_header_main #F2 { 
				  font:Arial, Helvetica, sans-serif;
				  font-size:36px;
				  color:#FFFFFF;
				}	
    

.tbl_header_main #F3{ 
				  font:Arial, Helvetica, sans-serif;
				  font-size:32px;
				  color:#FFFFFF;
				}
						

.tbl_header_main #F4 { 
				  font:Arial, Helvetica, sans-serif;
				  font-size:30px;
				  color:#FFFFFF;
				}	

.tbl_header_main #tbl_header_td{
                background-color:#4682B4;
			   }
 /*--------------------Wel Come Style-----------------------------------------*/
#wel_font {
            font:Verdana, Arial, Helvetica, sans-serif;
			font-size:50px;
			font-style:italic;
			color:#4682B4;
			}
 /*----------------- Continue Button ----------------------------------------------*/
 #btn1 {
		  background-color:#4682B4;
		}
 
 
 /*------------------------------------------------------------*/
 #tr_tbl {
           background:#EBEAFF;
		   height:250px;
		   }
		   
		 #div2{
		       margin-top:5px;
			   height:50px;
			   top:5px;
			   bottom:5px;
			   
	       }
 #login {
           background:#EBEAFF;
		   height:120px;
		   }
		   
		 #div2{
		       margin-top:5px;
			   height:50px;
			   top:5px;
			   bottom:5px;
			   
	       }

	#tr_rpt {
             background:#56A2C4;
		   }	   
	#tr_rpt1 {
             background:#4682B4;
		   }	   
		   
/* -------------------------------------------------------------*/
#payment_head {
                  background-color:#4682B4;
				 }	
#payment_head font{
                    color:#FFFFFF;
					font-size:20px;
					}				 
#aa{
     color:#000000;
	 }				 	   
/*--------------------------color to print accepted form-----------------------------------*/	 

#table_print_page { 
				  
				  background-color:#EBEAFF;
				}