body {
  background-color: #D2C1F5;
  background-size: 100%;
  background-attachment: fixed;
  color: #54348A;
  font-family: "Lucida Sans Unicode";
  font-size: 9pt;
  }
  
center {
  text-align: center;
  }

h1 {
  font-family: "Lucida Sans Unicode";
  font-size: 12pt;
   text-align: center;
  }

h2 {
  font-family: "Lucida Sans Unicode";
 color: ##54348A;
  font-size: 11pt;
  text-align: center;
  background: #8ec46b;
  padding: 10px;
  border: 2px dotted #54348A;
  }

h3 {
  font-family: "Lucida Sans Unicode";
  color: #54348A;
  font-size: 10pt;
  text-align: center;
  }

a {
  font-family: "Lucida Sans Unicode";
  font-size: 9pt;
  color: #54348A;
  text-decoration: none;
  }

a:hover {
  font-family: "Lucida Sans Unicode";
  font-size: 9pt;
  color: #54348A;
  text-decoration: none;
  }

ul {
  display: block;
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0px;
  font-family: "Lucida Sans Unicode";
  font-size: 10pt;
  text-align: center;
}

ul a {

  font-family: "Lucida Sans Unicode";
  font-size: 10pt;
  color: #54348A;
  text-decoration: none;
}

ul a:hover {
  font-family: "Lucida Sans Unicode";
  font-size: 10pt;
  color: ##54348A;
  text-decoration: none;
  letter-spacing: 2px;
}
  
/*Contains everything*/
.wrapper {
  width: 990px;
  margin: 0 auto;
  top: 0;  
  margin-bottom: 10px;
  
  }
  
/*Contains main and sidebar divs*/
.wrapper-2 {
  position: relative;
}
  
  
.footer {
  height: 20px;
  }
  
.header img {
  border-top: 0px;
  }
  
.title {
  padding: 15px 10px 10px 15px;
  }
  
/*Override default margins/padding for headings.*/
.title h1, .title h2, .title h3 {
  padding: 0;
  margin: 0;
  }

.leftsidebar {
  height: 500px;
  width: 150px;
  position: absolute;
  left margin: 0;
  top: 0;
  padding-top: 20px
}
.sidebarbox {
display: inline-block; 
}

/*These three classes are just for defining the boundaries and size of the main and sidebar columns. Most fancy styling goes in the 'box' class.*/
.main {
  display: inline-block;
  }
  
.main {
  margin-left: 0px;
  width: 989px;
  }
  
/*Box used for individual sections in the sidebar, center column, etc.*/
.box {  
  padding: 1px 10px 3px 10px;
  background: #d9e6a0;
  color: ##54348A;
  border: 2px dotted #54348A;
  margin: 0px 0px 0px 0px;
  }
  

table {
  width: 100%;
  background-color: white;
  color: #54348A;
  border-style: dotted gold;
  border-width: 1px;
  font-size: 9px;
  font-family: "Lucida Sans Unicode";
  
}

td, th, tr {
  border: 1px dotted #54348A;
  text-align: left;
  padding: 8px;
  width: 150px;
  height: 150px;
  overflow: auto;
}



/***
  Not give any style rules by default. Move the padding from the 'box' class here if you want boxes with specially styled headers or images that 
  don't follow the margins of the main text. (For an example of that: see skin #1.)
  ***/
.inner {
  
  }