/*  Page/fonts/theme   */

html{
	background-color:#cecece;
	max-width:100%;
	height:100%;
	font-family:'Arial';
	color:#0843a3;
	font-size:20px;
}

h3,h4{
	text-align:center;
	color:#0843a3;

}
ol li{
	list-style-type: none;
}
.comptext{
	padding:20px 40px;
}

#compimg {
	position:relative;
	left:10px;
}

#compimg img{
	width:60%;
	padding:20px;
}
#compimg img.sized{
	width:60%;
}
body{
	max-width:100%;	
	background-color:#cecece;

height: 100%;
  margin: 0;
  padding: 0;
}
#divHrd{
	background-color:#335;
}
#divMain{
	/* background-color:#f00; */
	/* display:none; */
	width:75%;
	height:99%; 
	background-color:#fff;
	margin:0 auto;	
}
#divHrdCon{
	background-color:#034c89;
/* background-color:#f00; */
	width:100%;
	height:25px;
	display:flex;
	justify-content:center;
	align-items:center;
}
#lblContact{
	font-size:14px;
	color:#ffffff;
	display:flex;
	justify-content:center;
	align-items:center;	
}
#divGrad{   /*Gradience dark blue*/
	position:relative;
	z-index:1;
	height:20%;
	background:#335;
}


#divLogo{
	height:8%;
	background-color:white;
}
#divBanner{
	background-colors:#034c89;
	background-color:white;
}
#lblBanner{
	padding-left:30px;
	color:#0843a3;
	background-color:white;
}
#topshow{
	position:relative;
	background-color:#034c89;
	background: #034c89; /* For browsers that do not support gradients */ 
    background: -webkit-linear-gradient(#034c89, #335); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#034c89,#335); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#034c89, #335); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#034c89, #335); /*Standard syntax	*/
	height:230px;
	width:100%;
	display:flex;
	z-index:0;
	justify-content:center;
	align-items:center;	
}

#botshow{

	background-color:#cecece;
	background: #cecece; /* For browsers that do not support gradients */ 
    background: -webkit-linear-gradient(#888, #cecece); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#888,#cecece); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#888, #cecece); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#888, #cecece); /*Standard syntax	*/	
	height:150px;
}
#topshow img{
	position:relative;
	/* background-color:#ffcece; */
	width:75%;
	z-index:0;
	top:25%;

}
#tline{
	height:0.5px;
	background-color:#cecece;
	background-color:#335;
	-webkit-box-shadow:0 0 10px white; 
	-moz-box-shadow: 0 0 10px white; 
	box-shadow:0 0 3px 0 white;	
}
/* ===================================================*/

	table
	{
		width: 100%;
		border-collapse:auto;
	}
	thead
	{
		display: block;
		width: 100%;
		color: #fff;
		background: #335;
		font-size:16px;
		font-weight:bold;
	}

	tbody
	{
		display: block;
		height: 58vh;
		background: #dedede;
		color:#335;
		font-size:16px;
		overflow: auto;
	}
	th,td
	{

		margin-left: 0 !important;
		vertical-align: top;
		border-left: 1px solid #fff;
	}
	thead tr  {
		/* width:100%; */
		height:20px;
		background-color:#335;
	}
		/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	
		th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
/* 	th.tdh1 , th.tdh2 {
		width:40px;
	} */
tr{
	border-top:1px  solid #fff;
}	
.c-pdf{
	background-image: url('images/pdf-logo.png');
}
.ipdf{ 
	width:30px;
	margin:auto;
	}

	#sabs{
		padding:50px;
		width:200px;
		/*padding-left:300px;*/
	}
	#mainsabs{
		position:relative;
		top:-50px;
		float:right;
		padding-right:100px;
	}
/*------------------------------------------------------*/
.td1{
	 width:12% !important;
}
 .tddsc{
	 width:63% !important;
 }
 .c-val{
	 width:13% !important;
 }
 .c-pdf{
	 width:18% !important;
 }
#scrtalk{
	text-align:center;
	color:#034c89;
}
.bullets:hover{
	color:red;
	font-weight:bold;
	background-color:#ccc;
}

#divfooter{
	width:74.48%;
	background-color:#034c89;
	height:20px;
	display:flex;
	position:fixed;
	bottom:0;
	color:#ffffff;
	font-size:12px;
	justify-content:center;
	align-items:center;
}
	#icoscrch1:hover{
		background: image_url("images\search.jpg");
	}
/*  Menu   */
	.tone{
		font-size:18px;
	}
	.tone a{
		text-decoration:none;
	}
	.tone:hover{
		color:red;
		font-weight:bold;
		background-color:#ccc;
	}
	.uline hr{
		position:relative;
		left:-20px;
		width:90%;
		border: 2px dashed #cecece;
		border-style: none none dashed; 
		color: #fff; 
		
		background-color: #fff;
	}
	.contform div{
		width:100%;
	
	}
	.textbox{
		width:99%;
		height:35px;	
	}
	.textBox{
		width:98%;
		height:150px;
	}
	#divslider img{
    width: 100%;
    height: 170px;
		
	}
/* ========================== MEDIA QUERY ============================*/

/*  Mobile Style   */
@media only screen and (max-width:480px){
	#divMain{
		width:100%;
		height:99%;
		background-color:#ffffff;
		margin:0 auto;
	}
	 #logo{
		width:100%;
		margin-top:30px;
	 }
	 #divBanner  {
		background-color:#ccccff; 
		width:100%;
		text-align:center;
		font-size:30px;
	 }
	#divSrch{
		display:inline;
		/*background-color:red;*/
		/* float:right; */
/* 		margin-right:50px;
		margin-top:-5%; */
		right:0px;
		height:20px;
		display:flex;
		width:100%;
		justify-content:center;
		align-items:center;
		
	}
	#topshow{
	height:150px;
	width:100%;
	}
	#topshow img{
		position:relative;
		/* background-color:#ffcece; */
		width:100%;
		top:50%;
		zX-index:-1;
	}	
	 #inpSearch{
		height:inherit;
		width:95%;
	}

	#divSrch img{
		height:inherit;
	}	
	#divCell{
		display:block;
	}
	
/* -------------- MENU -------------------*/

  .navMenu a:not(:first-child) {display: none;}
  .navMenu a.icon {
    float: left;
    display: block;
  }	
  .navMenu.responsive {position: relative;}
  .navMenu.responsive.icon {
    position: absolute;
    left: 0;
    top: 0;
  }

  .navMenu.responsive a {
    float: none;
    display: block;
    text-align: left;
  } 
  .navMenu.responsive{
	  height:100%;
	  background-color:#aaa;
	  color:#034c89;
  }  
  
 /*---------------------Table----------------------------*/
 
.container {
    display: table;
    table-layout: fixed; /*euqal column width*/
    width: 100%;
}
.container > div {
    display: table-cell;
    border: 1px solid red;
    text-align: center;
}
 /*---------------------Close Table----------------------------*/
  
  
  
  
/* ===========================================*/
/* 	#divslider{
		display:none;
	} */
/* 	#divsliderc{
		padding-top:1%;
	} */
/* 	#divsliderc img{
		width:100%;
	}
	#scrtalk{
		font-size:10px;
		text-align:center;
		color:#034c89;
	}	
	#divDesk  {
		display:none;

	}
	#divTab{
		display:none;
	}	
	.col1 li{	
		list-style-image: url('\images\Bullet-blue.png');
	} */	
	#divfooter{
		width:96.5%;
	}
	

}


/*  Tablet Style   */
@media only screen and (min-width:481px) and (max-width:768px){
	html,body{
		background-color:#ffffff;
	}
	#divMain{
		width:100%;
		height:99%;
		background-color:#ffffff;
		margin:0 auto;
	}
	 #logo{
		 width:50%;
		  margin-top:30px;
		  padding-left:25px;
	 }	
 
	 #divBanner {
		font-size:25px;
		 padding-left:25px;
		width:50%;
	 }
	#divSrch{
		display:inline;
		/* background-color:red; */
		/* float:right; */
/* 		margin-right:50px;
		margin-top:-5%; */
		right:0px;
		height:20px;
		display:flex;
		width:100%;
		justify-content:center;
		align-items:center;
		
	}
	 #inpSearch{
		height:inherit;
		width:95%;
	}
	
	#divSrch img{
		height:inherit;
	}	
	
	/* -------------- MENU -------------------*/

  .navMenu a:not(:first-child) {display: none;}
  .navMenu a.icon {
    float: left;
    display: block;
  }	
  .navMenu.responsive {position: relative;}
  .navMenu.responsive.icon {
    position: absolute;
    left: 0;
    top: 0;
  }

  .navMenu.responsive a {
    float: none;
    display: block;
    text-align: left;
  } 
  .navMenu.responsive{
	  height:100%;
	  background-color:#aaa;
	  color:#034c89;
  }  
/* ===========================================*/
	#divsliderc{
		display:none;
	}
	#divslider{
		width:100%;
		height:100px;
		display:flex;
		justify-content:center;
		align-items:center;		
	}
	

	#scrtalk{
		font-size:12px;
		text-align:center;
		color:#034c89;
	}	
	#divDesk  {
		display:none;

	}
	#divCell{
		display:none;
	}
	.col3 li{	
		list-style-image: url('\images\Bullet-blue.png');
	}
	#divfooter{
	/* display:none; */
	width:100%;}
	#selected a{
	background-color:#cecece;
	color:red;
	font-weight:bold;
}
}
/*  Desktop Style   */

.selItem{
	color:red;
}

 @media only screen and (min-width:769px){
	html{
		background-color:#ffffff;
	}
	#logo {
		width:16%;
		margin-top:30px;
		margin-left:50px;
		/*background-color:red;*/
		
	 }
	 	 
	#divBanner {
		width:50%;
		margin-left:50px;
		/*background-color:red;*/
		
	 }
	#divSrch{
		display:inline;
		position:relative;
		float:right;
		margin-right:50px;
		margin-top:-10%;
		right:0px;
		height:30px;
		display:flex;

		justify-content:center;
		align-items:center;
		
	}
	 #inpSearch{
		height:inherit;
	}
	
	#divSrch img{
		height:inherit;
	}
  .navMenu a.icon {
	display:none;
  }	
	#divsliderc{
		display:none;
	}
	#divslider{
		width:100%;
		display:flex;
		justify-content:center;
		align-items:center;		
	}
	#divslider img{
		width:100%;
	}

	#divDesk  {
		display:block;
		heights: 100%;

	}
	#divTab{
		display:none;
	}	
	#divCell{
		display:none;
	}

	.column-left {
		float: left;
		height:inherit;
		background-colors:#fe4;
	}
	.column-center {
		height:inherit;
		background-colors:#ded;
		float: left;
	}
	.column-right {
		height:inherit;
		float: right;
		background-colors:#ddd;
	}
	.col3 li{	
		padding-left:15px;
	}
	ul{
		list-style-type: circle;
		list-style-image: url('bullet.gif');
	}
	#divDesk hr{
		padding-left:20px;
		width:85%;
	}
	/* --------------------- map ---------------*/
	.map{
		padding:20px;
	}
 }

#divslider{
	

}