body {
margin : 0;
font-family : verdana;
}
section {
color : #000;
padding-top : 15%;
top : 30%;
text-align : center;
}
section h1 {
font-size : 2em;
}
section p {
line-height : 25px;
max-width : 1000px;
margin : 0 auto;
}
* {
margin : 0;
padding : 0;
}
nav {
position : fixed;
top : 0;
width : 100%;
height : 100px;
background-color : #7E7E7E;
display : flex;
justify-content : center;
align-items : center;
}
ul li {
list-style : none;
display : inline-block;
line-height : 100px;
position : relative;
}
ul li a {
display : block;
text-decoration : none;
font-size : 17px;
font-family : verdana;
color : #CCCCCC;
padding : 0 50px;
text-transform : capitalize;
}
ul li::after {
content : '';
height : 7px;
width : 0;
background : #ff0000;
position : absolute;
left : 0;
bottom : 15px;
transition : 0.0s
}
ul li:hover:after {
width : 100%;
}
.items{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 30px 20px;
	grid-column-gap: 20px;
	grid-row-gap: 30px;
}
.item img{
	object-fit: cover;
	cursor: pointer;
}
.item h2{
	padding: 15px;
	text-align: center;
}
.item button{
	padding: 10px 40px;
	border: none;
	outline: none;
	background-color: red;
	color: white;
	font-family: verdana;
	cursor: pointer;
	border-radius: 8px;
	font-size: 20px;
	display: block;
	margin: 0 auto;
	transition: 0.5s all;
}
.item button:hover{
	transform: scale(1.1);
}

#header {
  height: 60px;
  padding: 15px;
  background: top right no-repeat;
  margin: 0px;
}

#header h1 {
  margin:0px;
  font-family: verdana;
  font-size: 28px;
  color:#ffffff;
  letter-spacing: -1px;
}

#header h2 {
  margin:0px;
  font-family: verdana;
  font-size: 14px;
  color:#dfdfdf;
  letter-spacing: 1px;
}

#left_side {
  margin-top: 10px;
  float: left;
  width: 170px;
  background: #e9e9e9 url('../img/side_bg.gif') bottom left repeat-x;
}

#right_side {
  margin-top: 10px;
  float: right;
  width: 360px;
  background: #e9e9e9 url('../img/side_bg.gif') bottom left repeat-x;
}

#content {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 180px;
  margin-right: 180px;
}

#footer {
  height: 60px;
  background-color: #000;
  clear: both;
  text-align: center;
  padding-top:15px;
  color: #FFFFFF;
  font-family: verdana;
  font-size: 17px;
  line-height: 38px;
}

#left_side p{
  margin:10px;margin-top:15px;margin-bottom:15px;
  font-family: verdana;
  font-size: 11px;
  line-height: 16px;
  color: #111111;
}

#right_side p{
  margin:10px;margin-top:15px;margin-bottom:15px;
  font-family: verdana;
  font-size: 11px;
  line-height: 16px;
  color: #111111;
}

#left_side h3{
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:6.2px;
  font-family: verdana;
  font-size: 14.5px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border:2px solid #6f0000;
  background-color: #9a0000;
}

#right_side h3{
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:4.65px;
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border:2px solid #6f0000;
  background-color: #9a0000;
}

#left_side h4{
  margin-top:0px;margin-bottom:0px;margin-left:10px;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #ffffff;
}

#right_side h4{
  margin-top:0px;margin-bottom:0px;margin-left:10px;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #ffffff;
}

#content p {
  margin-top:15px; margin-bottom: 15px;
  font-family: verdana;
  font-size: 12px;
  line-height: 18px;
  color: #221212;
}

#content h2 {
  margin-top:10px; margin-bottom: 15px;
  font-family: verdana;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  color: #dd0000;
}

#content h4 {
  margin-top:0px;margin-bottom:0px;
  font-family: verdana;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #dd0000;
}

#navlist
{
  margin-top:1px;
  margin-bottom:0px;
  text-align:center;
  padding: 5px 0;
  margin-left: 0;
  border-bottom: 1px solid #7e7e7e;
  font: bold 14px verdana;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  color: #F1F6FE;
  padding: 5px 15px;
  margin-left: 3px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #2153AA url('../img/tab_bg.gif') bottom left repeat-x;
  text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}

#navlist li a#current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

.featurebox_center {
  background-color: #fffff6;
  margin: 0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana;
  font-size: 11px;
  line-height: 18px;
  width: 948px;
  color: #000000;
}

.featurebox_side {
  background-color: #fffff6;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}