@charset "utf-8";
body  {
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
		background: #ffffff;
	 /*background-image:  url("/images/bkgsquare.gif");*/
	/*background-color: #cccccc;*/
/*background-repeat: repeat;*/
	/*background-repeat: no-repeat;*/
	
}
.dyslexic #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 10px solid #a02705;
	text-align: center; /* this overrides the text-align: center on the body element. */
}
.dyslexic #header {
/*background-image:  url("http://www.alpineguestlofts.com/images/alpineguestloftsheader.jpg");*/
/*background-repeat: no-repeat;*/
	background: #ffffff; 
	height: 50px;
	text-align: center;
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}


.dyslexic #mainContent {
	padding: 0 20px 0 20px; 
	  max-width:500px;
  margin: auto;
	
	
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ffffff;
}
.dyslexic #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	
	background: #ffffff;
}



	#photo img { 
	border-style: solid;
	border-color: ffffff;
	border-width:0px;
	
} 



div.text {
	width:500px;
	margin: auto;

}

p {
	text-align: left;
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}


.mycenter {
margin: auto;
	width: 60%;	
	padding: 10;
}