body 
{ 
	margin: 0; 
	background: #FFFFFF;
}
img {
    max-width: 100%;
    height: auto;
}
.wrapper 
{
	width: 100%;	
	max-width: 1120px;
	margin: auto;
	background: #ffffff;
	border-top:1px solid #084B8A;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-top:0.5%;
  padding-bottom:0%;
  padding-left:2.5%;
  padding-right:2.5%;
  display: block;
  overflow:auto;
}  

#sitename-left
{
	float:left;	
	font-size: 25pt;color:#FF0000;font-weight: bold;
  padding-top:2%;
  padding-left:1%;
}

#sitename-right
{
  float:right;	
  padding-right:2%;
}

#menu 
{
	width: 100%;	
	max-width: 1120px;
	margin: auto;
	background: #ffffff;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-top:0.5%;
  padding-bottom:0.5%;
  padding-left:2.5%;
  padding-right:2.5%;  
  text-align: right;
  display:none;
}  

.trigger {
	display: hidden;
	width: 40px;
	height: 40px;
	background: #084B8A url(menu-icon.png) right;
  

	//margin: auto;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  position: relative;
}

.nav {
  width: 100%;	  
  max-width: 1120px;
	margin: auto;
	background: #ffffff;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-top:1%;
  padding-bottom:2%;
  padding-left:3.5%;
  padding-right:1.5%;  
  //border:1px solid red;  
}

.nav li 
{
	display: inline;

	padding-top:4px;
	padding-bottom:4px;
	padding-left:21.6px;
	padding-right:21px;
}


.nav ol, ul { list-style: none; margin: 0; padding: 0; }

.nav a 
{
	color:#ffffff;
	text-decoration: none;
	font-weight:bold;
}

.nav a:hover
{
	color: #fff;
	text-decoration: underline; 
}

.header {
  background: #FFFFFF;
  color: #f1f1f1;
  z-index:20;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + #content {
  padding-top: 1%;
}

#content
{
	width: 100%;	
	max-width: 1120px;
	margin: auto;
	background: #ffffff;
	overflow:auto;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-left:2.5%;
  padding-right:2.5%;
  padding-top:0%;
}

#boxcontent
{
	width: 96.5%;	
	max-width: 1120px;
	margin: auto;
	background: #ffffff;
	overflow:auto;
  padding-top:0%;
  text-align: justify;
  padding-bottom:2%;
  padding-left:0%;
 
}

.imgCenter{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#main 
{
	width: 65%;
	float: left;
  padding-left:1%; //05DEC
}	

aside 
{
  z-index:16;
	width: 28%;
	float: right;
  padding-right:1%; //05DEC
}

#footer
{
	clear:both;
	width: 100%;	
	max-width: 1120px;
	margin: auto;
	background: #fff;
	color:#084B8A;
	border-left:1px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-top:0.5%;
  padding-bottom:0.5%;
  padding-left:2.5%;
  padding-right:2.5%;     
} 

#footer a { color:#084B8A; }

#searchterm { float:left; }

#searchbox { float:left; }

#mailto { float:right; }

#bottom
{
	clear:both;
	width: 100%;	
	max-width: 1120px;
	margin: auto;
	font-family: "Times New Roman", Times, serif;font-size: 12px;
	background:#084B8A;
	color:#fff;
	border-left:2px solid #084B8A;
	border-right:1px solid #084B8A;
  padding-top:2.5%;
  padding-bottom:2.5%;
  padding-left:2.5%;
  padding-right:2.5%;     
}

/*Only for mainpage - start*/

#mshead
{
	width:25%;
	background-color:#088A85;
	font-size: 20px;
	color:#fff;
	text-align:center;
	padding:4px;"
}

#mstail
{
	width: 98%;
	border:2px solid #088A85;
	box-shadow: 10px 10px 5px #cccccc;
	padding:10px;
	text-align:justify;
}

#cshead
{
	width:20%;
	background-color:#5FB404;
	font-size: 20px;
	color:#fff;
	text-align:center;
	padding:4px;
}

#cstail
{
	width: 98%;
	border:2px solid #5FB404;
	box-shadow: 10px 10px 5px #cccccc;
	padding:10px;
	text-align:justify;
}

#vbhead
{
	width:25%;
	background-color:#FF8000;
	font-size: 20px;
	color:#fff;
	text-align:center;
	padding:4px;
}

#vbtail
{
	width: 98%;
	border:2px solid #FF8000;
	box-shadow: 10px 10px 5px #cccccc;
	padding:10px;
	text-align:justify;
}

/*Only for mainpage - end*/

#bottom a { color:#fff; }

/*card start*/
.card {
  width: 300px;
  height:250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  float: left;
  margin:35px;
}

.card:after {
  display:block;
  content: '';
  border-bottom: solid 3px #019fb6;
  border-bottom: solid 3px #019fb6;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.card:hover:after { transform: scaleX(1); }
.card.fromRight:after{ transform-origin:100% 50%; }
.card.fromLeft:after{  transform-origin:  0% 50%; }


.cardheader {
  background-color: #fff;
  color: red;
  padding: 10px;
  font-size: 40px;
  height:150px;
}

.cardcontainer {
  padding: 1px;
  background-color: #f0f5f5;
  height:30px;
  font-size: 17pt;color:#008000;font-weight: bold;
}

.cardcenterObject {
  width:100%;
  float:left;
}

.fontColor{
  color:#084B8A;
  font-weight: bold;
}

.boxFont{
  font-family: "Times New Roman", Times, serif;
  font-size: 22px;
  line-height: 1.9em;
}
.cFont{
  font-family: "Times New Roman", Times, serif;
  font-size: 35px;
  color:#084B8A;
  font-weight: bold;
}
/*card end*/

/* Media Queries */
@media only screen and (max-width:768px) {
  
 
  #sitename-left
    {
    float:left;	
    font-size: 18pt;color:#FF0000;
    padding-left:16%;
    padding-top:4%;
  }
 
  .nav  {
      display:none;
  }
  
  #sitename-right  {
      display:none;
  }
  
  .nav ul li {
      width:90%;
      text-align:center;
      padding-top:0.1px;
      padding-bottom:0.1px;
      font-weight:normal;
  }  
	.nav,#main, aside , mainList
	{
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 90%;
	}	

	.nav li 
	{
		margin: 0;
		background: #efefef;
		display: block;
		margin-bottom: 3px;
	}

	.nav a 
	{
		display: block;
		padding: 10px;
		text-align: center;
	}		    
 
  #menu {
      display: block !important;
      width:40px;       
     position:absolute;
     top:0;
     left:0;      
  }
  
  .trigger {
      display: block !important;
  }
}