* {
	margin:0;
	padding:0;
}
.clear {
	clear: both;
}
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}

a {
	text-decoration: none;
	color: #007ad3;
}
a:hover {
	text-decoration: underline;
}
a:hover, a:active, body_ahover { color: purple; text-decoration: underline;}
.color-green {
	color: green;
}


a.ex2:hover, a.ex2:active {font-size: 150%;}


.color-purple {
	color: purple;
}
.color-white {
	color: #fff;
}
.color-red {
	color: red;
}
.color-blue {
	color: blue;
}
/*=============================*/
body {
	height: 100%;
	margin: auto;
	max-width: 800px;
	background-color: #ffffff;
	color: #007ad3;
	font-size: 80%;   
    font-family: Arial, Helvetica, sans-serif;
}
.section-header-wrapper, .section-content-wrapper {
	background-color: #3abff1;
	color: #ffffff;
	font-weight: bold;
}


.Box { background-color: #fdfeff; 
color: #444444; 
border-left-width: 3px; 
border-left-color: #007ad3; 
border-left-style: solid; 
padding-top: 3px; 
padding-left: 1px; 
padding-bottom: 3px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-color: #eef8ff; 
border-bottom-style: solid; 
border-top-width: 1px; 
border-top-color: #eef8ff; 
border-top-style: solid; 
border-right-width: 1px; 
border-right-color: #eef8ff; 
border-right-style: solid; 
font-size: small; font-family: 
calibri; border-radius: 4px; }


.Gray { background-color: #fafafd; 
font-family: calibri; 
border-bottom-width: 1px; 
border-bottom-color: #fafafd; 
border-bottom-style: solid;
margin-bottom: 1px; 
padding-bottom: 3.6px; 
padding-top: 3.6px; 
padding-left: 20px; 
padding-right: 3.6px; 
font-weight: bold; 
font-size: small;  
background-image: url(/site_assets/images/A4.gif);
background-repeat: no-repeat; 
background-position: 2px 50%; }



.Singamda { background-color: #3abff1;
 color: #ffffff; 
margin-top: 0px; 
margin-bottom: 1px; 
margin-right: 1px; 
margin-left: 1px; 
padding-top: 3.5px; 
padding-bottom: 3.5px; 
padding-left: 3px; 
padding-right: 3px; 
font-weight: bold; 
text-align: center; 
font-size: small; 
font-family: verdana; 
border-radius: 4; 
}





.Singamdasam { background-color: #fff; 
color: #444444; 
padding-top: 3.6px; 
padding-left: 3.6px; 
padding-bottom: 3.6px; 
padding-right: 3.6px; 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-color: #e1e1ff; 
border-bottom-style: solid; 
margin-bottom: 1px; 
font-size: small; 
font-family: calibri; 
border-radius: 4px; 
}

.section-header-container, .section-content-container {
	margin: 0 1px 1px;
	padding: 3.5px 3px;
}
.section-content-wrapper {
	background-color: #fff;
	color: #444;
}
.section-content-container {
	border-bottom: 1px solid #e1e1ff;
}

/*****************
 * Pagination
 */
 .pagination {
	list-style: none;
	margin: 0;
	padding: 0;
 }
.pagination li {
	float: left;
}
.pagination li a {
	display: block;
	padding: 5px;
	background: #eee;
	margin:5px;
	color: #777;
}
.pagination li a.active {
	background: #3abff1;
	color: #fff;
}
.desc_label {
	width: 50%;
}
.desc_value {
	text-align: left;
	padding-left: 10px;
}




.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 800px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }