*body{
	padding: 0 auto;
	margin: 0 auto;

}
.logoarea{
	width: 16%;
	height: 170px;
	float: left;
	margin-left: 15%;

}
.logoarea img{
	width: 100%;
	height: 170px;

}
.wardname{
	width: 50%;
	height: 50px;
	float: left;
	margin-left: 4%;
	margin-top: 45px;
	padding-top: 10px;
	border: 2px solid #26B709;

}
.wardname h4{
float: right;
margin-right: 18%;
font-size: 35px;
margin-top: -1px;
font-family: roboto;

}
.category{
	width: 45%;
	height: 30px;
	background-color: #35ACF8;
	float: left;
	margin-left: 8%;
	border: 10px solid #0D72B2;
	margin-top: 10px;


}
.category h3{
color: #ffffff;
font-size: 20px;
text-align: center;
margin-top: -1px;
font-family: roboto;
}
.intropg{
	width: 70%;
	height: 55px;
	background-color: #B70916;
	float: left;
	margin-left: 15%;
	margin-top: 45px;

}
.intropg p{
color:#fff;
text-align: center;
font-size: 18px;
font-family: roboto;

}
table {
            width: 70%;
            border-collapse: collapse;
            margin-left: 15%;
            background-color:;
            float: left;
            margin-top: 5px;
        }

th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: left;
            font-family: roboto;
        }
        th {
            background-color: #A0A0A0;
        }
        .group-name {
            background-color: #8009B1;
            margin-bottom: 20px;
            padding: 4px;
            color:#fff;
            font-size: 13px;
            font-family: roboto;
        }
        .contact-person {
            background-color: #17C508;
            margin-bottom: 20px;
            padding: 5px;
            font-size: 13px;
            font-family: roboto;
        }
        .contact-person-name {
            padding-left: 15px;
            padding: 3px;
            font-size: 13px;
            font-family: roboto;
        }
        .photo {
            text-align: center;
        }
        .photo img {
            display: block;
            margin: 5px auto;
            width: 90px;
            height: 80px;
            margin-top: 20px;
        }
        .separated-by-lines {
            width: 100%;
            border-bottom: 1px solid black;
            padding-bottom: 5px;
            margin-bottom: 5px;
            font-size:12px;
            font-family: roboto;
        }
        .separated-by-lines:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }

.tablename{
	width: 70%;
	height: 20px;
	float: left;
	margin-left: 15%;
	margin-top: 45px;
	padding-bottom: 10px;
font-family: roboto;

}
.tablename h4{
	float: left;
	font-size: 23px;
	color:#000;
	margin-top: -1px;
	font-family: roboto;


}
.tablename2{
	width: 70%;
	height: 20px;
	float: left;
	margin-left: 15%;
	margin-top: 25px;
	padding-bottom: 10px;
	font-family: roboto;

}
.tablename2 h4{
	float: left;
	font-size: 24px;
	color:red;
	margin-top: -1px;
	font-family: roboto;


}
.tablename3 h4{
	float: left;
	font-size: 24px;
	color#000;
	margin-top: -1px;
	font-family: roboto;


}
.tablename3{
	width: 70%;
	height: 20px;
	float: left;
	margin-left: 15%;
	margin-top: 25px;
	padding-bottom: 10px;
	font-family: roboto;

}
.btn{
	width: 22%;
	height: 14px;
	background-color: yellow;
	float: left;
	margin-left: 15%;
	padding: 9px;
	padding-bottom: 9px;
	border: 4px solid red;
	font-family: roboto;
}

.btn h4{
	float: left;
	font-size: 15px;
	color:#000;
	margin-top: -1px;
	font-family: roboto;


}
.paybill{
	width: 24%;
	height: 15px;
	background-color: yellow;
	float: right;
	margin-right: 15%;
	padding: 10px;
	font-family: roboto;
}
.paybill h4{
	float: left;
	font-size: 15px;
	color:#000;
	margin-top: -1px;
	font-family: roboto;


}
.table-container {
            width: 100%;
            margin: 20px 0;
        }
        .table-title {
            font-size: 24px;
            margin-bottom: 5px;
            float: left;
            width: 70%;
            margin-left: 15%;
            margin-top: 80px;
            font-family: roboto;
        }
        .table-description {
            background-color: #AC0B22;
            padding: 10px;
            margin-bottom: 20px;
             float: left;
             width: 69%;
             margin-left: 15%;
             font-family: roboto;
        }
        table, th, td {
            border: 1px solid #000;
        }
        th, td {
            padding: 10px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
            font-family: roboto;
            font-size: 14px;
        }