body {
  background-color: #b7b8b8;
  margin: 0 0 0 0; padding: 0;  
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #ccccd3;
  text-align: justify;
}

/* Here are the divs */


#container {
 margin: 0 auto;
 width: 600px;
 text-align: left;

}

div#wrapper {
  width: 600px;
  margin: 0px;
  background: url(bg.jpg);
  background-repeat: repeat-y;
  background-position: 0 20px;
/* sets the height for all browsers to auto */
	height: auto !important;
/* sets height (which acts like min-height) to your set size for IE, since it doesn't understand !important */
  	height: 600px;
/* set min-height for other browsers that understand !important */
	min-height: 600px;
}


div#sidebarwrapper {
  width: 145px;
  float: right;
  padding-right: 33px;
  margin: 0 0 0 0;
  position: relative;
  text-align: justify; 
}

div#sidebar {
  margin: 0;
}

div#contentwrapper {
  width: 370px;
  padding-left: 32px;
  margin: 0;
  position: relative;
  z-index: 100;
  text-align: justify;
}

div#content {
  margin: 0;

}

/* Now the other styling... */

h1, h2, h3 {
  position: relative;
}

h1 {
  font-family: arial, sans-serif;
  background: #5b5b5c;
  font-size: 13px;
  color: #ccccd3;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ccccd3;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-left: 15px;
  padding-right: 3px;
  text-align: right; 
}

h2 {
  font-family: arial, sans-serif;
  background: #5b5b5c;
  font-size: 13px;
  color: #ccccd3;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ccccd3;
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: left; 
  padding-right: 5px;
  padding-left: 3px;
  
}


h3 {
  font-size: 1.2em;
  margin: 0 0 10px 0;
}

h3.sidebarh3 {
  border-top: 1px solid black;
}

p {
  margin: 0 0 10px 0;
  line-height: 1.3em;
}

a {
  color: #ffffff;
  text-decoration: underline;

}

a:hover {
  color: #ffffff;
  text-decoration: none;

}


img {
  border: 0;
}


input , textarea , option , select {
  font-family: arial, sans-serif;
  font-size: 1.0em;
  background : #E6D8B8;
  border : 1px solid #574A2C;
}


input.menu , textarea.menu , option.menu , select.menu {
  font-family: arial, sans-serif;
  font-size: 0.7em;
  background : #E6D8B8;
  border : 1px solid #574A2C;
}

input.none {
  background : #E6D8B8;
  border : 0 none inherit;
}
