/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#3D3A26;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #3D3A26;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #7E5832;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0px;
}
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	background-image: url(background.jpg);
	background-repeat: repeat;
}
#text_left h2 {
	font-weight: normal;
	font-style: italic;
	font-size: 22px;
	line-height: 28px;
}
#text_left h3 {
	font-size: 24px;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 950px;
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20;
	margin-left: auto;
	padding: 0px;
}
#text_left {
	background-color: #3D3A26;
	text-align: center;
	color: #FFF;
}
#buttons_back {
	background-image: url(images/menu_back.jpg);
	height: 93px;
	width: 470px;
	margin: 0px;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#buttons {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	font-variant: normal;
	text-transform: uppercase;
}
#bottom_right {
	background-image: url(images/right_bottom_back.jpg);
	background-repeat: repeat-y;
	padding: 20px;
	margin: 0px;
}
#special_right {
	margin: 0px;
	padding: 20px;
	background-color: #89633D;
	color: #FFF;
	text-align: center;
	border: 1px solid #C6CE32;
}
#special_left {
	margin: 20px;
	padding: 10px;
	background-color: #89633D;
	color: #FFF;
	text-align: center;
	border: 1px solid #C6CE32;
}
p {
	font-size: 14px;
	line-height: 22px;
}
#special_left h1 {
	font-size: 24px;
	line-height: 24px;
}
#special_right h1 {
	font-size: 26px;
	line-height: 28px;
}
#special_right h3 {
	font-size: 16px;
	line-height: 18px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#moon {
	color: #FFF;
	text-align: center;
	font-size: 12px;
}
#moon a {
	color: #FFF;
	text-decoration: underline;
}