/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background: #f7d5f7 url("bg1.gif"); /*Replace with your own background*/
	background-size: cover;
	background-attachment:  fixed;
  background-position:left;
	font-family: "VT-100", fixedsys, System, monospace;
	font-size: 15px;
  }
  
center {
  text-align: center;
  }
  
a {
  color: #3c5832;
  }


  
/*Code shared by all window-style boxes. To see what different specific sidebar classes look like, check the demo page.*/
.sidebar, .mini-sidebar, .wide-sidebar, .box {
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #B4655A;
  box-shadow: 25px 26px #B4655A;
  }
  
/*Prevent image overflow.*/
.sidebar img, .mini-sidebar img, .wide-sidebar img, .box img {
  max-width: 50%;
  height:auto; /*Prevent squishing*/
  }
  
  
/*Inside/main text of window boxes.*/
.inner {
  padding: 10px;
  padding-bottom: 5px;
  padding-top: 0px;
  }

/*The title bar at the top of window boxes.*/
.title-bar, .box-title-bar {
  background: #7aa469;
  color: white;
  font-weight: bold;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  }
  
/*The title bar of boxes has slightly more padding, since there's more room to space text.*/
.box-title-bar {
  padding: 7px;
  padding-top: 0px;
  padding-bottom: 0px;
  }
  
/*For the symbol in the top right corner.*/
.right {
  float: right;
  margin-right: 5px;
  font-family: "Arial", sans-serif;
  line-height: 12px;
  }
  

/*Main body text boxes.*/
.box {
  margin-top: 50px;
  margin-left:94px;
  width: 1000px;
  margin-bottom: 0px;
  }
  
  
  
wide {
  letter-spacing: 16px;
  }
  
midwide {
  letter-spacing: 3px;
  }