@charset "utf-8";
/* General Settings */
 body{
  margin:0;
  padding:150px 0 32px 0;
  background-color: #a8a87e;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color:#564b47;
  text-align: center;
  background-image:url(images/bg.png);
  background-repeat:no-repeat;
  background-repeat:repeat-x;
  background-attachment:fixed;
  background-position: 1px bottom;
 } 

/* Text Settings */  
h1, pre { margin: 0px; padding: 10px; }
p { margin: 0px; padding-bottom:7px; padding-top:5px; }
a { color: #4C88BE; text-decoration: none; font-weight:bold; }
a:hover { color: #AEBC21; text-decoration: none; font-weight:bold; }
a:visited { color: #757116; text-decoration: none; font-weight:bold }
.h1footer { font-size: 8px; text-transform:uppercase; text-align: center; color: #8DC3E9; background-color: #00477F; }
A:link.footer-link { text-decoration: none; color:#AEBC21; }
A:visited.footer-link { text-decoration: none; color:#AEBC21; }
A:hover.footer-link { text-decoration: none; color:#FFFFFF; }
.h1cont { font-size: 12px; text-transform:uppercase; text-align: left; font-weight:bold; color: #8DC3E9; background-color: #00477F; vertical-align: middle; margin: 0px auto; margin-top:20px; width: 780px; }
.h1cont a { font-size: 12px; text-transform:uppercase; text-align: left; font-weight:bold; color: #8DC3E9; }

/* Preview Images Settins */
.imgprev-left {
padding-right:5px; /* Because image is on the left, padding must be on the right */
float:left;
}

.imgprev-right {
padding-left:5px; /* Because image is on the right, padding must be on the left */
float:right;
}

.imgspan-right {
text-align:right;
padding-right:10px;
}

/* Header and Footer */
  div#header{
  position:absolute; top:0;
  left:0;
  width:100%;
  height:150px;
  background-color:#443a33;
 }
  div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:32px;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
  }

/* Content Boxes */
.lister li { margin-bottom:15px; }

.box {
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding-top:15px;
width: 780px;
padding-left:10px;
padding-right:10px;
background-color: #ffffff;
}
.box-bot {
background-image:url(images/contbot.png);
background-color:transparent;
background-repeat:no-repeat;
vertical-align: middle;
padding-bottom:4px;
margin: 0px auto;
width:800px;
height:93px;
}
div.clear {
clear: both;
}