html {
  height: 100%;
  font-size: 62.5%; /* Setting base font to 10px and define all your units in rem. 1rem = 10px */
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: auto;
  height: 100%;
  width: 1024px;
  display: block;
  font-family: sans-serif;
  font-size: 14px;
}

ul {
list-style-type: none;
}

a {
	color:#005953;
        font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
a:hover {
        background-color: AntiqueWhite;
}

/* DIV styles */ 

#contentarea {
	margin:auto;
	width: 1024px;
	padding: 8px;
        height: 1024px;
}

#contentleft{
	margin: auto;
	text-align: left;
	width: 240px;
	float: left;
	padding: 4px;
        height: 100%;
        background-color: LightGrey;
}


#contentright{
	margin:auto;
	width:752px;
	float:right;
	padding: 4px;
        height: 100%;
}

/* Class styles */ 

.left {
  float: left;
  padding: 4px 12px 4px 4px;
}
.right {
  float: right;
  padding: 4px 4px 4px 12px;
}
.small	{
font-size: 0.7em;
}
.center {
 text-align: center;
}
.single {
  color: LightCoral;
}
.service td{
  border: thin solid Black;
  padding: 4px;
}
.service ul {
  list-style-type: disc;
  float: right;
  padding-right: 96px;
}