html{height:100%;}

body{
text-align: left;
color: #3D321C;
font-family: 'tahoma', 'helvetica', 'arial';
letter-spacing: -0.05em;
background-image: url('images/bg.png');
background-color: #5CA15D;
background-repeat: repeat-x;
}

img a{
	outline: none;
}

h2{
	font-family: 'impact', 'tahoma', 'helvetica', 'arial';
}

.header{
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

.footer{
text-align: center;
padding: 20px;
font-size: 12px;
}

.container{
color: #666;
background: #fff;
max-width: 640px;
margin: 0px auto 0px;
-moz-border-radius-topleft:     1em 1em;
-moz-border-radius-topright:    1em 1em;
-moz-border-radius-bottomright: 1em 1em;
-moz-border-radius-bottomleft:  1em 1em;
}

.container img{
	max-width: 640px;
}

.content{
padding: 40px;
margin: 0 auto 20px;
text-align: left;
font-size: 18px;
}

.content h2{
font-size: 48px;
font-weight: normal;
text-align: center;
}

.content a{
	color: #7F772B;
}

.button{
color: #7F772B;
text-shadow: #fff 0px 1px 1px;
text-decoration: none;
background-image: url('images/button2.png');
display: inline-block;
height: 23px;
_height: 26px;
padding-top: 3px;
padding-left: 3px;
position: relative;
margin-right: 3px;
}

.button b {
display: block;
width: 3px;
height: 26px;
position: absolute;
background-image: url('images/button2.png');
background-position: right top;
top: 0px;
right: -3px;
}

.button:hover { background-position: left center; }
.button:hover b{ background-position: right center; }

.button:active { background-position: left bottom; }
.button:active b{ background-position: right bottom; }

.menu {
width: 200px;
text-align: center;
margin: auto;
background-image: url('images/bg1.png');
}

.browntop {
	width: 640px;
	background-image: url(images/brown_bg.png);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #3D321C;
	height: 50px;
	line-height: 50px;
	color: #EDEBD8;
	-moz-border-radius-topleft:     0.5em 0.5em;
	-moz-border-radius-topright:    0.5em 0.5em;
}

.browntop a{
	outline:none;
}

.browntop ul {
list-style-type: none;
margin-left: -40px;
}

.browntop li {
float: left;
}

.browntop ul a{
	background-image: url(images/brown_div.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 25px;
	padding-left: 25px;
	display: block;
	line-height: 50px;
	text-decoration: none;
	color: #EDEBD8;
}

.browntop li a: hover{
	background-color: #4C3F23;
}

.browntop li a: active{
	background-color: #2E2515;
}

.brownfoot {
	text-align: center;
	background-color: #3D321C;
	background-image: url(images/brown_bg.png);
	background-position: top;
	background-repeat: repeat-x;
	height: 50px;
	line-height: 50px;
	color: #EDEBD8;
	-moz-border-radius-bottomleft:     0.5em 0.5em;
	-moz-border-radius-bottomright:    0.5em 0.5em;
}

.box{
	color: #3D321C;
	background-color: #EDEBD8;
	margin: auto;
	padding: 30px;
	-moz-border-radius:    0.5em 0.5em;
}