/* CSS Document c6d3cd */

body {

	
	background-color:#819093;
	font-family:"trebuchet MS";
	font-size:12px;
	font-weight:bold;
	color:#4d2c1e;
	text-align:inherit;
	


	
}
		
	A:link    { color: #4d2c1e; text-decoration:none}    /* unvisited links */
	A:visited { color: #43343b; text-decoration:none}   /* visited links   */
	A:hover   { color: #d8d4c8; text-decoration:none} /* user hovers over link*/
	A:active  {	color: #d8d4c8;	text-decoration:none;	}   /* active links    */

.title1
	{
	font-size:14px;
	letter-spacing: 5px;
	}
	
.smalltext
	{
	font-size:10px;
	letter-spacing: 0px;
	font-weight:normal;
	line-height: 95%;
	}

div.scroll { /* where I want it, apparently */
	width: 750px;
	height: 400px;
	overflow:auto;
	float:left;

	}
	
div.transbox
  {
  width: 750px;
  height: 400px;
  background-color: #819093;

  border: 0px solid black;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  /* for Mozilla */
  -moz-opacity:0.4;
  -khtml-opacity: 0.4;
  
  }
  
div.text {
	margin-top: 40px;
	padding:15px;
	
}

div.text2 {

	padding:15px;
	
}
 
 #opaquetext {
	color:#482020;
	padding-left:5px;
	padding-right:5px;
	width: 740px;
	height: 400px;     /* to match DIVs size          */
	background-color: transparent;   /* transparent background      */
	position: absolute;              /* absolute positioning        */
	z-index: 2;                      /* place it over the other DIV */
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	float:left;





}



#wrapper {width: 1024px; margin: 0 auto; text-align: left; } 

#top {
	margin-top:120px;
	letter-spacing: 10px;
	font-size:38px;
	font-weight:bold;
	text-align:left;
	
}
	
#menu {
	padding-top:5px;
	padding-bottom:30px;
	font-size:16px;
	font-weight:bold;
	text-align: left;
	}
	
	
#bottom {
	margin-top:410px;
	width:450px;
	font-size:10px;
	font-weight:normal;
	color: #684b3f;
	line-height:105%;
	text-align:center;}