body {
   margin: 0;
   padding: 0;
}
#menu {
  width: 100%;
  height: 27px;
  background: rgb(36, 76, 128);
  position: absolute;
  z-index: 10;
}

#mainarea {
  clear: both;
  float:left;
  width: 100%;
  position: relative;
  z-index: 7;
  margin-top: 0px;
  min-height: 400px;
}

#ltside, #ltsidebot {
  position: absolute;
  left: 0px;
  width: 25px;
}

#rtside, #rtsidebot {
  position: absolute;
  right:0;
  width: 25px;
}

#rtsidebot, #ltsidebot {
  bottom: 0px;
}

#ltside, #rtside {
  top:0px;
}

#mainbody {
  margin:15px 35px 10px 35px;
  overflow: hidden;
  z-index: 5;
}

#mainbody p {
	float: right;
	width: calc(100% - 350px);
	margin-right: 20px;
	font-size: 18pt;
}

.links {
	width:300px;
	float: left;
	margin-right: 15px;
}

.links li {
	background-image: url(../images/cloudsbiglighter.jpg);
	border: #244C80 1px solid;
	height: 25px;
	margin: 2px;
}

.links li a {
	color:#244C80;
	text-decoration: none;
	font-family: verdana sans-serif;
	font-size: 16pt;
	width:100%;
}

.links li:hover {
	background-image: url(../images/cloudsbigdarker.jpg)
}

.links li:hover a {
	color: white;
}

@media screen and (max-width:700px){
#mainbody p {
	float: none;
	width: 95%;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 25px;
	padding: 5px;
}

#mainbody {
	margin: 15px 5px 10px 0;
	padding: 5px;
}
	
.links {
	width: 100%;
	margin: 2px 0px;	
}
	
#ltside, #ltsidebot {
	display: none
}

#rtside, #rtsidebot {
  display: none;
}

}