html {

height: 100%;
background-color: #cbc392;
}

body 
{
font-family:arial, verdana, sans-serif;
font-size: 100%;
/*color:#564b47;*/
text-align:left;
margin:0 auto;
padding:0px;
/*background-color: #355b27;*/
background: url("weave.jpg");
/*background-attachment: fixed;*/
}

#wrapper {width:800px;
	margin: 0 auto;
	height: 100%;
	/*background-color: #355b27;*/
	} 
	

	
p    {
text-align: center;
font-size: 12pt;
font-weight: lighter;
font-variant: small-caps;
line-height: 20pt;
color:#000;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
letter-spacing: 2px;
}

p.hdr	{
font-size: 14pt;
font-weight: normal;
color: #000;}

p.ital {
text-align: center;
font-style: italic;
font-variant: normal;
/*font-weight: lighter;*/
font-size: 10pt;
line-height: 120%;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
color: #000;

}

p.small	{font-size:50%;
	font-style: italic;
	text-align: center;}

a	{
color: #2e5130;
}

a:hover {
color: #71a171;
}

a.other {
color: #330099;
}


dl#pages dt {
  display:none;
  
  }
  
dl#pages dd {
  padding:0; 
  margin:0;
  
  }
a.xmenu, a.xmenu:visited {

  display:block; 
  width:8em; 
  height:3em; 
  text-decoration:none; 
  text-align:center; 
  font-weight: bold;
  color:#000; 
  float: left;
    }
a.xmenu span, a.xmenu:visited span {
  display:block; 
  width:6em; 
  height:0.5em; 
  border-top:0.5em solid #000; 
  border-left:1em solid #000;  
  border-right:1em solid #000; 
  border-bottom:0.5em solid #000; 
  background:#355b27; 
  overflow:hidden;
  }
* html a.xmenu span, * html a.xmenu:visited span {
  width:5em; 
  height:1.5em; 
  w\idth:3em; 
  he\ight:0.5em; 
  overflow:hidden;
  }
a.xmenu:hover {
  color:#355b27;
  }
a.xmenu:hover span {
  background:#cbc392;
  }



#header	{
position:relative;
	left:0;
	width:100%;
	/*height:100px;*/
	margin-top: 50px;
	
}


#content {position:relative;
	float:left;
	left:0;
	width:55%;	
	padding:5px 5px 5px 5px;
	background-color:#cbc392;
	}
	

#hopeless {
	position:relative;
	float:left;
	width:40%;
	padding: 5px;
	text-align:center;
	
	}

h1
{
font-size: 400%;
color: #7c4b46;
}

h2
{
font-size: 200%;
color: #7c4b46;
}

h3
{
font-style: italic;
color: #7c4b46;
}

div.box
{
margin: 5px ;
padding: 5px ;
background: #cbc392;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
position: relative;
border: 2px solid #9e9351;
}