body {
  margin:0;
  padding:0;
  width: 7800px;
  height: 509px;
  font: 62.5%/150% Tahoma, Sans-Serif;
  background: #000 url(/images/bg.png) repeat left top;
}
h2 {font-size: 1.1em}
h3 {font-size: 1.4em}
hr, .hide {
  position:absolute; 
  top:0;
  left:-9000px;
}
#leftsider {
  float: left;
  width:300px;
  /*background: #111 url(/images/header.jpg) no-repeat left top;*/
  /*height: 570px;*/
  background:url("/images/bg-post.png");

}
#leftsider h1 {font-size: 2.0em;}
#content {
  margin: 75px 0 0 40px;
  float: left;
  font-size: 1.1em;
}
#content h4 {font-size: 1.2em;}
.par {
  margin: 0px 30px 0 0px;
  /*padding-left: 30px;*/
  float: left;
  width: 400px;
 /* height: 300px;*/
}
.alt {/* modify this to add style to alternate sections*/}
#note {
  margin-top:10px;
}
p.secbot a{
  margin-top: -5px;
  padding-left: 15px;
  border-bottom:none;
  /*color: #22b1e1;*/
  background: url(/images/leftsmall.png) no-repeat scroll left center;
  text-decoration:none;
  font-size:0.9em;
}
p.secbot a:hover {
  /*border-bottom:1px solid #22b1e1;*/
  border-bottom: 1px solid #6498cc;
}
#arrows {
  position: fixed;
  top: 440px;
  left: 650px; 
  width: 90px;
  height: 30px;
  cursor: pointer;
}
#arrows ul {
  margin: 0;
  padding: 0;
  list-style:none;
}
#arrows ul li {
  margin: 0;
  padding: 0;
  display:inline;
  width: 40px;
  height: 30px;
}
#arrows ul li a{
  margin-right: 5px;
  float: left;
  display: block;
  width: 40px;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  font-size: 50em;
  text-indent: -9000px;
}
#arrows ul #left a {background: transparent url(/images/leftbig.png) no-repeat;}
#arrows ul #right a{background: transparent  url(/images/rightbig.png) no-repeat;}
#rightsider {
  padding: 0 10px 0px 0;
}
#rightsider a{
  text-decoration: none;
}